使用dhtmlxGrid的uid获取唯一id

使用dhtmlxGrid的uid获取唯一id，然后将id作为数据行id。在使用uid的时候，可以结合addRow方法添加数据到表格中。

uid()

返回唯一ID。使用如下：

var uniqueID=mygrid.uid();

效果图：

公共广告位-前端

JavaScript代码如下：

$(function(){
	var datas = [
		{id : "100", name : "明明", sex : "男", age : "27"},
		{id : "101", name : "无望", sex : "女", age : "21"},
		{id : "102", name : "武无", sex : "男", age : "30"},
		{id : "103", name : "李圣天", sex : "男", age : "23"}
	];
	
    var mygrid = new dhtmlXGridObject('gridbox');
    mygrid.setImagePath("../../js/dhtmlxGrid/imgs/");
    mygrid.setHeader("编号,姓名,性别");
    mygrid.setInitWidths("100,100,*");
    mygrid.setColAlign("left,left,left");
    mygrid.setColTypes("ro,ro,ro");
    mygrid.init();
    mygrid.setSkin("dhx_skyblue");
    
    // 设置数据
    for (var i = 0, len = datas.length; i < len; i ++ ) {
    	var data = datas[i];
    	// 获取唯一ID
    	var uniqueID = mygrid.uid();
    	mygrid.addRow(uniqueID, [data.id, data.name, data.sex]);
    	// 添加数据到表行中
    	mygrid.setUserData(uniqueID, "data", data);
    }
    if ( len > 0 ) {
    	mygrid.selectRow(0, true, true);
    }
    
    $("#data").click(function(){
    	var htmls = [];
    	mygrid.forEachRow(function(rowId){
    		var data = mygrid.getUserData(rowId, "data");
    		htmls.push( rowId + "&nbsp;" + data.id + "&nbsp;" + data.name + "&nbsp;" + 
    				data.sex + "&nbsp;" + data.age + "<br/>" );
    	});
    	$("#dataInfo").html( htmls.join("") );
    });
});