Kendo 网格 - 如何使用 JavaScript 打开弹出编辑 window

Question

我的 Kendo 网格中有自定义按钮定义为

 columns.Template(t => t.id).ClientTemplate(
                       "<button style='margin:2px' type='button' class='btn btn-success btn-xs' data-toggle='tooltip' data-placement='left' title='Izmeni' onclick=\"OpenPopUp()\"><span class='glyphicon glyphicon-edit'></span></button>&nbsp;" +
                       "<button style='margin:2px' type='button' style='margin-left:2px' class='btn btn-danger btn-xs' data-toggle='tooltip' data-placement='left' title='Obrisi' onclick=\"modal_xxx_edit(#: id#, 'delete')\"><span class='glyphicon glyphicon-remove-sign'></span></button></div>").Title("Operacije").HeaderHtmlAttributes(new { style = "text-align:center;  font-weight: bold" }).HtmlAttributes(new { style = "text-align:center;" }).Width(100);

网格编辑模式定义为PopUp。如何使用 JavaScript?

为网格中的特定行打开 PopUp window

Answer 1

可以使用Grid的方法editRow。试试下面的代码：

按钮模板

<button style='margin:2px' type='button' class='btn btn-success btn-xs' 
    data-toggle='tooltip' data-placement='left' title='Izmeni' 
    onclick=\"OpenPopUp(this);\">
<span class='glyphicon glyphicon-edit'></span></button>&nbsp;

注意 onclick 值的变化，您必须使用 this 关键字将当前元素对象作为参数传递给您的函数。

javascript

function OpenPopUp(e) {
    var grid = $("#grid").getKendoGrid(),
        selectedRow = $(e).closest("tr");

    grid.editRow(selectedRow);
}

editRow 需要网格行元素作为参数才能知道用户打算编辑哪条记录。

样本 Dojo

Kendo 网格 - 如何使用 JavaScript 打开弹出编辑 window

Kendo grid - How to open popup edit window with JavaScript

javascript

model-view-controller

jquery

kendo-ui

kendo-grid