kendogridのデータ条件によるコマンドを無効にする

Question

行の削除ボタンを特定のブール値で無効にする方法を教えてください。

を考えると、この例のモデル：

public class Example 
{ 
    public bool CanDeleted {get; set;} //Delete Button only if true 
    //...   
} 

KendoGrid<Example>：@Eldhoへ

columns.Command(c => c.Destroy()); //I want something something like m => m.CanDeleted 

Answer 1

MVCについてもう少し知識を持って状況を確認した後、私は、拡張メソッドを使用して、signficantよりよい解決策を見つけた：

public static class KendoExtensions 
{ 
    public static GridTemplateColumnBuilder<TModel> DestroyConditional<TModel>(this GridColumnFactory<TModel> factory, Expression<Func<TModel, bool>> expression) 
     where TModel : class 
    { 
     var template = "# if (" + ExpressionHelper.GetExpressionText(expression) +") { # <a class=\"k-button k-button-icontext k-grid-delete\"><span class=\"k-icon k-delete\"></span>" + TextStrings.Delete + "</a># } #"; 

     return factory.Template(e => "").ClientTemplate(template).Title(""); 
    } 
} 

は、あなたが良い感じ何にTextStrings.Deleteを交換すること自由に感じなさい。そのシンプルなT4ローカリゼーションロジック。

今すぐあなたのグリッドの定義で、それは本当にただです：

.Columns(columns => 
{ 
    columns.DestroyConditional(c => c.CanBeDeleted).Width(120); 
})) 

Answer 2

おかげで、right solution

JavaScriptに私を指摘している：

function onDataBound() { 
    var grid = $("#GridID").data("kendoGrid"); //Set GridID 
    var gridData = grid.dataSource.view(); 
    for (var i = 0; i < gridData.length; i++) { 
     var gridItem = gridData[i]; 
     if (!gridItem.CanBeDeleted) { //Condition 
      grid.table.find("tr[data-uid='" + gridItem.uid + "']").find(".k-grid-delete").hide(); //Remove button 
     } 

     //Second Iteration, if we have grouped columns 
     if (gridItem.items) { 
      for (var j = 0; j < gridItem.items.length; j++) { 
       var gridSubItem = gridItem.items[j]; 
       if (!gridSubItem.CanBeDeleted) { //Condtion 
        grid.table.find("tr[data-uid='" + gridSubItem.uid + "']").find(".k-grid-delete").hide(); //Remove button 
       } 
      } 
     } 
    } 
} 

KendoGridヘルパー：より良いソリューションのための私のother answerで

.Events(e => e.DataBound("onDataBound")) 

ルック。