easyui属性表格的一点小总结

属性框是web开发中常用的组件，如下图。

更多信息，请参考:http://www.cxyeye.com/

 

easyui实现属性框的代码简单清晰，如下所示：

			var eastPropertyGrid=$('#otherOpinionsGrid').propertygrid({  
				columns: [[
					{ title: "名称", field: "name",width:80 },
					{ title: "值", field: "value",width:80 }
				]],
				onAfterEdit: function (rowIndex, rowData, changes) {
					eastPropertyGridOnAfterEdit();
				},
				showGroup: true,  
				height:351,
				width:250,
				scrollbarSize: 20  
			});			
			eastPropertyGrid.propertygrid("loadData", rightOpinionsData);			
		});

 

这里有一点需要注意，也是我今天工作中遇到的问题。scrollbarSize 这个属性是属性框中竖直滚动条的宽度，如果这个属性框有垂直滚动条，并且scrollbarSize设置成了0，就会出现如下图的效果，无论你宽度怎么设置，属性框都会有横向滚动条。 设置成scrollbarSize: 20后横向滚动条的问题解决。

 

 

 更多信息，请参考:http://www.cxyeye.com/