easyui-Easyui dtagrid 绑定数据问题

问题描述

Easyui dtagrid 绑定数据问题

json串如下:
{"total":6,"rows":[{"classes":{"id":11,"name":"123456","students":[{"classes":null,"id":28,"money":100
,"stuAge":"15","stuName":"张三","stuSex":"女"},{"classes":null,"id":25,"money":100,"stuAge":"13","stuName"
:"田七","stuSex":"男"},{"classes":null,"id":24,"money":100,"stuAge":"12","stuName":"赵六","stuSex":"女"},{"classes"
:null,"id":26,"money":100,"stuAge":"14","stuName":"王五","stuSex":"女"},null]},"id":23,"money":300,"stuAge"
:"13","stuName":"李四","stuSex":"男"},{"classes":{"id":11,"name":"123456","students":[{"classes":null,"id"
:28,"money":100,"stuAge":"15","stuName":"张三","stuSex":"女"},{"classes":null,"id":25,"money":100,"stuAge"
:"13","stuName":"田七","stuSex":"男"},null,{"classes":null,"id":26,"money":100,"stuAge":"14","stuName":"
王五","stuSex":"女"},{"classes":null,"id":23,"money":300,"stuAge":"13","stuName":"李四","stuSex":"男"}]},"id"
:24,"money":100,"stuAge":"12","stuName":"赵六","stuSex":"女"},{"classes":{"id":11,"name":"123456","students"
:[{"classes":null,"id":28,"money":100,"stuAge":"15","stuName":"张三","stuSex":"女"},null,{"classes":null
,"id":24,"money":100,"stuAge":"12","stuName":"赵六","stuSex":"女"},{"classes":null,"id":26,"money":100,"stuAge"
:"14","stuName":"王五","stuSex":"女"},{"classes":null,"id":23,"money":300,"stuAge":"13","stuName":"李四","stuSex"
:"男"}]},"id":25,"money":100,"stuAge":"13","stuName":"田七","stuSex":"男"},{"classes":{"id":11,"name":"123456"
,"students":[{"classes":null,"id":28,"money":100,"stuAge":"15","stuName":"张三","stuSex":"女"},{"classes"
:null,"id":25,"money":100,"stuAge":"13","stuName":"田七","stuSex":"男"},{"classes":null,"id":24,"money"
:100,"stuAge":"12","stuName":"赵六","stuSex":"女"},null,{"classes":null,"id":23,"money":300,"stuAge":"13"
,"stuName":"李四","stuSex":"男"}]},"id":26,"money":100,"stuAge":"14","stuName":"王五","stuSex":"女"},{"classes"
:{"id":10,"name":"131311","students":[null]},"id":27,"money":100,"stuAge":"14","stuName":"旺旺","stuSex"
:"男"},{"classes":{"id":11,"name":"123456","students":[null,{"classes":null,"id":25,"money":100,"stuAge"
:"13","stuName":"田七","stuSex":"男"},{"classes":null,"id":24,"money":100,"stuAge":"12","stuName":"赵六","stuSex"
:"女"},{"classes":null,"id":26,"money":100,"stuAge":"14","stuName":"王五","stuSex":"女"},{"classes":null
,"id":23,"money":300,"stuAge":"13","stuName":"李四","stuSex":"男"}]},"id":28,"money":100,"stuAge":"15","stuName"
:"张三","stuSex":"女"}]}
绑定的样式如下:

 $(function(){
            $('#dg').datagrid({
                url:'show_showStu.action',
                pagination:true,
                fitColumns:true,
                idField:'id',
                pageSize:10,
                pageList:[10,20,30] ,
                columns:[[
                    {field:'id',title:'编号',width:100},
                    {field:'stuName',title:'姓名',width:100},
                    {field:'stuSex',title:'性别',width:100,align:'right'}  ,
                    {field:'stuAge',title:'年龄',width:100,align:'right'} ,
                    {field:'money',title:'余额',width:100,align:'right'} ,
                    [{field:'?这里怎么取',title:'班级',width:100,align:'right'} ]
                ]]
            });
        });
这个班级是一个数组怎么取值,求大神告知一二。

解决方案

直接配置为你classs,还需要配置formatter进行数组内容获取,最后的classes不要加[]这个,去掉

.........
{field:'money',title:'余额',width:100,align:'right'} ,
{field:'classes',title:'班级',width:100,align:'right',formatter:function(){
 //v就是你的classes json对象
 var r='',s=v.students;
 r=v.name;
 r+='学生人数:'+(s?'没有学生':s.length);
 //其他的处理,如遍历students数组获取你要的人什么的东东
 return r;
 }}

解决方案二:

唉!我前几天没办法,把JSON串在后台改好了传过来

解决方案三:

这个问题问得好,不太好回答

解决方案四:

{field:'cname',title:'班级',width:100,align:'center',sortable:true,

editor:{type:'combobox',
options:{
valueField:'cname',

textField:'cname',
panelHeight:true,
url:'ShowClassServlet',
required:true
}}},]],
这里的cname,就是你查出的班级在后台转换成Json串传过来,就可以了

editor这个是将渲染成下拉框
班级就出来了

解决方案五:

我的班级是个对象

时间: 2025-01-30 06:20:24

easyui-Easyui dtagrid 绑定数据问题的相关文章

easyui treegrid 加载数据时获取行参数给按钮

问题描述 easyui treegrid 加载数据时获取行参数给按钮 如何在在EQSYUI TREEGRID加载数据时,获取行数据的ID等,将该获取的数据当作参数 传给行按钮 看我的界面: 图片中每一行增加了一个按钮,需要在加载数据时,将该行的ID和其它的数据获取并绑定给铵钮的事件,这个不知道怎么操作? 另外TREEGRID如何设置数据加载后只展开第一级? 解决方案 操作一列是rander的吧,按钮应该能带一个idField的值吧,随便给按钮加个property就可以带上idField的值, t

easyui+jsp+serlet返回数据页面显示的问题

问题描述 easyui+jsp+serlet返回数据页面显示的问题 $(function(){ $('#tt').datagrid({ title:'datagrid小例子', iconCls:'icon-ok', width:500, height:320, nowrap:false, striped: true, collapsible:true, url:'StudentAction', loadMsg:'数据装载中......', sortName:'code', sortOrder:'

easyui-关于spring mvc框架 easyUI界面将excel数据导入到数据库中的方法

问题描述 关于spring mvc框架 easyUI界面将excel数据导入到数据库中的方法 将一个excel表格的文件导入到数据库中,在界面调用得到所有数据的方法将数据显示在页面上,如何将excel表格的文件导入到数据库中呢 解决方案 可以使用poi 插件,对Excel进行操作,获取数据,保存到数据库中

Asp.net配合easyui实现返回json数据实例_实用技巧

本文实例讲述了Asp.net配合easyui实现返回json数据的实现方法.分享给大家供大家参考.具体如下: 最近想用asp.net配合easyui开发一个小框架,然后再用到easyui的combobox的时候出现了一个问题,总所周知,easyui的文档上给出的combobox的格式是 复制代码 代码如下: <input class="easyui-combobox"               name="language"              dat

easyui的datagrid获得数据的问题

问题描述 easyui的datagrid获得数据的问题 jsp页面使用了几个easyui的数据列表,但这个列表只能显示出表头,表的内容获取不到,程序没有报错,而且请求也没到达Controller,请大神指导一下,谢谢 参数名称 参数代码 解决方案 你说请求没有进Controller,那说明你请求的路径不对啊,你是用的MVC吧,路径写成"/控制器名/action名".然后在控制器的方法设个断点调试一下,要是进来了,你再看看你返回的Josn格式是否符合easy Ui的格式,一般数据不显示主

web-关于不用控件绑定数据的问题

问题描述 关于不用控件绑定数据的问题 各位大神 我是一名在校计算机系大学生 想请教一下现在企业里做web是不是不用vs里面自带的控件 如果不用控件 这个gridview绑定数据库的数据应该如何实现 能说详细点或者给个链接教程吗 先不说 mvc架构 我想先用代码去实现 再去学mvc 谢谢 求大神指点 解决方案 很难的 怎么有点看不到是什么啊 解决方案二: 对WEB来说.其实很简单.WEB中表格的本质是 <table><tr><td></td></tr&g

轻松学习jQuery插件EasyUI EasyUI实现树形网络基本操作(2)_jquery

一.EasyUI树形网格动态加载 动态加载树形网格有助于从服务器上加载部分的行数据,避免加载大型数据的长时间等待.本教程将向您展示如何创建带有动态加载特性的树形网格(TreeGrid). 创建树形网格(TreeGrid) <table title="Products" class="easyui-treegrid" style="width:700px;height:300px" url="treegrid3_getdata.ph

轻松学习jQuery插件EasyUI EasyUI创建树形网络(1)_jquery

一.EasyUI创建基础树形网格 树形网格(TreeGrid)组件从数据网格(DataGrid)继承,但是允许在行之间存在父/子节点关系.许多属性继承至数据网格(DataGrid),可以用在树形网格(TreeGrid)中.为了使用树形网格(TreeGrid),用户必须定义 'treeField' 属性,指明哪个字段作为树节点. 本文将向您展示如何使用树形网格(TreeGrid)组件设置一个文件夹浏览. 创建树形网格(TreeGrid) <table id="test" title

排序-asp.net repeater 绑定数据后 怎么改变显示的顺序

问题描述 asp.net repeater 绑定数据后 怎么改变显示的顺序 <ul style=" margin-left:20px"> <asp:Repeater ID="rep_data" runat="server"> <ItemTemplate> <li ><p ><span><%# Eval("data").ToString()%>: