前台加载datagrid 数据

本文介绍了如何在前端页面中加载Datagrid数据,包括数据请求、处理与展示的详细步骤,帮助开发者理解并掌握前端数据表格的动态加载技术。

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

function onloadServiceRecord(id){
$.ajax({ //获取已启用模板
url:basePath + 'sword/serviceData/onloadService?idcard='+id.idcard,
dataType : 'json',
async:false,
success : function(data) { 
if(data.model.code == "success"){
var rows=data.model.obj.rows;
for(var i=0;i<rows.length;i++){
loadGrid(rows[i]);
};
//为兼容ie8 放弃该方式
// data.model.obj.rows.forEach(function(e){  
// loadGrid(e);
// });
// rows.forEach(function(e){  
// loadGrid(e);
// });
}
else{
alert("页面加载失败");
}
}
});
}
/**
 * 按行加载数据
 * @param e
 */
function loadGrid(e){
if(e.flag=='1'){
//为解决 前台显示中的datagrid上的 表头和表体不对齐的问题,采取先loadData后appendRow的方法。
//$('#JregisTable').datagrid('getRows') 判断该datagrid中是否存在数据,如果不存在的使用loadData方法
if($('#JregisTable').datagrid('getRows')==""){
var jregis1 =[{ 
'uuid' : e.uuid,
'jregisTime' : e.jregisTime,
'jregisIndustry' : e.jregisIndustry,
'jregisOccup' : e.jregisOccup,
'jregisEmploy' : e.jregisEmploy,
'jregisSalary' : e.jregisSalary,
'jregisRemark' : e.jregisRemark
}];
$('#JregisTable').datagrid('loadData', jregis1);
}else{
if($('#JregisTable').datagrid('getRows')==""){}else{}
var jregis1 = { 
'uuid' : e.uuid,
'jregisTime' : e.jregisTime,
'jregisIndustry' : e.jregisIndustry,
'jregisOccup' : e.jregisOccup,
'jregisEmploy' : e.jregisEmploy,
'jregisSalary' : e.jregisSalary,
'jregisRemark' : e.jregisRemark
};
$('#JregisTable').datagrid('appendRow', jregis1);
}

}

}

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值