首先说一下我的业务需求:选课的时候,我们涉及到了设置容量,在这里,我们设置了三种方式:百分比,数值和等于剩余容量。界面如图:
现在有一个问题,就是选择了课程之后,无论如何修改数值的combobox,下面的datagrid的值都不会变。当然,理所当然,我就想到了combobox的onchange()事件,于是有了代码
<select id="txtPercent" class="easyui-combobox" οnchange="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;}}}});});
然后就解决啦~~~~