日常2.0--关于EasyUI的坑(datagrid_1)

最新推荐文章于 2021-03-07 12:41:52 发布

PhantomSaber

最新推荐文章于 2021-03-07 12:41:52 发布

阅读量383

点赞数

CC 4.0 BY-SA版权

分类专栏：日常

本文链接：https://blog.youkuaiyun.com/u013453785/article/details/77311599

日常专栏收录该内容

5 篇文章

订阅专栏

本文介绍了一种解决EasyUI datagrid在自定义toolbar时出现错行现象的方法。通过在datagrid末尾插入并隐藏一行空数据，有效解决了该布局问题。

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

这是一个在使用EasyUI的datagrid制作表格的时候发现的问题。

问题描述：额，简单来讲，就是datagrid在不自定义toolbar的情况下，一切正常。但是，当我在自定义了toolbar之后，发现datagrid会发生错行的现象。

解决方案：插入一行空数据，并隐藏起来。

代码：（事实上如果不加“row{field:XXX}”也是可以达到效果的，只是脚本会报错）

onLoadSuccess: function (result) {
	if (result.total != 0) {
		console.log(result.total);
		$('#+grid的ID+').datagrid('insertRow', {
			index:result.total,
			value:"",
			row: {
				field:+名称+
			}
		});
		$("tr[datagrid-row-index="+(result.total-1)+"]").css({
			"visibility": "hidden"
		});
	}
}