您的位置:首页 > 产品设计 > UI/UE

EasyUI——Combobox的onChange事件

2016-06-30 21:08 567 查看
首先说一下我的业务需求:选课的时候,我们涉及到了设置容量,在这里,我们设置了三种方式:百分比,数值和等于剩余容量。界面如图:






现在有一个问题,就是选择了课程之后,无论如何修改数值的combobox,下面的datagrid的值都不会变。当然,理所当然,我就想到了combobox的onchange()事件,于是有了代码

<select id="txtPercent" class="easyui-combobox" onchange="change('Percent')" name="percent" style="width: 80px;">
注:change('Percent')为js的一个方法,执行设置容量的方法。

可是,我无论怎么运行都是onchange()事件都不执行。
后来,查阅了一篇博客,发现了问题,就是我们用EasyUI的CSS和JS来选择了select过后,那么onchange()方法就不会执行了。具体原因,我也没搞清楚,欢迎大家指点哦。

然后,根据博主的指点:

我在js里面写了代码如下:

$(document).ready(function () {

$("#txtPercent").combobox({

onChange: function changePercent(value)
//如果数值的radio被选中,则执行
{if(document.getElementById("Number").checked){
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 =value; // 获取组合框中的值

modifyTable2(ccValue);

return false;
}
}
}
});
});然后就解决啦~~~~
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: