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