EasyUI——numberspinner的onChange事件

本文主要是介绍EasyUI——numberspinner的onChange事件，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

    之前写了篇博客叫：EasyUI——Combobox的onChange事件，今天这篇博客，我们就来谈一谈选课页面的另一个EasyUI控件——numberspinner，说英文可能陌生了，也叫数值微调器。

   样子是张酱紫的：

                 

html的样式代码：

<input id="ss" class="easyui-numberspinner" value="25" data-options="increment:5,required:true,min:0,max:100" style="width: 120px;" />

介绍一下几个属性吧：

    value：微调器里的数值

    data-options：min是微调器的最小值，max是最大值，increment是递增或递减的值

那么，我点击上下两个箭头的时候，如何调整微调器里面的数值呢。

<input id="ss" class="easyui-numberspinner" value="25" data-options="increment:5,required:true,min:0,max:100" οnclick="change('Percent')"/>

一开始，我在onclick事件里调用了js里面的change方法。然而并没有什么卵用。

借鉴combobox的经验。也在js中写了如下的方法：

$(document).ready(function () {
//设置百分比微调器值改变时，datagrid也随之改变-王孟梅-2016年7月16日17:01:29
$('#ss').numberspinner({"onChange": function changePer(newValue,oldValue)
{if(document.getElementById("Percent").checked){{//微调器的值var ssValue// 修改页面表格的数据var rows = $('#dg').datagrid('getSelections');if (rows.length <= 0) {$.messager.alert("配课管理", "请选择要配置的课程！", "info");$("input[name='number']").get(0).checked=false; $("input[name='number']").get(1).checked=false; $("input[name='number']").get(2).checked=false; } else {//获取值的微调器的值var ccValue=newValue;modifyTable(newValue);return false;}}
}
}});

其实跟combobox的onchange事件一样。只是方法的参数为(newValue,oldValue)，所以之前一直调不通。

这篇关于EasyUI——numberspinner的onChange事件的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---