How to add custom buttons to JqGrid add/edit forms?(如何将自定义按钮添加到 JqGrid 添加/编辑表单?)
问题描述
是否可以将自定义按钮添加到 JqGrid 添加/编辑表单?
Is it possible to add custom buttons to a JqGrid add/edit form?
我想要一个显示保存并新建"的按钮,一个显示保存并关闭"的按钮,以及一个显示取消"的按钮,而不仅仅是提交和取消.
Instead of just submit and cancel, I wanted to have a button that says "Save and New", one that says "Save and Close", and one that says "Cancel".
有可能实现吗?
推荐答案
jqGrid 有一些用于按钮的 CSS 类.例如,您可以在 beforeShowForm 回调中添加新按钮:
jqGrid has some CSS classes which will be used for buttons. You can add new button inside of beforeShowForm callback for example:
$.extend($.jgrid.edit, {
bSubmit: "Save and Close",
bCancel: "Cancel",
width: 370,
recreateForm: true,
beforeShowForm: function () {
$('<a href="#">Save and New<span class="ui-icon ui-icon-disk"></span></a>')
.click(function() {
alert("click!");
}).addClass("fm-button ui-state-default ui-corner-all fm-button-icon-left")
.prependTo("#Act_Buttons>td.EditButton");
}
});
参见演示:
这篇关于如何将自定义按钮添加到 JqGrid 添加/编辑表单?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持编程学习网!
本文标题为:如何将自定义按钮添加到 JqGrid 添加/编辑表单?
基础教程推荐
- Electron 将 Node.js 和 Chromium 上下文结合起来意味着 2022-01-01
- 如何使用TypeScrip将固定承诺数组中的项设置为可选 2022-01-01
- 用于 Twitter 小部件宽度的 HTML/CSS 2022-01-01
- Chart.js 在线性图表上拖动点 2022-01-01
- Vue 3 – <过渡>渲染不能动画的非元素根节点 2022-01-01
- html表格如何通过更改悬停边框来突出显示列? 2022-01-01
- 我可以在浏览器中与Babel一起使用ES模块,而不捆绑我的代码吗? 2022-01-01
- 自定义 XMLHttpRequest.prototype.open 2022-01-01
- 如何使用JIT在顺风css中使用布局变体? 2022-01-01
- 直接将值设置为滑块 2022-01-01