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(每頁顯示的數量)參數

因為自己用到了，所以在這里做一下筆記