jquery - 剣道グリッドの編集を無効にする

Question

編集可能なグリッドを条件に応じて編集不可にしようとしています。

以下のようにjqueryで試しました

var $grid = &("#gridName").data("kendogrid");
Var model = $grid.datasource.at(1);
if(model)
  model.field["cell"].editable = false;

しかし、ここでは「モデル」が未定義になっています。

$grid.data() も試してからグリッドをループしましたが、セルは編集できず、まだ編集可能です。

誰でも、どうすればこれを機能させることができるか教えてください。

score 15 · Accepted Answer

誤字脱字等あります...

代わりにこれを試してください：

var $grid = $("#gridName").data("kendoGrid");
var model = $grid.dataSource.at(1);
if (model)
    model.fields["cell"].editable = false;

1行目。 kendoGriddataではなくkendoGridです。
2 行目。Var ではなくmodelvarです。
4 行目fields。field

編集:"cell"列を編集不可に変更する場合は、次のようにします。

var $grid = $("#gridName").data("kendoGrid");
$grid.dataSource.at(0).fields["cell"].editable = false;

モデルはグリッド内のすべての行で共有されるため、1 つの行に変更するだけで済みます。

ここでJSFiddleで実行されていることを確認してくださいhttp://jsfiddle.net/OnaBai/GuyPa/

score 1 · Accepted Answer

「セル内」編集モードを使用している場合、グリッドには、セルをすぐに閉じるために使用できる「編集」イベントがあります。

$("#grid").kendoGrid({

  ...

  edit: function(e) {
      if ( ... ) {
          this.closeCell();
      }
  }

  ...

});

より強力なアプローチは、kendoGrid をサブクラス化し、editCell および/または editRow メソッドをオーバーライドすることです。その後、やりたいことは何でもできます。剣道ウィジェットのサブクラス化については、こちらを参照してください。

score 1 · Accepted Answer

for(i=0;i<=$("#grid").find("tbody tr").length ; i++)
{ 
  var model = $("#grid").data("kendoGrid").dataSource.at(i);
  if(model)
  {
      model.fields[$("#grid").data("kendoGrid").columns[i].field].editable = false;    
  }
}

http://jsfiddle.net/parthiv89/qwtyLmhk/

これがうまくいくことを願っています..うまくいったら、私に投票することを忘れないでください..

score -8 · Accepted Answer

問題は解決しました。

var $grid = &("#gridName").data("kendoGrid");
var len= &("#gridName").data("kendoGrid tbody tr").length();
for(i=0;i<=len ; i++)
{
var model = $grid.datasource.at(i);
if(model)
  model.fields["cell"].editable = false;
}

jquery - 剣道グリッドの編集を無効にする

5 に答える 5

Related

Reference