asp.Net   发布时间:2022-04-07  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了asp.net-mvc-4 – 如何在Kendo Grid的每一行中添加自定义按钮大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在尝试向Kendo Grid的每一行添加自定义按钮,但我没有得到所需的输出.所以我的要求是为每一行添加动态按钮,点击这些按钮我需要处理一些我需要的东西要传递给该按钮单击的几列值.

我尝试过类似的东西

@(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 poddatetiR_554_11845@e = $("#enteredPODdatetiR_554_11845@e").val();
var stopId = $("#hiddenStopId").val();
var mode = '';
if (typeof $("#hiddenMode").val() != 'undefined')
    mode = $("#hiddenMode").val();
window.LOCATIOn.href = "/POD/Details/" + Id + "?stopId=" + stopId + "&date=" + poddatetiR_554_11845@e + "&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'  />";
}}

你能告诉我我做错了什么!!
它适用于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.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);

大佬总结

以上是大佬教程为你收集整理的asp.net-mvc-4 – 如何在Kendo Grid的每一行中添加自定义按钮全部内容,希望文章能够帮你解决asp.net-mvc-4 – 如何在Kendo Grid的每一行中添加自定义按钮所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。