私は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
実際の問題を示すためにjsfiddle/jsbinスニペットを組み立てる可能性がありますか? (依存関係、マークアップ、クラスをポケベルボタンに適用する方法) – miha
@mihaリクエストごとにコードスニペットを追加しました。 – spiderman
あなたのコードで何が起こっているのかを知ることはまだ非常に難しいです。このようなPerpare何か[jsfiddle](http://jsfiddle.net/amorris/ynw3c/)またはこれをフォークしてください。おそらくあなたは[質問を準備する方法]のドキュメントを参照することができます(http://stackoverflow.com/help/mcve)。 – miha