jQuery MiniUI 开发教程表单控件 ButtonEdit：按钮输入框（七）

最新推荐文章于 2023-04-03 17:07:44 发布

最新推荐文章于 2023-04-03 17:07:44 发布 · 2.6k 阅读

文章标签：

#jquery #UI #JavaScript #Ajax #Adobe #ViewUI

jquery 专栏收录该内容

69 篇文章

订阅专栏

本文详细介绍了ButtonEdit组件的使用方法，包括创建ButtonEdit、按钮点击事件处理及表单提交操作。通过示例代码展示了如何在网页中实现按钮输入框的功能。

[b]ButtonEdit：按钮输入框[/b]
[img]http://www.miniui.com/docs/api/images/buttonedit.gif[/img]

参考示例： [url=http://www.miniui.com/demo/buttonedit/buttonedit.html]ButtonEdit：按钮输入框[/url] [url=http://www.miniui.com/demo/buttonedit/openpage.html]弹出面板[/url] [url=http://www.miniui.com/demo/buttonedit/openselecttree.html]弹出选择树[/url]

[b]创建ButtonEdit[/b]
<input id="btnEdit1" class="mini-buttonedit" onbuttonclick="onButtonEdit"/>

[b]buttonclick事件[/b]
$.ajax({
url: "../data/FormService.aspx?method=LoadData",
type: "post",
success: function (text) {
var data = mini.decode(text); //反序列化成对象
form.setData(data); //设置多个控件数据
}
});

[b]提交表单[/b]
function onButtonEdit(e) {
alert("弹出选择");
}