使用ASP編輯Kendo UI網格時重定向MVC

當我點擊帶有使用ASP .NET MVC的Kendo UI網格的「編輯」按鈕時，我想添加一個重定向到另一個頁面。使用ASP編輯Kendo UI網格時重定向MVC

這是基礎代碼：

@(Html.Kendo().Grid<ViewModel>() 
    .Name("grid") 
    .Columns(columns => 
    { 
     columns.Bound(x => x.Id); 
     columns.Bound(x => x.Name); 
     columns.Bound(x => x.Field1); 
     columns.Command(commands => 
     { 
      commands.Edit(); 
      commands.Destroy(); 
     }) 
    }) 
    .DataSource(dataSource => dataSource 
     .Ajax() 
     .Model(model => model.Id(x => x.Id)) 
     .Read(read => read.Action("Read", "Home")) 
     .Update(update => update.Action("Edit", "Home")) 
     .Destroy(destroy => destroy.Action("Destroy", "Home")) 
    ) 
)

我嘗試使用HTML屬性，但它不工作：

commands.Edit().HtmlAttributes(new { @class = "edit" });

然後，我嘗試添加自定義編輯（通過命令.Custom（...），但不幸的是，它只是爲.Server（）數據綁定。

我可以做一個客戶端模板，但我真的很想使用Kendo UI提出的默認按鈕：

columns.Template(@<text></text>) 
      .ClientTemplate(
       "<a href='" + Url.Action("Edit", "Home") + "/#=Id#'>Edit</a>");

你有什麼想法嗎？

在此先感謝。

來源

2014-05-07 Léo Davesne

即使使用Ajax數據源，您也應該可以使用自定義命令。我只是用下面的代碼在本地測試它，以確保它仍然可以工作。從圖

代碼：

<script type="text/javascript"> 
    function redirectTest(e) { 
     e.preventDefault(); 

     var dataItem = this.dataItem($(e.currentTarget).closest("tr")); 
     alert(dataItem.Name); 
    } 
</script> 

@(Html.Kendo().Grid<ViewModel>() 
.Name("testing") 
.Columns(columns => 
    { 
     columns.Bound(x => x.Id); 
     columns.Bound(x => x.Name); 
     columns.Command(command => command.Custom("Edit").Click("redirectTest")); 
    }) 
.DataSource(dataSource => dataSource 
    .Ajax() 
    .Read(read => read.Action("ReadAction", "ControllerName")) 
) 
)

來源：Custom command demo

來源

2014-05-07 16:49:19

您說得對，它確實有效！我不記得爲什麼我有一個錯誤，但無論如何。謝謝！ –

您可以在名稱欄中添加自定義ClientTemplate，而是和乾脆刪除您columns.Command按鈕，他們只需點擊編輯名稱它，並且您將對象的ID傳遞到新頁面，如下所示：

columns.Bound(x => x.Name).ClientTemplate("<a href=/SomeViewFolder/Index?id=${id} target=_blank>${Name}</a>");

來源

2014-07-10 01:34:25 vapcguy

如果添加這樣的模板沒有幾條命令而沒有將所有的所有內容遷移到綁定的列會導致您的命令按鈕分裂成兩個或多個不是很酷的列 –

OP使用了綁定列，所以這是我假設有人會在這裏使用。我認爲可以創建，讀取，更新和刪除，而列會經常被綁定。我想說其他的例子更具優勢，所以這些人可能應該知道他們在做什麼。 – vapcguy

使用ASP編輯Kendo UI網格時重定向MVC

回答

相關問題