easyUI统一管理点击按钮、为所有按钮统一添加分配点击事件

最新推荐文章于 2024-04-08 08:50:19 发布

原创

最新推荐文章于 2024-04-08 08:50:19 发布 · 1.6k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#easyUI统一管理按钮

本文通过示例代码展示如何在easyUI中实现按钮的统一管理，将所有按钮id改为data-cmd，并使用a标签，同时在js页面进行简单的点击事件分配，使得操作更加便捷。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

话不多说、直接上代码

JSP页面：

<body>
    <table id="contractDatagrid"></table>
    <!-- datagrid的toolbar -->
    <div id="contractDatagridToolbar">
	<a data-cmd="contractAdd" href="javascript:;" class="easyui-linkbutton c2" data-options="iconCls:'icon-add',plain:true">添加</a>
	<a data-cmd="contractEdit" href="javascript:;" class="easyui-linkbutton c2" data-options="iconCls:'icon-edit',plain:true">修改</a>
	<a data-cmd="contractReload" href="javascript:;" class="easyui-linkbutton c2" data-options="iconCls:'icon-reload',plain:true">刷新</a>
	<a data-cmd="contractRemove" class="easyui-linkbutton c3" data-options="iconCls:'icon-remove',plain:true">删除</a>

	<form id="contractSimpleSearchForm" style="margin: 5px">
	    合同编号:&nbsp;&nbsp;<input name="q" class="easyui-textbox" style="width: 100px"> 
            客户:&nb