Complemento de formulario jQuery EasyUI -Numberspinner (control numérico)

jQuery EasyUI 插件Complemento jQuery EasyUI

Extendido desde $.fn.spinner.defaults y $.fn.numberbox.defaults. Sobrescriba los defaults mediante $.fn.numberspinner.defaults.

El numberspinner (control numérico) se crea basado en el spinner (control de ajuste) y el numberbox (cuadro de números). Puede convertir el valor de entrada a diferentes tipos (por ejemplo: numérico, porcentaje, moneda, etc.). Permite al usuario desplazarse hasta un valor deseado usando los botones de ajuste hacia arriba/abajo.

Dependencias

  • spinner
  • numberbox

Uso

Cree un numberspinner (control numérico) desde el marcado.

<input id="ss" class="easyui-numberspinner" style="width:80px;"
    required="required" data-options="min:10,max:100,editable:false">

Cree un numberspinner (control numérico) usando javascript.

<input id="ss" required="required" style="width:80px;">

$('#ss').numberspinner({
    min: 10,
    max: 100,
    editable: false
});

Cree un numberspinner (control numérico) y formatee el número como una cadena de moneda.

<input class="easyui-numberspinner" value="1234567890" style="width:150px;"
    data-options="required:true,precision:2,groupSeparator:',',decimalSeparator:'.',prefix:'$'">

Propiedades

Las propiedades se extienden desde el spinner (control de ajuste) y el numberbox (cuadro de números).

Eventos

Los eventos se extienden desde el spinner (control de ajuste).

Métodos

Los métodos se extienden desde el spinner (control de ajuste). A continuación se muestran los métodos sobrescritos para el numberspinner (control numérico).

Nombre Parámetros Descripción
options none Devuelve el objeto de opciones (options).
setValue value Establece el valor del numberspinner (control numérico).
Ejemplo de código:
$('#ss').numberspinner('setValue', 8234725);  // set value
var v = $('#ss').numberspinner('getValue');  // get value
alert(v)
jQuery EasyUI 插件Complemento jQuery EasyUI Otras extensiones