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/