Tengo seis objetos kendoColorPicker inicializados en un bucle (vea jsFiddle). Cuando se elige un color en uno de ellos, necesito obtener su ID de elemento en el evento de cambio.

Intenté con lo siguiente pero no funciona:

¿Alguna idea?

Este es el javascript:

    for (var i=1;i<=6;i++){
             $("#picker0"+i).kendoColorPicker({
                  value: "#ffffff",
                  change: function(e) {
                    alert($(this).attr('id'));
                }
             });
    }

Y la declaración de elementos de entrada:

    <input id="picker01" /> <input id="picker02" /> <input id="picker03" />
    <input id="picker04" /> <input id="picker05" /> <input id="picker06" />
0
ps0604 2 sep. 2014 a las 21:36

2 respuestas

La mejor respuesta

Puede obtener del remitente e objeto de él:

change: function(e) {
            alert($(e.sender.element).attr("id"))
        }

VIOLÍN:

http://jsfiddle.net/ehsansajjad465/kp2C9/132/

1
Ehsan Sajjad 2 sep. 2014 a las 17:43

No está muy familiarizado con el kendo, pero intente vincular el evento de cambio por separado

   for (var i=1;i<=6;i++){
        $("#picker0"+i).kendoColorPicker({
            value: "#ffffff"
        })
        .on("change",function(){
            alert($(this).attr("id"));
        });
    }

Actualizó su violín aquí: http://jsfiddle.net/kp2C9/131/

0
twill 2 sep. 2014 a las 17:40