Extjs gridpanel 中的checkbox(復選框)根據某行的條件不能選中的解決方法

更新時間：2017年02月17日 11:04:27 作者：Stephan-Liu

這篇文章主要介紹了Extjs gridpanel 中的checkbox(復選框)根據某行的條件不能選中的解決方法,需要的朋友可以參考下

具體代碼如下所示：

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.紅色標注處為關鍵代碼；

2.renderer處的代碼表示在渲染的時候時候滿足條件的才顯示復選框；

3.listeners處的代碼表示監(jiān)聽在選擇之前做條件判斷若不等于0，讓其不選中；

4.可以根據自身的需求，兩個方法結合使用。

以上所述是小編給大家介紹的Extjs gridpanel 中的checkbox(復選框)根據某行的條件不能選中的解決方法，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復大家的。在此也非常感謝大家對腳本之家網站的支持！

您可能感興趣的文章:

javascript強制彈出新窗口實現代碼
javascript強制彈出新窗口，主要是利用的動態(tài)創(chuàng)建鏈接。
2009-12-12
js實現鼠標懸停圖片上時滾動文字說明的方法
這篇文章主要介紹了js實現鼠標懸停圖片上時滾動文字說明的方法,涉及js操作鼠標事件的使用技巧,需要的朋友可以參考下
2015-02-02
ES6中Symbol類型用法實例詳解
這篇文章主要介紹了ES6中Symbol類型用法,結合實例形式分析了Symbol類型的功能、使用方法與相關注意事項,需要的朋友可以參考下
2017-04-04
JS的拖拽屬性draggable詳解
這篇文章主要介紹了JS的拖拽屬性draggable詳解,本文通過示例代碼給大家介紹的非常詳細，對大家的學習或工作具有一定的參考借鑒價值，需要的朋友可以參考下
2023-04-04
JS創(chuàng)建或填充任意長度數組的小技巧匯總
在JavaScript 中,我們往往會遇到需要使用某些默認值來填充數組的情況,那么都有哪些方式可以完成這樣的任務呢?這篇文章主要給大家介紹了關于JS創(chuàng)建或填充任意長度數組的小技巧,需要的朋友可以參考下
2021-10-10
js實現簡單五子棋游戲
這篇文章主要為大家詳細介紹了js實現簡單五子棋游戲，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2020-05-05
Bootstrap里的文件分別代表什么意思及其引用方法
這篇文章主要介紹了Bootstrap里的文件分別代表什么意思及其引用方法 ,需要的朋友可以參考下
2017-05-05
前端開發(fā)之CSS原理詳解
這篇文章主要介紹了前端開發(fā)之CSS原理詳解的相關資料,需要的朋友可以參考下
2017-03-03
Bootstrap基本插件學習筆記之模態(tài)對話框(16)
這篇文章主要為大家詳細介紹了Bootstrap基本插件學習筆記之模態(tài)對話框的相關資料,具有一定的參考價值，感興趣的小伙伴們可以參考一下
2016-12-12
一文詳解DOM的概念和常用操作
本文詳細介紹了DOM的概念和常用操作，文檔對象模型 (DOM) 是 HTML 和 XML 文檔的編程接口。它提供了對文檔的結構化的表述，并定義了一種方式可以使從程序中對該結構進行訪問，從而改變文檔的結構，樣式和內容，感興趣的朋友可以參考閱讀本文
2023-04-04