easyUI(前端框架)中的datagrid根据某个列的值去动态的获取值

本文介绍如何在EasyUI的datagrid组件中通过同步AJAX请求实现动态获取并显示另一张表中的数据值。利用同步请求的方式,在页面加载完成前即可获取到对应的数据。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

在使用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;
}

 

以上都是本人在开发中遇到的一些小问题,如果能帮助到大家不甚荣幸,如要转载请注明出处。

评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值