jQuery EasyUI快速入门05

T276songjunhao

于 2022-05-08 23:25:59 发布

阅读量171

点赞数

文章标签： easyui jquery 前端

本文链接：https://blog.csdn.net/jh9758/article/details/124656835

版权

本文介绍了jQuery EasyUI中dialog对话框的使用，包括toolbar工具栏配置和表单操作。同时，讲解了后端工作的添加，如servlet的编写，利用`$("表单id").serialize()`方法简化数据传输，以及在servlet中处理数据的方法。最后讨论了HTTP的GET和POST方法的应用场景。

摘要由CSDN通过智能技术生成

一、前端新增布局

1、 toolbar工具栏的使用

$('#dg').datagrid({
	toolbar: '#tb'
});
<div id="tb">
<a href="#" class="easyui-linkbutton" data-options="iconCls:'icon-edit',plain:true"/a>
<a href="#" class="easyui-linkbutton" data-options="iconCls:'icon-help',plain:true"/a>
</div>
//通过数组定义工具栏：

$('#dg').datagrid({
	toolbar: [{
		iconCls: 'icon-edit',
		handler: function(){alert('编辑按钮')}
	},'-',{
		iconCls: 'icon-help',
		handler: function(){alert('帮助按钮')}
	}]
});

dialog对话框窗口的使用
—— 类似Bootstrap中的模态框