如何“与剑道网格在同一列中的数据和按钮”

时间:2013-12-25 08:20:12

标签: asp.net-mvc kendo-ui kendo-grid

有可能吗?我试过自定义列,但是我失败了,任何人都可以用剃刀给出一个简单的例子吗?

画画工作:)

我想要这样的东西,列包含数据和按钮(带onclick)

enter image description here

//---Not Worked 1---

    columns.Command(command =>
    {
        command.Custom("Telefonları Göster").Click("telefonlariGoster");
        columns.Bound(x => x.Adres);
    }).Width(580);
....

//---Not worked 2---

        columns.Template(@<text>
            <label>@item.Adres</label>
            <input type="button" name="AdresGuncelle" value="AdresGuncelle" onclick="telefonlariGoster()" />
    </text>);

//Worked

columns.Bound(x => x.Adres)
     .ClientTemplate("#=Adres#" +
     "<input type='button' class='telefonlariGoster' style='float: right;' name='telefonlariGoster' value='Telefonları Güncelle' onclick='telefonlariGoster()'/>");

1 个答案:

答案 0 :(得分:8)

尝试使用要显示自定义列显示的列的ClientTemplate。 例如:

@(Html.Kendo().Grid(Model)
  .Name("grid")
  .Columns(columns =>
  {
      columns.Bound(x => x.Name)
          .ClientTemplate("#=Name#" +
          "<input type='button' class='className' style='float: right;' name='buttonName' value='Click here' onclick='ButtonClick(\"#=Name#\", this)'/>");
      columns.Bound(x => x.Id);
  })
  .DataSource(dataSource => dataSource
                               .Ajax()
                               .Total(10)
                               .ServerOperation(false)
                             )
  )

在脚本按钮单击功能

 
function ButtonClick(name, button) {
    alert(name);
}