easyui 为表格行添加事件

最新推荐文章于 2024-07-29 02:09:58 发布

9_张晓

最新推荐文章于 2024-07-29 02:09:58 发布

阅读量1.1w

点赞数

分类专栏： java

本文链接：https://blog.csdn.net/ggibenben1314/article/details/43279175

版权

本文介绍了在开发中遵循'无处不按钮，无处不入口'的理念，将操作按钮融入到表格行中，提升用户体验。通过一个编辑试卷功能的案例，展示了如何在HTML、JS和Controller中实现这一设计，最终达到提高软件交互性的目的。

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

1.0的验收老师提到最多的是：无处不按钮，无处不入口。在后面的开发中牢记了这个思想，行动下移。比如对表格的操作，不能只限于工具栏上的按钮，选中一条数据后需得选按钮，索性不给它设计工具栏，点击哪里都是按钮。

1.html

这是一个编辑试卷的功能，页面中首先显示试卷的题型，然后点击题型可以进入到题目列表页。

<table id="dg" class="easyui-datagrid" title="编辑试题-显示试卷题型" style="height:65%;width:100%"
			data-options="rownumbers:true,pagination:true,pageSize:5,pageList:[5,10,15,20],method:'get',toolbar:'#tb',
				onClickRow:onClickRow">
			<thead>
				<tr>
 					<th field="map.paperID" width="10%" align="center" data-options="formatter:function(value, rec){return rec.map['paperID'];}">paperID</th> 
 					<th field="map.questionType