JQuery & Objects, tratando de hacer un widget liviano

Question

Intentando hacer un "control" genérico que pueda agregar dinámicamente elementos, pero estoy teniendo problemas para que las funciones funcionen correctamente.

Esto es lo que comencé.

$select = $("<select></select>"); 
$select.addOption = function(value,text){ 
    $(this).append($("<option></option>").val(value).text(text)); 
}; 

Esto funcionó bien solos pero en cualquier momento $select es .clone(true) 'ed la función addOption() se pierde.

Este es mi enfoque de objeto, pero aún la función no funciona.

function $selectX() { 
    return $("<select></select>"); 
} 

$selectX.prototype.addOption() = function(value,text){ 
    $(this).append($("<option></option>").val(value).text(text)); 
}; 

solución Hack es añadir la función manualmente después de la creación:

$nameSelect= new $selectX; 
$nameSelect.addOption = function(value,text){ 
    $(this).append($("<option></option>").val(value).text(text)); 
}; 

¿Estoy ladrando al árbol equivocado?

Answer 1

Para añadir nuevo método para jQuery Es necesario utilizar jQuery.fn.methodName atributo, por lo que en este caso será:

jQuery.fn.addOption = function (value, text) { 
    jQuery(this).append(jQuery('<option></option>').val(value).text(text)); 
}; 

Pero hay que tener en cuenta que este addOption será accesible desde cualquier resultado de $() llamada.

Answer 2

En el siguiente enlace, encontrará el código de muestra de un complemento que creará widgets automáticamente. Puede personalizarlo según su necesidad

http://sites.google.com/site/spyderhoodcommunity/tech-stuff/jquerydashboardwidgetplugin