easyui的combobox的onChange事件的实现


easyui的combobox的onChange事件的实现,直接上代码:

<div style="display:inline;margin-left:15px;">
    <select id="cc" class="easyui-combobox" dataoptions="panelHeight:100" style="width:120px;">   
         <option value="-1">按流通状态显示</option>
         <option value="0">显示滞留商品</option>   
         <option value="1">显示流通商品</option>       
    </select> 
</div>

 

效果就是下边的下拉框,当我们选择下拉框中的内容后,触发onChange事件

 

下面是js代码:

 1 /* 根据商品流通状态显示商品 */
 2 $("#cc").combobox({
 3     onChange:function(){
 4         var circulateStatus = $("#cc").combobox("getValue");
 5         if (circulateStatus != -1) {
 6             $("#dg").datagrid({  
 7                 url:"goods/selectGoodsByStatus",
 8                 queryParams: {  
 9                      circulateStatus:circulateStatus      
10                  } 
11             });  
12         }
13     }
14 });

 

首先根据下拉框的id,取得选中的内容的value,然后将value发送到后台处理。

这里会对value进行判断只是因为下拉款里面value=-1的内容是用户提示内容,选择以后不会触发onChange事件

这里的向后台发送数据,使用的easyui的DataGrid,

url的表示跳转路径

queryParams为传递的参数,当然,向后台发送的参数默认包括page(页数)和rows(每页显示的数量)参数

因为自己用到了,所以在这里做一下笔记

 

打赏

免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2021 CODEPRJ.COM