如何使用自定义按钮调用编辑器模板并将值传递给弹出窗口

时间:2016-09-09 10:20:13

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

我使用kendo ui grid popup并使用代码

.Editable(editable => editable.Mode(GridEditMode.PopUp).TemplateName("tax_manage")

我并使用

columns.Command(command => command.Custom("ViewData").Text("ViewData")).Width(60).Title("ViewData"); 

怎么做? 在我的剑道网格自定义按钮中调用Views/Shared/EditorTemplates/tax_manage中的“tax_manage” 并使用Javascript显示模板内部弹出窗口,当我单击自定义按钮时,我需要将值传递给弹出窗口,例如字符串(例如:这是由自定义按钮调用)

1 个答案:

答案 0 :(得分:0)

我猜您可以通过相应的表格行发送参数。要打开弹出窗口,您可以使用网格的editRow方法:

columns.Command(command => command.Custom("ViewData").Text("ViewData").Click("cmdClick"))
...
.Events(events => events.Edit("gridEdit"))
function cmdClick(e) {
    var tr = $(e.target).closest("tr"); // get the corresponding table row
    var grid = $("#grid").data("kendoGrid");
    var dataItem = grid.dataItem(tr); // You may want to use the corresponding data item ...
    tr.data("message") = "This was called by Custom Button";
    grid.editRow(tr);
}
function gridEdit(e) {
    var dataItem = e.model;
    var tr = $("#grid").data("kendoGrid").tbody.find("tr[data-uid='" + dataItem.uid + "']");
    var message = tr.data("message");
    ... // do something with the message. 
}