关于今天easyui的坑 DateGrid工具条问题，版本easyui 1.2.2

最新推荐文章于 2020-11-13 10:59:49 发布

TOP_Y

最新推荐文章于 2020-11-13 10:59:49 发布

阅读量657

点赞数

分类专栏： jsp页面实用方法 Jquery

本文链接：https://blog.csdn.net/TOP_Y/article/details/52885088

版权

jsp页面实用方法同时被 2 个专栏收录

6 篇文章 0 订阅

订阅专栏

Jquery

5 篇文章 0 订阅

订阅专栏

还是这个版本，好像高版本已经修复这个问题了

1、直接#工具条id不能生成工具条

2、手动添加工具条执行查询后工具条消失

具体如下

<div id="tb" style="padding:5px;height:auto;">
			<div>
				人员名称：<input  id="" style="width: 120px;"/>
				项目编号：<input  id="" style="width: 120px;"/>
				设备名称：<input  id="" style="width: 120px;"/>
				预约时间: <input class="easyui-datebox" id="" style="width:120px">
				到: <input class="easyui-datebox" id="" style="width:120px">
				<a href="javascript:void(0)" οnclick="query()" class="easyui-linkbutton" iconCls="icon-search">查找</a>
			</div>
	</div>

这个是我定义的工具条，不能通过toolbar:‘#tb’添加到工具条

我的解决办法是

var temp = $("#tb");
onLoadSuccess:function(data){
								 $(".datagrid-toolbar").append(temp);
							}

当datagrid数据加载成功后手动添加到工具条

然后当我点击查询时

function query() {
		$('#a_equipment').datagrid({
				userName : $('#userName').val(),
				prjNum : $('#prjNum').val(),
				equiName : $('#equiName').val(),
				dateBegin : $('#dateBegin').datebox('getValue'),
				endBegin : $('#endBegin').datebox('getValue'),
		});
	}

这样会执行查询，但是工具条也会消失

解决办法

function query() {
		$('#a_equipment').datagrid('reload',{
				userName : $('#userName').val(),
				prjNum : $('#prjNum').val(),
				equiName : $('#equiName').val(),
				dateBegin : $('#dateBegin').datebox('getValue'),
				endBegin : $('#endBegin').datebox('getValue'),
		});
	}

换成datagrid的reload方法

具体原因是因为$("#tb")是把页面的dom对象取出来，页面上并没有这个对象了

然后再次加载时候将找不到那个dom对象，实际上就是dom对象丢失了

而reload方法则不会丢失，原因可能是一个是刷新表格，一个是刷新页面