Foros del Web » Programando para Internet » Javascript »

usar widgets de kendo ui dinamicamente

Estas en el tema de usar widgets de kendo ui dinamicamente en el foro de Javascript en Foros del Web. hola que tal, tengo la siguiente duda, ojala me puedan ayudar, estoy probando el widget de kendo ui de datetimepicker: [URL="http://demos.kendoui.com/web/datetimepicker/index.html"]http://demos.kendoui.com/web/datetimepicker/index.html[/URL] El problema consiste en ...
  #1 (permalink)  
Antiguo 15/04/2013, 10:35
 
Fecha de Ingreso: abril-2012
Ubicación: Leon Gto
Mensajes: 21
Antigüedad: 12 años, 7 meses
Puntos: 1
Busqueda usar widgets de kendo ui dinamicamente

hola que tal, tengo la siguiente duda, ojala me puedan ayudar, estoy probando el widget de kendo ui de datetimepicker:

[URL="http://demos.kendoui.com/web/datetimepicker/index.html"]http://demos.kendoui.com/web/datetimepicker/index.html[/URL]

El problema consiste en que no he podido hacer que cargue dinamicamente, ej, si hago esto funciona correctamente:

Código HTML:
<input id="datetimepicker" value="" style="width:200px;" /> 
Código:
<script>
            $(document).ready(function() {
                $("#datetimepicker").kendoDateTimePicker({
                    culture: "es-MX",
                    format: "yyyy-MM-dd HH:mm:00"
                });
            });
        </script>
pero si hago esto, no:

Código HTML:
<input type="button" id="cargar" value="cargar"><br><div id="miform"></div> 
Código:
<script>
            $(document).ready(function() {
                $("#cargar").click(function(){
                    $("#miform").html('<input id="datetimepicker" value="" style="width:200px;" />');
                });
                $("#datetimepicker").kendoDateTimePicker({
                    culture: "es-MX",
                    format: "yyyy-MM-dd HH:mm:00"
                });
            });
        </script>
estaba intentando usar las funciones on y delegate de jquery, pero no he tenido exito, alguna sugerencia?
  #2 (permalink)  
Antiguo 15/04/2013, 11:26
 
Fecha de Ingreso: abril-2012
Ubicación: Leon Gto
Mensajes: 21
Antigüedad: 12 años, 7 meses
Puntos: 1
Respuesta: usar widgets de kendo ui dinamicamente

bueno, ya lo solucione.... por si a alguien le pasa

Código Javascript:
Ver original
  1. <script>
  2.             $(document).ready(function() {
  3.                 $("#btn").click(function(){
  4.                     $("#result").after('<input id="datetimepicker" value=""  /><br><input type="button" id="boton" value="boton">');
  5.                     $("#datetimepicker").kendoDateTimePicker({
  6.                         culture: "es-MX",
  7.                         format: "yyyy-MM-dd HH:mm:00"
  8.                     });
  9.                 });
  10.                 $("#result").on("click", "#boton", function(){
  11.                    
  12.                 });
  13.             });
  14.         </script>
  #3 (permalink)  
Antiguo 15/04/2013, 11:28
 
Fecha de Ingreso: abril-2008
Ubicación: El Salvador
Mensajes: 736
Antigüedad: 16 años, 7 meses
Puntos: 47
Respuesta: usar widgets de kendo ui dinamicamente

Marca el tema como solucionando entonces

Etiquetas: ajax, jquery
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 18:30.