easyUI 之 dialog 和 datagrid的使用

最新推荐文章于 2022-04-16 19:46:07 发布

苝花向暖丨楠枝向寒

最新推荐文章于 2022-04-16 19:46:07 发布

阅读量1.2k

点赞数

CC 4.0 BY-SA版权

分类专栏：框架文章标签： datagrid dialog

本文链接：https://blog.youkuaiyun.com/weixin_40247263/article/details/80001888

本文详细介绍了在easyUI中dialog和datagrid的使用方法。在datagrid中，即使不传参数，也会自动传递page和rows。后端需要设置全局变量page和rows，Struts 2框架可以自动赋值。利用这两个变量进行数据库查询并实现分页。返回的数据通过subList方法进行分页处理，转化为JSON格式供前端使用。注意，data-options的field值必须与数据库字段对应，以确保前端能自动生成table。

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

子JSP页面

<table width="100%" id="viewDetailTable">
	<thead>
		<tr>
			<th data-options="field:'obj_code'" style="width:40%;">工作包编号</th>
		</tr>
	</thead>
</table>

	$(function() {

			var $schcode = $("#toolbarLap_sch_code").combobox('getValue');       //从父jsp页面的input框中获取value值
			var $techcode = $("#toolbarLap_jobtype").combobox('getValue');
			var $TableName = $("#toolbarLap_calendar").combobox('getValue');
		
		$('#viewDetailTable').datagrid({
			url : "assemblePlan/StartqueryScheduleDataList1.do?sch_code="         //get请求方式，通过url传参数
				+ $schcode + "&tech_code=" + $techcode,
			method : 'get',
			rownumbers: true,
			pagination: true,           //显示页码
			pageSize : 10,              //默认一页显示 10条数据
			pageList : [10,20,30,40,50],  //可选 的显示数据条数 的值   
			border : false,
			nowrap : true,
			fit : true,
			si