Extjs gridpanel 中的checkbox(復選框)根據(jù)某行的條件不能選中的解決方法
更新時間:2017年02月17日 11:04:27 作者:Stephan-Liu
這篇文章主要介紹了Extjs gridpanel 中的checkbox(復選框)根據(jù)某行的條件不能選中的解決方法,需要的朋友可以參考下
具體代碼如下所示:
Ext.define('AM.view.test.ReceiptList', {
extend: 'Ext.grid.Panel',
alias: 'widget.receiptlist',
id : 'receiptlist',
selModel : {
selType : 'checkboxmodel',
mode : 'SIMPLE',
checkOnly : true,
renderer : function(v,p,record) {
if (record.data.XR0003 == '0') {
return '<div class="x-grid-row-checker"> </div>';
}else{
return '';
}
}
},
listeners: {
beforeselect: function(grid, record, index, eOpts) {
if (record.get('XR0003')!=0) {
return false;
}
}
}
});
代碼說明:
1.紅色標注處為關(guān)鍵代碼;
2.renderer處的代碼表示在渲染的時候時候滿足條件的才顯示復選框;
3.listeners處的代碼表示監(jiān)聽在選擇之前做條件判斷若不等于0,讓其不選中;
4.可以根據(jù)自身的需求,兩個方法結(jié)合使用。
以上所述是小編給大家介紹的Extjs gridpanel 中的checkbox(復選框)根據(jù)某行的條件不能選中的解決方法,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持!
您可能感興趣的文章:
相關(guān)文章
JS創(chuàng)建或填充任意長度數(shù)組的小技巧匯總
在JavaScript 中,我們往往會遇到需要使用某些默認值來填充數(shù)組的情況,那么都有哪些方式可以完成這樣的任務呢?這篇文章主要給大家介紹了關(guān)于JS創(chuàng)建或填充任意長度數(shù)組的小技巧,需要的朋友可以參考下2021-10-10
Bootstrap基本插件學習筆記之模態(tài)對話框(16)
這篇文章主要為大家詳細介紹了Bootstrap基本插件學習筆記之模態(tài)對話框的相關(guān)資料,具有一定的參考價值,感興趣的小伙伴們可以參考一下2016-12-12

