2016-05-06 11 views
0

私はjstGrid v 5.1.0をブートストラップスタイルで使用しています。 ui-state-disabledクラスをポケベルボタン(追加)に適用すると、ボタンは無効に見えますが、クリックするとイベントはまだ処理されます。以前のバージョンでは、これを使用してイベントを無効にしました。最新のFFとIEを使用する。何か案は?ありがとうございました。jqGrid add class ui-state-disabledはアクションを無効にしません

編集 - グリッド(子)を初期化するコードスニペットを追加します。追加ボタンが無効になっている行の2行目を確認します。ボタンは無効になっていますが、クリックするとイベントが実行されます。

編集2 - 多くの痛みと涙の後、私は2つのフィドルを作成します。 Oneは編集ボタンの適切な無効化を示し、Twoは同じコードですが、ブートストラップを使用しています。編集ボタンは無効になっていません。

 // Water Source grid options... 
     var source_gridOptions = { 
       caption: 'Associated Water Source(s)', 
       data: sourceData, 
       datatype: 'local', 
       //url: "", // updated dynamically 
       //mtype: "GET", 
       styleUI : 'Bootstrap', 
       colModel: [ 
          { label: 'Source ID', name: 'ID', key: true, width: 28 }, 
          { label: 'Case ID', name: 'WATER_CASE_ID', width: 28, hidden: true }, 
          { label: 'Intake Name', name: 'INTAKE_SOURCE_NAME', width: 50 }, 
          { label: 'Intake Type', name: 'INTAKE_SOURCE_TYPE', width: 30 }, 
          { label: 'Source Type', name: 'SOURCE_TYPE', width: 20 }, 
          { label: 'Water Type', name: 'WATER_TYPE', width: 20 }, 
          { label: 'Notes', name: 'NOTES', width: 50 }, 
          { label: 'Verified', name: 'VERIFIED', width: 25 }, 
       ], 
       viewrecords: true, 
       height: 'auto', 
       width: initTabWidth, //dynamically set... 
       rowNum: 5, 
       pager: "#sourcePager", 
       gridComplete: function() { 

       } // end grid complete event 
     }; 
     // define CRUD options... 
     var source_editOptions = {}; 
     var source_addOptions = {}; 
     var source_deleteOptions = {}; 
     // init Water Source grid... 
     $("#sourceGrid").jqGrid(source_gridOptions).navGrid("#sourcePager",{edit:true,add:true,del:true,search:false},source_editOptions,source_addOptions,source_deleteOptions); 
     $("#add_sourceGrid").addClass('ui-state-disabled'); // <-- disable button 
    }); // end grid 
+0

実際の問題を示すためにjsfiddle/jsbinスニペットを組み立てる可能性がありますか? (依存関係、マークアップ、クラスをポケベルボタンに適用する方法) – miha

+0

@mihaリクエストごとにコードスニペットを追加しました。 – spiderman

+1

あなたのコードで何が起こっているのかを知ることはまだ非常に難しいです。このようなPerpare何か[jsfiddle](http://jsfiddle.net/amorris/ynw3c/)またはこれをフォークしてください。おそらくあなたは[質問を準備する方法]のドキュメントを参照することができます(http://stackoverflow.com/help/mcve)。 – miha

答えて

1

あなたのデモを考えればわかりました。追加したdisabledだけでなく、実際にはui-disabledクラスを追加する必要があります。

私はここにあなたのフィドルを変更した:http://jsfiddle.net/c6860ev8/16/

あなたはクラスがここにブートストラップの統合のために必要とされるjqGridソースファイルで見ることができます。このことができますhttps://github.com/tonytomov/jqGrid/blob/7901d7b7da969de1ca98282c60e335e013dc31ee/js/grid.base.js#L1035

願っています!

+0

「ui-disabled」を追加することで、問題を解決しました。それを理解する時間をとってくれてありがとう。 – spiderman

関連する問題