combogrid加载json数据

2023-10-21 01:18
文章标签 数据 加载 json combogrid

本文主要是介绍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编辑的问题,在官方的文档里直接有两个相关的例子。要重视官方文档啊。

 

 

 

 

这篇关于combogrid加载json数据的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/250944

相关文章

Python实现数据可视化图表生成(适合新手入门)

《Python实现数据可视化图表生成(适合新手入门)》在数据科学和数据分析的新时代,高效、直观的数据可视化工具显得尤为重要,下面:本文主要介绍Python实现数据可视化图表生成的相关资料,文中通过... 目录前言为什么需要数据可视化准备工作基本图表绘制折线图柱状图散点图使用Seaborn创建高级图表箱线图热

MySQL数据脱敏的实现方法

《MySQL数据脱敏的实现方法》本文主要介绍了MySQL数据脱敏的实现方法,包括字符替换、加密等方法,通过工具类和数据库服务整合,确保敏感信息在查询结果中被掩码处理,感兴趣的可以了解一下... 目录一. 数据脱敏的方法二. 字符替换脱敏1. 创建数据脱敏工具类三. 整合到数据库操作1. 创建服务类进行数据库

MySQL中处理数据的并发一致性的实现示例

《MySQL中处理数据的并发一致性的实现示例》在MySQL中处理数据的并发一致性是确保多个用户或应用程序同时访问和修改数据库时,不会导致数据冲突、数据丢失或数据不一致,MySQL通过事务和锁机制来管理... 目录一、事务(Transactions)1. 事务控制语句二、锁(Locks)1. 锁类型2. 锁粒

SpringBoot加载profile全面解析

《SpringBoot加载profile全面解析》SpringBoot的Profile机制通过多配置文件和注解实现环境隔离,支持开发、测试、生产等不同环境的灵活配置切换,无需修改代码,关键点包括配置文... 目录题目详细答案什么是 Profile配置 Profile使用application-{profil

Qt中实现多线程导出数据功能的四种方式小结

《Qt中实现多线程导出数据功能的四种方式小结》在以往的项目开发中,在很多地方用到了多线程,本文将记录下在Qt开发中用到的多线程技术实现方法,以导出指定范围的数字到txt文件为例,展示多线程不同的实现方... 目录前言导出文件的示例工具类QThreadQObject的moveToThread方法实现多线程QC

SpringBoot集成EasyExcel实现百万级别的数据导入导出实践指南

《SpringBoot集成EasyExcel实现百万级别的数据导入导出实践指南》本文将基于开源项目springboot-easyexcel-batch进行解析与扩展,手把手教大家如何在SpringBo... 目录项目结构概览核心依赖百万级导出实战场景核心代码效果百万级导入实战场景监听器和Service(核心

使用Python开发一个Ditto剪贴板数据导出工具

《使用Python开发一个Ditto剪贴板数据导出工具》在日常工作中,我们经常需要处理大量的剪贴板数据,下面将介绍如何使用Python的wxPython库开发一个图形化工具,实现从Ditto数据库中读... 目录前言运行结果项目需求分析技术选型核心功能实现1. Ditto数据库结构分析2. 数据库自动定位3

pandas数据的合并concat()和merge()方式

《pandas数据的合并concat()和merge()方式》Pandas中concat沿轴合并数据框(行或列),merge基于键连接(内/外/左/右),concat用于纵向或横向拼接,merge用于... 目录concat() 轴向连接合并(1) join='outer',axis=0(2)join='o

批量导入txt数据到的redis过程

《批量导入txt数据到的redis过程》用户通过将Redis命令逐行写入txt文件,利用管道模式运行客户端,成功执行批量删除以Product*匹配的Key操作,提高了数据清理效率... 目录批量导入txt数据到Redisjs把redis命令按一条 一行写到txt中管道命令运行redis客户端成功了批量删除k

SpringBoot多环境配置数据读取方式

《SpringBoot多环境配置数据读取方式》SpringBoot通过环境隔离机制,支持properties/yaml/yml多格式配置,结合@Value、Environment和@Configura... 目录一、多环境配置的核心思路二、3种配置文件格式详解2.1 properties格式(传统格式)1.