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代码：

/* 根据商品流通状态显示商品 */
$("#cc").combobox({
    onChange:function(){
        var circulateStatus = $("#cc").combobox("getValue");
        if (circulateStatus != -1) {
            $("#dg").datagrid({  
                url:"goods/selectGoodsByStatus",
                queryParams: {  
                     circulateStatus:circulateStatus      
                 } 
            });  
        }
    }
});

 

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

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

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

url的表示跳转路径

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

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