easyui 对话框中使用datagrid第二次加载无法展示(chrome)

2016-04-08 16:49:00
1147533288
原创
2490
该问题出现在chrome下,ie8/9均无该问题,可以初始化datagrid同时绑定数据。
1.页面弹出对话框:
<!--more-->
[code lang="javascript"]
var $modal = $('#ruleDialog').modalDialog({
title:"修改规则",
width:1024,
height:500,
url: appPath+"/views/rule/editrule.jsp",
buttons:[],
callback : updateNewsCallback
});
[/code]


//设置传入对话框的数据

[code lang="javascript"]
//console.log("EDIT:"+$.toJSONString(rows[0]));
$('#ruleDialog').modalDialog('setData',rows[0]);
[/code]


2.对话框grid初始化并展示数据:

[code lang="javascript"]
using(['datagrid','combobox'], function(){
method:"POST",
width:"900",
height:"280",
fitColumns:true,
title:"规则项目列表",
singleSelect:true,
//url: appPath+"/rule/listRuleDetails",
//data : {'data':$.toJSONString(getFormData('addRuleForm'))}
//dataType:"json",
queryParams : getFormData('addRuleForm'),
pagination:false,
nowrap: false,
striped: true,
onLoadError:function(){
},
columns:[[
{field:'DETAILID',checkbox:true},
{field:'MOUNT',title:'期限',width:80,editor:'text'},
{field:'UNITS',title:'计量单位',width:80
,editor:{
type:'combobox',
options:{
valueField:'CODEVALUE',
textField:'CODENAME',
data:units_type,
panelHeight:'auto',
mode:'local'
}
},
formatter : function(value) {
for(var i=0; i 新增',
handler: additem
},{
text:'删除',
handler : delitem
}],
onBeforeEdit:function(index,row){
row.editing = true;
$('#itemInfo').datagrid('refreshRow', index);
},
onAfterEdit:function(index,row){
row.editing = false;
$('#itemInfo').datagrid('refreshRow', index);
},
onCancelEdit:function(index,row){
row.editing = false;
$('#itemInfo').datagrid('refreshRow', index);
}
});
[/code]


3.注释掉url,采用先初始化datagrid,再获取json数据,然后loadData:

[code lang="javascript"]
$.ajax({
type: "POST",
async: true,//同步发送请求数据
url: appPath+"/rule/listRuleDetails",
data : {'data':$.toJSONString(getFormData('addRuleForm'))},
dataType:"json",
error : function(xhr,status,errorThrown){
$.hideProgress();
$.messageBox.alert({title : '异常',content : '获取项目规则出现异常'});
},
beforeSend : function(){
$.showProgress();
},
complete : function(){
$.hideProgress();
},
timeout:120*1000,
//dataType:"json",
success: function(res){
$('#itemInfo').datagrid('loadData',res);
}
});
[/code]
文章分类
联系我
联系人: meepo
电话: *****
Email: 1147533288@qq.com
QQ: 1147533288