<!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>

        <script type="text/javascript">

            $(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);

            });

        </script>

<body>

      <table id="userreg_middle_zcrj_tb"></table>

      <input id="cc" name="dept" value="01"/>

</body>

</html>

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

组合表格

继承$.fn.combo.defaults和$.fn.datagrid.defaults，使用$.fn.combogrid.defaults重载默认值。

事件

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

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

grid 	none 	返回数据表格对象。

　　

突然就豁然开朗了。

只需要把上面的修改成：

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

就解决了

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

easyui中 combogrid控件的loadData方法加载本地数据的更多相关文章

  1. Swift - 网页控件（UIWebView）加载本地数据，文件

    使用UIWebView加载本地数据或资源有如下三种方式: 1,使用loadHTMLString方法加载HTML内容 2,使用loadRequest方法加载本地资源(也可用于加载服务器资源) 3,先将内 ...

  2. 重新想象 Windows 8.1 Store Apps (81) - 控件增强: WebView 之加载本地 html, 智能替换 html 中的 url 引用, 通过 Share Contract 分享 WebView 中的内容, 为 WebView 截图

    [源码下载] 重新想象 Windows 8.1 Store Apps (81) - 控件增强: WebView 之加载本地 html, 智能替换 html 中的 url 引用, 通过 Share Co ...

  3. easyui 中Datagrid 控件在列较多且无数据时，列显示不全的解决方案

    在onLoadSuccess 中加入如下代码就OK啦 $('#dg3').datagrid({ onLoadSuccess:function(data){ if(data.total==0){ var ...

  4. EasyUI 中 DataGrid 控件 列 如何绑定对象中的属性

    EasyUI 中 DataGrid 控件 是我们经常用到的控件之一, 但是 DataGrid 控件 在绑定显示列时却不支持对象属性绑定. 模型如下: public class Manager impl ...

  5. easyui中tree控件添加自定义图标icon

    来源于:http://blog.163.com/lintianhuanhai@126/blog/static/165587366201421704420256/ <!DOCTYPE html&g ...

  6. 控件WebView网页的加载

    Android:控件WebView网页的加载 WebView可以使得网页轻松的内嵌到app里,还可以直接跟js相互调用. webview有两个方法:setWebChromeClient 和 setWe ...

  7. 背水一战 Windows 10 (64) - 控件（WebView）: 加载指定 HttpMethod 的请求, 自定义请求的 http header, app 与 js 的交互

    [源码下载] 背水一战 Windows 10 (64) - 控件(WebView): 加载指定 HttpMethod 的请求, 自定义请求的 http header, app 与 js 的交互 作者: ...

  8. Winform开发框架之客户关系管理系统(CRM)的开发总结系列4-Tab控件页面的动态加载

    在前面介绍的几篇关于CRM系统的开发随笔中,里面都整合了多个页面的功能,包括多文档界面,以及客户相关信息的页面展示,这个模块就是利用DevExpress控件的XtraTabPage控件的动态加载实现的 ...

  9. 使用ajax()方法加载服务器数据

    使用ajax()方法加载服务器数据 使用ajax()方法是最底层.功能最强大的请求服务器数据的方法,它不仅可以获取服务器返回的数据,还能向服务器发送请求并传递数值,它的调用格式如下: jQuery.a ...

随机推荐

  1. Ubuntu18.04 升级python3后 安装pip3 后报错

    pip3 -VTraceback (most recent call last): File , in <module> from pip._internal import main Mo ...

  2. 使用Blob获取图片并二进制显示实例页面

    HTML代码: <div id="forAppend" class="demo"></div> JS代码: var eleAppend ...

  3. 偶尔出现button不能点击的情况

    原因: 1.没有加点击事件 2.从别的项目或者别的场景导入的预制体,要更换canvas才能点击,不然没反应

  4. 编写高质量代码——html、css、javascript

    [编写高质量代码]1.注释的必要性:增加代码的可读性.2.web标准:由一系列的标准组合而成,其核心理念是将网页的结构.样式.行为分离,所以他可分为:结构标准.样式标准和行为标准.3.一个符合标准的网 ...

  5. uva 10453 dp/LCS变形

    https://vjudge.net/problem/UVA-10453 给出一个字符串,问最少添加几个字符使其变为回文串,并输出任意一种答案.就是一个类似于LCS的题目,而且简化了一下,只会出现三种 ...

  6. @angular/cli项目构建--组件

    环境:nodeJS,git,angular/cli npm install -g cnpm --registry=https://registry.npm.taobao.org cnpm instal ...

  7. L121

    今天上午签字仪式的布置与该场合的严肃性非常协调.The setting for this morning's signing ceremony matched the solemnity of the ...

  8. mysql Replication机制

      从上图可以看见MySQL 复制的基本过程如下: Slave 上面的IO线程连接上 Master,并请求从指定日志文件的指定位置(或者从最开始的日志)之后的日志内容: Master 接收到来自 Sl ...

  9. Dynamic Web Project vs Static Web Project 以及 Project facets

    Dynamic Web Project vs Static Web Project 需要用到JSP,servlet等技术的动态服务器技术,就需要DWP:对于全部都是html页面的可以使用static ...

  10. bzoj 4712 洪水——动态DP

    题目:https://www.lydsy.com/JudgeOnline/problem.php?id=4712 因为作为动态DP练习而找到,所以就用动态DP做了,也没管那种二分的方法. 感觉理解似乎 ...