EasyUI——Combobox的onChange事件
2016-06-30 21:08
567 查看
首先说一下我的业务需求:选课的时候,我们涉及到了设置容量,在这里,我们设置了三种方式:百分比,数值和等于剩余容量。界面如图:
![](https://img-blog.csdn.net/20160630205022404?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQv/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center)
现在有一个问题,就是选择了课程之后,无论如何修改数值的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;
}
}
}
});
});然后就解决啦~~~~
现在有一个问题,就是选择了课程之后,无论如何修改数值的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;
}
}
}
});
});然后就解决啦~~~~
相关文章推荐
- iOS --- UIView中的坐标转换
- Codeforces Round #360 (Div. 2) E. The Values You Can Make dp
- GUI编程 action事件
- Codeforces Round #360 (Div. 2) E. The Values You Can Make DP
- Values目录下的colors.xml内容
- LeetCode---Count Numbers with Unique Digits解题分析
- iOS GPUImage的介绍与GPUImagePicture(1)
- 关于apktool和jd-gui工具的使用
- getContextPath、getServletPath、getRequestURI、getRealPath的区别
- GUI编程 窗体事件
- JNI/NDK develop guide(1)
- ROS在ARDUINO的应用
- FPGArduino在DE2-35上的移植
- zTree && blockUI(2016-6-30)
- codeforces 688E E. The Values You Can Make(dp)
- Change Language in OS but keep Maya UI in English
- system design questions
- [置顶] UITableViewCell
- UI靠近边框解决办法
- fuel8:vmware workstation上的安装