combogrid加载json数据

链接https://www.cnblogs.com/ac1985482/archive/2013/01/02/2842272.html

  在做的一个项目要用到easyUI,开始要我做数据库设计和写一些复杂的存储过程等,后面写前端的人手不够,我又对业务熟悉对前段也相对来说熟悉一点,但对easyUI从来没用过,于是看着API写前段,这两天碰到一个问题就是要级联的加载combogrid里的数据。死活把数据加载不出来 ,在博问上也问了,oschina上也问了,元旦了,大家都过节,没有回答,代码如下:

复制代码
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
        <script id="jquery_183" type="text/javascript" class="library" src="/js/sandbox/jquery/jquery-1.8.3.min.js"></script>
</head>
    <link id="others_jquery_easyui_131" rel="stylesheet" type="text/css" class="library" href="/js/sandbox/jquery-easyui/themes/default/easyui.css">
    <script id="others_jquery_easyui_131" type="text/javascript" class="library" src="/js/sandbox/jquery-easyui/jquery.easyui.min.js"></script>
    &lt;script type="text/javascript"&gt;
        $(function () {
            $("#userreg_middle_zcrj_tb").datagrid({
                width: 450,
                height: 250,
                rownumbers: true,
                columns: [[
                  { field: 'code', title: 'code', width: 100, editor: { type: 'combobox'} },
                  { field: 'name', title: 'name', width: 100, editor: { type: 'combobox'} },
                  { field: 'addr', title: 'addr', width: 100, editor: { type: 'text'} },
                  { field: 'col4', title: '', width: 50
                  }
               ]]
            });
            $('#cc').combogrid({
                panelWidth: 450,
                value: 'name',
                idField: 'code',
                textField: 'name',
                columns: [[{ field: 'code', title: 'Code', width: 60 },
                   { field: 'name', title: 'Name', width: 100 },
                   { field: 'addr', title: 'Address', width: 120 },
                   { field: 'col4', title: 'Col41', width: 100}]]
            });
            var a = [{ code: 1, name: 'aaa', addr: 'aasdf', col4: 'asdfasdfasdf' },
            { code: 1, name: 'aaa', addr: 'aasdf', col4: 'asdfasdfasdf' },
            { code: 1, name: 'aaa', addr: 'aasdf', col4: 'asdfasdfasdf'}];
            //  var b = $.parseJSON(a);
            $("#userreg_middle_zcrj_tb").datagrid("loadData", a);
            $("#cc").combogrid("loadData", a);
        });
    &lt;/script&gt;

<body>
<table id=“userreg_middle_zcrj_tb”></table>
<input id=“cc” name=“dept” value=“01”/>
</body>
</html>

复制代码

最关键是最后两个loadData,在datagrid中加载成功,在combogrid中加载不成功,而在文档中写着:

 

复制代码
组合表格

继承 . f n . c o m b o . d e f a u l t s 和 .fn.combo.defaults和 .fn.combo.defaults.fn.datagrid.defaults,使用$.fn.combogrid.defaults重载默认值。

事件

事件继承自定义组合框和数据表格。

复制代码

就想当然的以为loadData呗combogrid继承过来了。然后一直调试抓狂,今天又把combogrid的文档看了一遍,有这样的一个方法 

gridnone返回数据表格对象。

突然就豁然开朗了。

只需要把上面的修改成:

  $("#cc").combogrid("grid").datagrid("loadData", a);

就解决了

      这件事情不熟悉api导致浪费了两天的时间,这个教训告诉我,对于不熟悉的东西要多在文档上找解决方法,包括前几天datagrid编辑的问题,在官方的文档里直接有两个相关的例子。要重视官方文档啊。

 

 

 

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值