一位IT新手的Easyui开发之路

Easyui踩坑集锦

最近在开发过程中的踩坑分享(持续更新).

easyui之行高改变行号错位问题

踩坑描述: 行高改变导致easyui-datagrid表格行号错位,如下图:

解决方法: 将表格行数据的单元格高度设置给行号单元格,如下图解析:

原因方法解释完毕,上代码.

	var $rowDoms = $('表格容器的id').children().find(".datagrid-btable .datagrid-row");
	if($rowDoms.length > 0){ //easyui表格行号显示错位, 解决方法:将表格行数据的单元格高度设置给行号单元格
		for(var i=0;i < $rowDoms.length/2;i++){
			var rowDom = $rowDoms[i];
			var rowDom2 = $rowDoms[i+$rowDoms.length/2];
			$(rowDom).height($(rowDom2).height());
		}
	}

建议将此段代码写到datagrid的onLoadSuccess事件中这样表格数据加载完毕行号就设置完成了.
理解这段代码需要开发者自行到浏览器控制台审查元素,查看元素结构.

PS: 表格容器的id: 话不多说上图解释,下图的div就是表格容器,下图仅为示例,具体的寻元素方法开发者自定义.

其实把将高度撑起来的元素高度设合适一点也可以解决该问题，本例是开关元素过高导致的行号错位。

谢谢观看