treegrid easyui data的动态绑定

问题描述

<scriptlanguage="javascript">varconfig={id:"tg1",width:"800",renderTo:"div1",headerAlign:"left",headerHeight:"30",dataAlign:"left",indentation:"20",folderOpenIcon:"images/folderOpen.gif",folderCloseIcon:"images/folderClose.gif",defaultLeafIcon:"images/defaultLeaf.gif",hoverRowBackground:"false",folderColumnIndex:"1",itemClick:"itemClickEvent",columns:[{headerText:"",headerAlign:"center",dataAlign:"center",width:"20",handler:"customCheckBox"},{headerText:"名称",dataField:"name",headerAlign:"center",handler:"customOrgName"},{headerText:"拼音码",dataField:"code",headerAlign:"center",dataAlign:"center",width:"100"},{headerText:"负责人",dataField:"assignee",headerAlign:"center",dataAlign:"center",width:"100"}],//data:'treegrid_data2.json'data:[{name:"城区分公司",code:"CQ",assignee:"",children:[{name:"城区卡品分销中心"},{name:"先锋服务厅",children:[{name:"chlid1"},{name:"chlid2"},{name:"chlid3",children:[{name:"chlid3-1"},{name:"chlid3-2"},{name:"chlid3-3"},{name:"chlid3-4"}]}]},{name:"半环服务厅"}]},{name:"清新分公司",code:"QX",assignee:"",children:[]},{name:"英德分公司",code:"YD",assignee:"",children:[]},{name:"佛冈分公司",code:"FG",assignee:"",children:[]}]};这里面的data是写的固定值,我想从数据库中取,怎么写?

解决方案

解决方案二:
//data:'treegrid_data2.json'这句就是动态绑定数据啊。然后你在这个json里写查询方法:BLL.bllView_EnquiryVendorbll=newBLL.bllView_EnquiryVendor();List<Model.modelView_EnquiryVendor>dataList=bll.GetModelList(strWhere,GetPageSize(),GetPageIndex());Hashtableht=newHashtable();ht.Add("rows",dataList);ht.Add("total",bll.GetRecordCount(strWhere));//序列化JavaScriptSerializerserializer=newJavaScriptSerializer();stringjsonList=serializer.Serialize(ht);Response.Clear();Response.Write(jsonList);Response.Flush();Response.End();

解决方案三:
或者直接用url:'<%=ResolveClientUrl("~/xxx/datajson.aspx")%>',在datajson中:BLL.bllView_EnquiryVendorbll=newBLL.bllView_EnquiryVendor();List<Model.modelView_EnquiryVendor>dataList=bll.GetModelList(strWhere,GetPageSize(),GetPageIndex());Hashtableht=newHashtable();ht.Add("rows",dataList);ht.Add("total",bll.GetRecordCount(strWhere));//序列化JavaScriptSerializerserializer=newJavaScriptSerializer();stringjsonList=serializer.Serialize(ht);Response.Clear();Response.Write(jsonList);Response.Flush();Response.End();

解决方案四:
引用1楼zyl_leilei的回复:

//data:'treegrid_data2.json'这句就是动态绑定数据啊。然后你在这个json里写查询方法:BLL.bllView_EnquiryVendorbll=newBLL.bllView_EnquiryVendor();List<Model.modelView_EnquiryVendor>dataList=bll.GetModelList(strWhere,GetPageSize(),GetPageIndex());Hashtableht=newHashtable();ht.Add("rows",dataList);ht.Add("total",bll.GetRecordCount(strWhere));//序列化JavaScriptSerializerserializer=newJavaScriptSerializer();stringjsonList=serializer.Serialize(ht);Response.Clear();Response.Write(jsonList);Response.Flush();Response.End();

直接写url页面加载汇报错。
解决方案五:
我现在的treegrid_data2.json这个里面写的是已经获取到的json数据,但是页面上加载不出来引用1楼zyl_leilei的回复:

//data:'treegrid_data2.json'这句就是动态绑定数据啊。然后你在这个json里写查询方法:BLL.bllView_EnquiryVendorbll=newBLL.bllView_EnquiryVendor();List<Model.modelView_EnquiryVendor>dataList=bll.GetModelList(strWhere,GetPageSize(),GetPageIndex());Hashtableht=newHashtable();ht.Add("rows",dataList);ht.Add("total",bll.GetRecordCount(strWhere));//序列化JavaScriptSerializerserializer=newJavaScriptSerializer();stringjsonList=serializer.Serialize(ht);Response.Clear();Response.Write(jsonList);Response.Flush();Response.End();

解决方案六:
能方便加一下您的qq吗?我的是260353773.谢谢啦引用2楼zyl_leilei的回复:

或者直接用url:'<%=ResolveClientUrl("~/xxx/datajson.aspx")%>',在datajson中:BLL.bllView_EnquiryVendorbll=newBLL.bllView_EnquiryVendor();List<Model.modelView_EnquiryVendor>dataList=bll.GetModelList(strWhere,GetPageSize(),GetPageIndex());Hashtableht=newHashtable();ht.Add("rows",dataList);ht.Add("total",bll.GetRecordCount(strWhere));//序列化JavaScriptSerializerserializer=newJavaScriptSerializer();stringjsonList=serializer.Serialize(ht);Response.Clear();Response.Write(jsonList);Response.Flush();Response.End();

解决方案七:
引用4楼bitstrong30的回复:

我现在的treegrid_data2.json这个里面写的是已经获取到的json数据,但是页面上加载不出来Quote: 引用1楼zyl_leilei的回复:
//data:'treegrid_data2.json'这句就是动态绑定数据啊。然后你在这个json里写查询方法:BLL.bllView_EnquiryVendorbll=newBLL.bllView_EnquiryVendor();List<Model.modelView_EnquiryVendor>dataList=bll.GetModelList(strWhere,GetPageSize(),GetPageIndex());Hashtableht=newHashtable();ht.Add("rows",dataList);ht.Add("total",bll.GetRecordCount(strWhere));//序列化JavaScriptSerializerserializer=newJavaScriptSerializer();stringjsonList=serializer.Serialize(ht);Response.Clear();Response.Write(jsonList);Response.Flush();Response.End();

你的代码贴出来看看?
解决方案八:
引用5楼bitstrong30的回复:

能方便加一下您的qq吗?我的是260353773.谢谢啦Quote: 引用2楼zyl_leilei的回复:
或者直接用url:'<%=ResolveClientUrl("~/xxx/datajson.aspx")%>',在datajson中:BLL.bllView_EnquiryVendorbll=newBLL.bllView_EnquiryVendor();List<Model.modelView_EnquiryVendor>dataList=bll.GetModelList(strWhere,GetPageSize(),GetPageIndex());Hashtableht=newHashtable();ht.Add("rows",dataList);ht.Add("total",bll.GetRecordCount(strWhere));//序列化JavaScriptSerializerserializer=newJavaScriptSerializer();stringjsonList=serializer.Serialize(ht);Response.Clear();Response.Write(jsonList);Response.Flush();Response.End();

解决方案九:
你把name和code分别改成id,text,tree只认这个。
解决方案十:
引用8楼zyl_leilei的回复:

你把name和code分别改成id,text,tree只认这个。

也不行,数据加载不上来
解决方案十一:
引用9楼bitstrong30的回复:

Quote: 引用8楼zyl_leilei的回复:
你把name和code分别改成id,text,tree只认这个。

也不行,数据加载不上来

不好意思,treegrid没有用过,好像这个字段名称不影响。不过你的json格式就不正确吧,你先照这个例子试试:<tableid="tt"style="width:600px;height:400px"></table>$('#tt').treegrid({url:'treegrid_data2.json',idField:'code',treeField:'name',columns:[[{title:'name',field:'name',width:180},{field:'code',title:'code',width:60},{field:'assignee',title:'assignee',width:80}]]});json里面先简单的数据试试:[{name:"城区分公司",code:"CQ",assignee:"",children:[{name:"城区卡品分销中心",code:"",assignee:""},{name:"先锋服务厅",code:"",assignee:""}]}
解决方案十二:
不行,试了好多方法。头疼引用10楼zyl_leilei的回复:

Quote: 引用9楼bitstrong30的回复:
Quote: 引用8楼zyl_leilei的回复:
你把name和code分别改成id,text,tree只认这个。

也不行,数据加载不上来

不好意思,treegrid没有用过,好像这个字段名称不影响。不过你的json格式就不正确吧,你先照这个例子试试:<tableid="tt"style="width:600px;height:400px"></table>$('#tt').treegrid({url:'treegrid_data2.json',idField:'code',treeField:'name',columns:[[{title:'name',field:'name',width:180},{field:'code',title:'code',width:60},{field:'assignee',title:'assignee',width:80}]]});json里面先简单的数据试试:[{name:"城区分公司",code:"CQ",assignee:"",children:[{name:"城区卡品分销中心",code:"",assignee:""},{name:"先锋服务厅",code:"",assignee:""}]}

时间: 2024-12-23 03:59:09

treegrid easyui data的动态绑定的相关文章

Jquery EasyUI实现treegrid上显示checkbox并取选定值的方法_jquery

先放个最终的效果图: 然后是代码: html文件: <body> <h1>TreeGrid</h1> <div> <a id="consle" href="#">consle</a> </div> <table id="test" title="Folder Browser" style="width:400px;height:

EasyUI的treegrid组件动态加载数据问题的解决办法_jquery

搜遍了treegrid源码和文档发现treegrid是扩展自datagrid和tree的,不过以往利用datagrid的reload方法加参数的方式加载查询结果数据,可是treegrid却只执行reload不能加载带参数的查询结果,可能是做了限制,如下代码不能加载查询结果: 复制代码 代码如下: <table id='treegrid' class='easyui-treegrid' url='/User/List'></table>$('#treegrid').treegrid(

ajax-jQuer easyui里怎么在一个请求的回调函数执行后再处理接下来的操作

问题描述 jQuer easyui里怎么在一个请求的回调函数执行后再处理接下来的操作 $("#pandv").treegrid('expand',parentID); if($("#pandv").treegrid('getChildren',parentID).length!=$("#pandv").treegrid('find',parentID).versionCount){ if(!$("#pandv").treegr

ASP.NET MVC5+EF6+EasyUI 后台管理系统(81)-数据筛选(万能查询)实例_实用技巧

前言 听标题的名字似乎是一个非常牛X复杂的功能,但是实际上它确实是非常复杂的,我们本节将演示如何实现对数据,进行组合查询(数据筛选) 我们都知道Excel中是如何筛选数据的.就像下面一样 他是一个并的关系,我们现在要做的也是这样的效果,下面我们将利用EasyUI的DataGrid为例来扩展(就算是其他组件也是可以的,同样的实现方式!) 实现思路 1.前台通过查询组合json 2.后台通过反射拆解json 3.进行组合查询 虽然短短3点,够你写个3天天夜了 优点:需要从很多数据中得到精准的数据,通

CYQ.Data+EasyUI开发:几个相关的问题CheckBox、Tree、TreeGrid

前言: 话说到新的公司已经呆了三个星期了,从上班的第二天开始就一直在写项目文档和给开发人员培训,以至于我的QQ签名从"我不是来搞培训的"到最后直接换成"我是来搞培训的". 虽然挂名开发经理,但下面目前就2人,手下的人虽然混过了2年工龄,但连进程,线程,泛型,面向对象等基础都摸不着头脑的小女孩,要指望她们写代码,只好时不时的抽空给讲基础了. 话说下周的下周还会从Boss的母校里招来二十几个学生过来实习,要我分解项目,写出详细的文档,然后简单培训下学生,让学生看着文档就

浅谈EasyUI中Treegrid节点的删除

本文给大家介绍的是EasyUI中树节点(Treegrid节点)的删除的方法和示例,这里推荐给大家,希望对大家能有所帮助. EasyUI中的删除很简单,一般直接复制粘贴就行. 下面是对树节点的删除. 代码如下: // 删除 function removes() { var rows = ruletreegrid.treegrid('getSelections'); if (rows && rows.length == 1) { var showmsg = ""; if (

CYQ.Data 快速开发EasyUI

EasyUI: 前端UI框架之一, 相对ExtJs来说,算是小了,这两天,抽空看了下EasyUI的相关知识,基本上可以和大伙分享一下: 官网: http://www.jeasyui.com/ 学习的话,基本上思路就三个: 一个是Demo,把所有提供的Controls看一遍,然后用到哪个,就去看哪个. 一个是Document,如果某个控件需要用JS编码控制,可能需要看一下相关的API提供的属性,事件和方法. 一个是搜相关的文章,看看一些网上的示例或教程文章.   由于EasyUI是基于JQ的语法,

easyui-问一下 easyUI treegrid 在节点下面追加一个节点 效果如图 出不来啊

问题描述 问一下 easyUI treegrid 在节点下面追加一个节点 效果如图 出不来啊 父节点变成了文件夹的图标 但是新增的节点没有出来 if (editingId != undefined){ $('#tg').treegrid('select', editingId); return; } var rows = $('#tg').treegrid('getChildren'); editingId = 40; var row = null; var _data = {"id"

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

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