Asp.net mvc 4 如何在剑道网格的每一行中添加自定义按钮

我试图将自定义按钮添加到剑道网格的每一行，但我没有得到所需的输出。因此，我的要求是将动态按钮添加到每一行，单击这些按钮后，我需要处理一些事情，我需要将一些列值传递给该按钮

我试过类似的东西

@(Html.Kendo().Grid(Model)    
.Name("Grid")
.Columns(columns =>
{
columns.Bound(o => o.Id);

    columns.Bound(o => o.TBRId).Width(100).Title(UI_Resources.ListLabel_TBRId);

    columns.Bound(o => o.THUQuantity).Width(50).Title(UI_Resources.ListLabel_THUQuantity).HtmlAttributes(new { style = "text-align:right" });
    columns.Bound(o => o.Id).ClientTemplate("<input width='50px' type='button' value= " + UI_Resources.Button_Details + " onclick='onDetailUnitClick(#= Id #);'  class='btn btnTable'  />").Width(50).Title("");
columns.Bound(o => o.IsPOD).ClientTemplate("#= AppendZeroPODButton(Id,IsPOD) #").Width(60).Title("");

 })

.Pageable()

.Sortable()

.Scrollable()

.Filterable()

.DataSource(dataSource => dataSource

    .Ajax()

            .Read(read => read.Action("GetUnitsForShipment", "POD",new { shipmentId = @Model, Mode = "POD" }))

          )

 )

/*JavaScript */

function onDetailUnitClick(Id) {
var podDateTime = $("#enteredPODDateTime").val();
var stopId = $("#hiddenStopId").val();
var mode = '';
if (typeof $("#hiddenMode").val() != 'undefined')
    mode = $("#hiddenMode").val();
window.location.href = "/POD/Details/" + Id + "?stopId=" + stopId + "&date=" + podDateTime + "&mode=" + mode;
  };

  function AppendZeroPODButton(Id, isPOD) {
if (isPOD == true) {
    return "<input width='100px' type='button' value= 'Zero POD' onclick='onPODUnitClick(" + Id + ",1);'  class='btn btnTable btn-success' disabled />";
}
else {

    return "<input width='100px' type='button' value= 'Zero POD' onclick='onPODUnitClick(" + Id + ",1);'  class='btn btnTable btn-danger'  />";
}}

@（Html.Kendo（）.Grid（模型）
.名称（“网格”）
.列（列=>
{
columns.Bound（o=>o.Id）；
columns.Bound（o=>o.TBRId）.Width（100）.Title（UI\u Resources.ListLabel\u TBRId）；
columns.Bound（o=>o.THUQuantity）.Width（50）.Title（UI\u Resources.ListLabel\u THUQuantity）.HtmlAttributes（新的{style=“text align:right”}）；
columns.Bound（o=>o.Id）.ClientTemplate（“”）.Width（50）.Title（“”）；
columns.Bound（o=>o.IsPOD）.ClientTemplate（“#=AppendZeroPODButton（Id，IsPOD）#”）。宽度（60）。标题（“”）；
})
.Pageable（）
.Sortable（）
.Scrollable（）
.可过滤（）
.DataSource（DataSource=>DataSource
.Ajax（）
.Read（Read=>Read.Action（“GetUnitsForShipment”，“POD”，new{shipmentId=@Model，Mode=“POD”}））
)
)
/*JavaScript*/
功能单元单击（Id）{
var podDateTime=$（“#enteredPODDateTime”）.val（）；
var stopId=$（“#hiddenStopId”）.val（）；
var模式=“”；
if（typeof$（“#hiddenMode”）.val（）！=“未定义”）
mode=$（“#hiddenMode”）.val（）；
window.location.href=“/POD/Details/”+Id+”？stopId=“+stopId+”&date=“+podDateTime+”&mode=“+mode；
};
功能按钮（Id，isPOD）{
如果（isPOD==true）{
返回“”；
}
否则{
返回“”；
}}

你能告诉我我做错了什么吗！！ 它是为Telerek MVC网格工作的

谢谢

---

Yogendra Singh

如果我将ClientTemplate更改为

columns.Template(t => t.IsPOD).HeaderTemplate("").ClientTemplate(@"<a href='javascript: void(0)' class='btn btnTable' onclick='onDetailUnitClick(#= Id #)' title='button delete'>" + UI_Resources.Button_Details + " </a>").Title("").Width(50);

columns.Template（t=>t.IsPOD）.HeaderTemplate（“”）.ClientTemplate（@“）.Title（“”）.Width（50）；

及

columns.Bound（p=>p.IsPOD）.ClientTemplate（“#if（IsPOD==true）{##}else{##}Title（”）.Width（100）；

您也可以添加自定义按钮。请参阅此

columns.Bound(p => p.IsPOD).ClientTemplate("# if( IsPOD == true) { # <a href='javascript: void(0)' class='btn btnTable btn-success' onclick='onPODUnitClick(#= Id #, 1)' title='Zero POD'>" + UI_Resources.Button_ZeroPOD + "</a> # } else {# <a href='javascript: void(0)' class='btn btnTable btn-danger' onclick='onPODUnitClick(#= Id #, 1)' title='Zero POD'>" + UI_Resources.Button_ZeroPOD + "</a> # } #").Title("").Width(100);