easyui 的loadData方法

Question

//前台提交数据后，返回一个datagrid用到的字符串形式：

{"total":21"rows[
    {"prediction":1.0,"seq":AAUAUCUGUCUAUGUUGUCUA}, 
    {"prediction":0.95707,"seq":ACACCAAUAUCUGUCUAUGUU},

    {"prediction":0.94931,"seq":UCCAACACACCAAUAUCUGUC},

    {"prediction":0.94559,"seq":ACCAAUAUCUGUCUAUGUUGU},

    {"prediction":0.90458,"seq":UCAUCCAACACACCAAUAUCU},

    {"prediction":0.87176,"seq":AUCCAACACACCAAUAUCUGU},

    {"prediction":0.8529,"seq":ACUCCAUCAUCCAACACACCA},

    {"prediction":0.84785,"seq":UCCAUCAUCCAACACACCAAU},

    {"prediction":0.76978,"seq":AUCAUCCAACACACCAAUAUC},

    {"prediction":0.72983,"seq":ACACACCAAUAUCUGUCUAUG},

    {"prediction":0.71606,"seq":AACACACCAAUAUCUGUCUAU},

    {"prediction":0.64356,"seq":CAACACACCAAUAUCUGUCUA},

    {"prediction":0.62608,"seq":CUCCAUCAUCCAACACACCAA},

    {"prediction":0.59804,"seq":CAUCCAACACACCAAUAUCUG},

    {"prediction":0.54686,"seq":CACCAAUAUCUGUCUAUGUUG},

    {"prediction":0.47598,"seq":CACACCAAUAUCUGUCUAUGU},

    {"prediction":0.44711,"seq":CAUCAUCCAACACACCAAUAU},

    {"prediction":0.42511,"seq":CCAAUAUCUGUCUAUGUUGUC},

    {"prediction":0.38172,"seq":CAAUAUCUGUCUAUGUUGUCU},

    {"prediction":0.11855,"seq":CCAACACACCAAUAUCUGUCU},

    {"prediction":0.0,"seq":CCAUCAUCCAACACACCAAUA}

]}


js部分：提交表单的部分
$('#sub').form('submit',{
        onSubmit:function(){
            if(!$('#sub').form('validate')){
                $.messager.show({
                    title:'提示信息' , 
                    msg:'验证没有通过,不能提交表单!'
                });
                return false ; //当表单验证不通过的时候 必须要return false 
            }
        } ,
        success:function(result){

            //这里的result就是返回的字符串，内容和格式放在了最上面，就是不知道怎么把这个字符串填充到datagrid中去
            var results=$.parseJSON(result);
            $.messager.show({
                title:'heheheheh',
                msg:result
            });
            $('#data').datagrid({
                    idField:'id' , //只要创建数据表格 就必须要加 ifField
                    title:'The result as below' ,
                    fit:true ,
                    fitColumns:true ,  
                    striped: true , //隔行变色特性 
                    //nowrap: false , //折行显示 为true 显示在一会 
                    loadMsg: '数据正在加载,请耐心的等待...' ,
                    rownumbers:true ,
                    columns:[[
                          {
                                field:'prediction' ,
                                title:'prediction' ,
                                width:50 ,
                                sortable : true 
                           },{
                                 field:'seq' ,
                                 title:'SiRNA sequence' ,
                                 width:100 ,
                                 sortable : true
                            }
         
                        ]]
            });

            $('#result').dialog('open');
            $(function(){
                    $('#data').datagrid('loadData',results);
            });

            }
       });
但是这个数据表格就是加载不了，jquery是刚学的

Answer 1

$('#data').datagrid({data:results});

这样子写

Answer 2

$('#data').datagrid你这个datagrid初始化组件应该放在页面加载时调用，而不是请求数据成功后再调用

Answer 3

用js数组，不用对象

Answer 4

谢谢，但是你看看这个博主写的，http://my.oschina.net/wfire/blog/127794

Answer 5

我让你用datagrid(reload,{});的方法，是因为，你本来就要发请求到后台，后台返回json, datagrid本来就可以直接去后台拿数据，为什么要自己写一个表单提交，然后把表单的数据放到grid里呢？如果是要处理错误的话，可以让后台返回空{total:0,rows:[],errorMsg:"提交失败"},然后你在onLoadSuccess事件里处理错误

Answer 6

loadData是加载js本地的数据，[{"aa":"aa"},{"bb":"bb"}] 像这样的数组，而不是你给的那种，你那种用datagrid("reload",param)