English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

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--checker"> </div>'; 
      } else { 
        return ''; 
      } 
    } 
  }, 
  listeners: { 
    beforeselect: function(grid, record, index, eOpts) { 
      if (record.get('XR0003') != 0) { 
        return false; 
      } 
    } 
  } 
}); 

コード説明:

1.赤いマークは重要なコードです;

2.rendererの部分のコードは、レンダリング時に条件を満たす場合にチェックボックスを表示することを示しています。

3.listenersの部分のコードは、選択前に条件判定を行い、0に等しくない場合にチェックボックスを選択しないことを示しています。

4.ご自身のニーズに応じて、2つの方法を組み合わせて使用することができます。

以下は、編集者が皆さんに紹介するExtjs gridpanelのcheckbox(チェックボックス)が特定の行の条件に応じて選択できない解決策です。皆さんに役立つことを願っています。何かご不明な点がございましたら、コメントをお願いします。編集者はすぐにご回答いたします。また、このサイトへのサポートに感謝しております。

声明:この記事の内容はインターネットから収集され、著作権者に帰属します。インターネットユーザーによって自発的に貢献し、自己でアップロードされたものであり、このサイトは所有権を持ちません。また、人工的な編集は行われていません。著作権侵害が疑われる場合は、以下のメールアドレスまでご連絡ください:notice#oldtoolbag.com(メールを送信する際は、#を@に置き換えてください。報告を行い、関連する証拠を提供してください。一旦確認がとれましたら、このサイトは侵害される可能性のあるコンテンツをすぐに削除します。)

基本教程
おすすめ