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(每页显示的数量)参数

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

 

posted @ 2018-06-14 22:36  空芯菜  阅读(4705)  评论(0)  编辑  收藏  举报