剑道网格-如何用JavaScript打开弹出式编辑窗口
Kendo grid - How to open popup edit window with JavaScript
我在我的剑道网格中定义了自定义按钮
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> " +
"<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?
您可以使用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>
请注意onclick值的变化,您必须使用this
关键字将当前元素对象作为参数传递给函数。
function OpenPopUp(e) {
var grid = $("#grid").getKendoGrid(),
selectedRow = $(e).closest("tr");
grid.editRow(selectedRow);
}
editRow
需要网格行元素作为参数来知道用户想要编辑的记录。
Dojo
相关文章:
- 在元素悬停上显示带有javascript的弹出式网站
- Chrome扩展弹出式安装
- 普通(弹出式)Chrome 扩展程序与在开发者工具中添加标签页的扩展程序之间的区别
- 仅加载弹出式javascript
- Javascript弹出式Google Chrome扩展
- Javascript中的Mac/Windows弹出式虚拟键盘
- 弹出式浏览器兼容性
- 弹出式引导+棱角分明
- 弹出式视频播放器显示在Firefox中的奇数位置
- 打开弹出式html页面
- 弹出式签名不起作用
- Facebook 发送按钮 - 操作弹出式按钮
- 如何在 YII 中使用 ajaxvalidation 实现弹出式登录表单
- 在弹出式显示和隐藏上遇到样式问题
- 弹出式:每个会话和加载仅一次
- 后台代码在任何弹出式单击时运行
- 使用 Facebook PHP SDK 执行弹出式登录窗口
- Chrome 扩展程序:将网址动态添加到弹出式页面
- 无法将鼠标坐标从content_script传递到弹出式窗口(Chrome 扩展程序)
- 剑道网格-如何用JavaScript打开弹出式编辑窗口