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

来源：互联网发布：淘宝不能延长收货时间编辑：程序博客网时间：2024/06/06 01:23

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

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)" onclick="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方法则不会丢失，原因可能是一个是刷新表格，一个是刷新页面

0 0