当前位置: 代码迷 >> Ajax >> easyui datagrid有关问题
  详细解决方案

easyui datagrid有关问题

热度:900   发布时间:2013-11-14 22:02:51.0
easyui datagrid问题
本帖最后由 showbo 于 2013-07-22 10:22:15 编辑
$('#form1').form('submit', {
url : xxxxxxxx.action',
onSubmit:function(){  
         return $('#form1').form('validate');  
     }, 
    
     success:function(data){
     //alert(data);
     alert("3");
     var obj = data;
    
     $('#test1').css('font-weight', 'normal');
     $('#test2').css('font-weight', 'bold');
     $('#panel1').panel({onLoad:function()     {$('#datagrid1').datagrid('loadData',data)}});
     $('#panel1').panel('refresh', xxxx.jsp');
     }
});


为什么$('#datagrid1').datagrid('loadData',data)不能将服务器返回的json加载
请大家帮忙

------解决方案--------------------
data的数据结构和easyui datagrid要求的结构不一样吧。。

loadData参数为JSON对象的数组,如[{name:123},{name:234}...],自己检查下data参数的结构。

        success:function(data){
            alert(typeof data);//看输出是什么类型的,如果是string要eval生成json对象

            var obj = data;
             
            $('#test1').css('font-weight', 'normal');
            $('#test2').css('font-weight', 'bold');
            $('#panel1').panel({onLoad:function()     {$('#datagrid1').datagrid('loadData',data)}});
            $('#panel1').panel('refresh', xxxx.jsp');
        }

------解决方案--------------------
不能加载主要问题应该是数据格式不对

{total:3,rows:[
 {},
 {}
]}
  相关解决方案