1. 程式人生 > >easyUI(前端框架)中的datagrid根據某個列的值去動態的獲取值

easyUI(前端框架)中的datagrid根據某個列的值去動態的獲取值

在使用easyUI(前端框架)中的datagrid時,根據某個列的值去動態的獲取值;

我們希望datagrid能夠在顯示資料的同時去後臺查出該值對應的另一張表的值,使用ajax非同步時這個值是在頁面載入完之後才能查到,所以頁面上不能顯示這個a對應另一張表中的值,這個時候我們可以將ajax設定成同步的方式去請求。這樣在頁面載入完之前就能同時獲取到a相對應的值。

下面是該列的定義:

{
    field : 'fkRid',
	title : '職位名稱',
	width : 120,
	rowspan : 2,
	align : 'center',
	formatter: function(value,rowData,rowIndex){
		// value 當前屬性對應json資料中值 
		// rowData 當前行資料 
		// rowIndex 第幾行 
		if(value==1){
			return "管理員";
		}else {
			name = selectRole(value);
			return name;
		}
	}
},

下面是selectRole(value)方法的定義

function selectRole(value){
	var name = '';
	$.ajax({
	    url : '/role/selectId.do',
		data : {id:value},
		dataType : 'json',
		async: false,//這裡是非同步轉同步的關鍵設定
		type : 'get',
		success : function(data){
			name = data;
		}
	});
	return name;
}

以上都是本人在開發中遇到的一些小問題,如果能幫助到大家不甚榮幸,如要轉載請註明出處。