easyui 的loadData方法

sscust 发布于 2014/11/06 17:16
阅读 15K+
收藏 1
//前台提交数据后,返回一个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是刚学的












































加载中
0
一只小桃子
一只小桃子
loadData是加载js本地的数据,[{"aa":"aa"},{"bb":"bb"}] 像这样的数组,而不是你给的那种,你那种用datagrid("reload",param)
一只小桃子
一只小桃子
我让你用datagrid(reload,{});的方法,是因为,你本来就要发请求到后台,后台返回json, datagrid本来就可以直接去后台拿数据,为什么要自己写一个表单提交,然后把表单的数据放到grid里呢?如果是要处理错误的话,可以让后台返回空{total:0,rows:[],errorMsg:"提交失败"},然后你在onLoadSuccess事件里处理错误
一只小桃子
一只小桃子
我刚刚看了easyui的源代码 ,var rows = data.rows; 确实是你说的那样传。我搞错了。 你这个可以在初始化datagrid的时候把json字符串作为data属性,放到初始化参数里。$("#xx").datagrid({"data":jsonstr,"colomns":。。。。});
sscust
sscust
谢谢,但是你看看这个博主写的,http://my.oschina.net/wfire/blog/127794
一只小桃子
一只小桃子
用js数组,不用对象
0
sscust
sscust
http://my.oschina.net/wfire/blog/127794   我是看了这个博客这样写的
0
吾同树
吾同树
$('#data').datagrid你这个datagrid初始化组件应该放在页面加载时调用,而不是请求数据成功后再调用
0
ForEleven
ForEleven

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

这样子写

返回顶部
顶部