EXT5 treegrid怎么编写

我是用ext5 MVC 写的,

 Ext.define('CFEApp.view.navigation.navigationview', {
    extend : 'Ext.grid.Panel',
    alias : 'widget.aclnavigationlist',
    id : 'aclnavigationlist',
    title : '模块管理',
    store : 'navigation.navigationStore',
    columns : [ {
        xtype : 'gridcolumn',
        dataIndex : 'display_Name',
        flex : 1,
        text : '模块名称'
    },{
        xtype : 'gridcolumn',
        dataIndex : 'ui_Type',
        flex : 0.4,
        text : '模块类型'
    },{
        xtype : 'gridcolumn',
        dataIndex : 'ui_Tech',
        flex : 0.4,
        text : 'ui_Tech'
    },{
        xtype : 'gridcolumn',
        dataIndex : 'parent_Name',
        flex : 0.4,
        text : '父级模块'
    },{
        xtype : 'gridcolumn',
        dataIndex : 'ui_Name',
        flex : 0.4,
        text : 'JS'
    },{
        xtype : 'gridcolumn',
        dataIndex : 'status',
        flex : 0.4,
        text : '模块状态'
    },{
        xtype : 'gridcolumn',
        dataIndex : 'is_Expand',
        flex : 0.4,
        text : '是否同步'
    }
    ],
    dockedItems : [ {
        xtype : 'toolbar',
        dock : 'top',
        items : [ {
            id : 'acl_navigation_add_id',
            text : '新增',
            action : 'acl_navigation_list_add_act'
        }, '-', {
            id : 'acl_navigation_edit_id',
            text : '编辑',
            action : 'acl_navigation_list_edit_act'
        }, '-', {
            id : 'acl_navigation_del_id',
            text : '删除',
            action : 'acl_navigation_list_del_act'
        } ]
    } ]

});

上边是一个view,现在想把这个view 改变成treegrid 形式,有没有大神帮一下忙,顺便再说一下,store里边 要把数据定义成什么格式,是Ext.data.TreeStore么?

5

1个回答

Ext.data.TreeStore+Ext.data.TreeModel,DEMO里面不是有

showbo
支付宝加好友偷能量挖 回复qq_24637447:ext4~5版本的API地址 http://docs.sencha.com/extjs/5.1/
5 年多之前 回复
showbo
支付宝加好友偷能量挖 回复qq_24637447:下载的压缩包里面有demo, ext-5.0.1\examples\tree。你要是想学ext最好不要用ext5,版权加了很多限制。ext4.1就足够了
5 年多之前 回复
qq_24637447
qq_24637447 5.0 没有docs啊,哪里去找啊!
5 年多之前 回复
Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
EXT 3.2 的 treeGrid 问题

我用 ext 3.2 的 TreeGrid 生成计算书 类表格数据,在 firefox 上显示 正常,在 IE 浏览器中 显示的数据 格式 不太正常:::当 某一列 为空时,表格 的线 也跟着 为空,这样看起来 不太美观,哪位大神 有解决方法? 做出来的 效果图 见 附件

Ext.ux.tree.TreeGrid的默认排序如何改为中文?

我用Ext的treeGrid,它的排序默认是英文的,是这样的效果“sortAscText、sortDescText、columnsText”,如何将这个改为中文显示,效果是“正序排列、倒序排列、显示/隐藏列”? 求大神解答。

关于ext背景颜色的问题

[code="java"]<html> <head> <title> extjs </title> <link rel="stylesheet" type="text/css" href="ext-2.2.1\resources\css\ext-all.css"> <script type="text/javascript" src="ext-2.2.1\adapter\ext\ext-base.js"></script> <script type="text/javascript" src="ext-2.2.1\ext-all.js"></script> <script> Ext.onReady(function(){ var _window = new Ext.Window({ title:"登录", width:660, height:630, layout:"form", plain:true, items:[{ baseCls:"x-plain", layout:"column", items:[{ layout:"form", columnWidth:.5, items:[ { fieldLabel:"姓名", xtype:"textfield" }, { fieldLabel:"地址", xtype:"textfield" }, { fieldLabel:"工作单位", xtype:"textfield" }, { fieldLabel:"职务", xtype:"textfield" } ] }, { layout:"form", columnWidth:.5, items:[{ xtype:"textfield", fieldLabel:"个人照片", width:100, height:100, inputType:"image" }] }] }, { baseCls:"x-plain", layout:"form", items:[{ fieldLabel:"个人电话", xtype:"textfield" },{ fieldLabel:"家庭电话", xtype:"textfield" },{ fieldLabel:"办公电话", xtype:"textfield" }] }] }); _window.show(); }); </script> </head> <body> <form> <div id="container"></div> <div id="content2"></div> </form> </body> </html>[/code] 姓名到照片的items为什么背景颜色没有改变成和周围环境一样的? 但是个人电话到办公电话都可以改变,我都是加了baseCls:"x-plain",为什么表现出来的结果不一样那? [b]问题补充:[/b] to:hearken01 你的方法确实可以,但是必须加上frame配置(这个是表示圆角的吧),不知道为什么如此。而且也有点问题,frame和window颜色还是有点不一致,颜色稍微浅一点。baseCls配置项没有使用?这个不需要吗? to:yourgame 好像明白你的意思,就是把表单弄成白色,如何弄。

easyUi treeGrid 合并单元格

easyUi treeGrid 合并子数据项单元格 有没有大神做过、求指点。。

Ext 为树节点添加按钮

我要实现的效果是在树节点的后面添加两个按钮,一个是删除,一个是添加按钮。

Ext.net Mvc4 布局显示树

下面是代码 @( Html.X() .Window() .Width(500) .Height(500) .Title("布局") .Layout("BorderLayout") .Items( Html.X().Panel().Title("上").Height(100).Region(Region.North).Border(true), Html.X().Panel( 这个是上面这个panel报的错 错误 1 与“Ext.Net.BuilderFactory.Panel(Ext.Net.Panel.Config)”最匹配的重载方法具有一些无效参数 Html.X() .TreePanel() .Title("Tree") .Width(300) .Height(300) .Border(false) .Root(Html.X().Node().NodeID("1").Text("文具")) .Listeners(l => l.BeforeLoad.Fn = "nodeLoad") .Listeners(l => l.ItemClick.Fn = "ViewData") 这个是上面这个.Listeners报的错 错误 2 参数 1: 无法从“Ext.Net.TreePanel.Builder”转换为“Ext.Net.Panel.Config” ).Title("左").Width(150).Region(Region.West).Border(true), Html.X().Panel().Title("右").Width(150).Border(true).Region(Region.East) ) )

求js中treegrid的查询方法

一个页面用的treegrid显示,显示的根节点和子节点,但是查找的时候只能查到根节点那里,求一个办法可以让我实现能够查到子节点,最好有一个代码模板,谢谢了

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

如何在在EQSYUI TREEGRID加载数据时,获取行数据的ID等,将该获取的数据当作参数 传给行按钮 看我的界面: ![图片说明](https://img-ask.csdn.net/upload/201505/19/1431998456_268654.jpg) 图片中每一行增加了一个按钮,需要在加载数据时,将该行的ID和其它的数据获取并绑定给铵钮的事件,这个不知道怎么操作? 另外TREEGRID如何设置数据加载后只展开第一级?

easyui treegrid 数据能显示但不能操作

easyui treegrid 原来可以双击修改操作,右键菜单操作;现在任何操作无法执行,在treegrid上单击会报错(单击双击错误类似):![图片说明](https://img-ask.csdn.net/upload/201609/11/1473571315_528013.png); 功能: ![图片说明](https://img-ask.csdn.net/upload/201609/11/1473571258_998345.png) 出了这个功能还有另一个界面也是使用的treegrid的编辑功能;出现了同样问题;大前天之前这些都是能用的; 很急啊,忘大侠们不吝指教给小弟指条明路!

easyui treegrid页码不刷新,请教大神

easyui treegrid页面初始化页码显示正常(有记录时:显示1到1,共1记录) ![图片说明](https://img-ask.csdn.net/upload/201801/07/1515309868_889400.jpg) 点击查询操作无论是reload还是重新初始化页码都不会改变(无记录时:显示1到1,共1记录),请教大神如何解决 ![图片说明](https://img-ask.csdn.net/upload/201801/07/1515309947_290623.jpg)

jquery easyyui treegrid 分层加载数据后,子节点的数据无法选中

jquery easyyui treegrid 分层加载数据后,子节点的数据无法选中并且不能触发onclickcell事件。 本人用 easyyui 不长时间,在网上也没有找到合适的答案,请高手解释一下,非常感谢。 详细如下图: ![CSDN移动问答][1] [1]: http://file:///C:/Users/guochen/Desktop/QQ%E6%88%AA%E5%9B%BE20140711103353.png 后台js报错为 Uncaught TypeError: Cannot read property 'STATUS' of null jquery.easyui.min.js:7872 (anonymous function)jquery.easyui.min.js:7872 (anonymous function)jquery.easyui.min.js:10049 x.event.dispatchjquery.min.js:5 y.handle 请高手帮忙解决一下,非常感谢! 点击 维保客户下面的子节点,不能选中该节点,并且不能触发这个节点上的onclickcell事件。

jquery easyui treegrid reload ie不重新加载数据

用jquery easyui treegrid 写了一个简单的tree结构,但是用treegrid('reload');重新加载数据时,在IE浏览器下,不行,但是在其他的浏览器(火狐,谷歌,opera)下,就可以重新加载。 下面是页面的代码: <html> <table id="tg" class="easyui-treegrid" title="" data-options=" width:482, height:447, top:-30, iconCls: 'tree-folder', rownumbers: true, animate: true, collapsible: true, fitColumns: true, url: '../ajax?sid='+threadSID+'&cmd=PCPM_GET_CBS', method: 'get', idField: 'id', treeField: 'no', onDblClickRow:function(){modify();}, onClickRow:function(){save();}, toolbar:[{ text:'新建', iconCls:'icon-add', handler:function(){append();} },'-',{ text:'删除', iconCls:'icon-remove', handler:function(){remove();} },'-',{ text:'保存', iconCls:'icon-save', handler:function(){save();} },'-',{ text:'取消', iconCls:'icon-undo', handler:function(){cancel();} }] "> <thead> <tr> <th data-options="field:'no',width:200,align:'left',editor:'text'">no</th> <th data-options="field:'name',width:200,align:'left',editor:'text'">name</th> </tr> </thead> <table> <html> 将 data-options 里面的 method 又“get"改为”post“,就可以了,IE下也没有问题,请问这个具体原理是什么? strong text

jQuery EasyUI 中的treegrid实现子项和父项内容字段类型不同

各位大神,如何用easyui中的treegrid来实现datagrid中点击展开,然后显示。显示的父项的字段类型和子项的数据类型不一样,如图所示: ![](https://img-ask.csdn.net/upload/201506/02/1433228657_14756.png) datagrid有个onexpendrow时间可以实现,但是treegrid是属于懒加载,一次性加载完毕,就是怎么让下面的那一行,显示的跟上面的那一行不一样,这个用treegrid怎么实现

easyui的treegrid如何获取新增的行的值

如题,我新增行在结束编辑后,在onAfterEdit事件中用getchange的inserted来获取新增的行的值,但 获取不了 。用getchange的updated却能够获取新增行的值,很是困惑,代码如下,希望各位大师不吝赐教,谢谢! 新增是用insert ``` $('#menu').treegrid('insert',{ after : rows[0].id, data : { id : childid, } }); ``` onAfterEdit函数 ``` //新增及修改数据事件 onAfterEdit : function(rowData,changes){ //点击后隐藏保存、取消编辑按钮 $('#save,#redo').hide(); //点击后又可以创建新的一行 obj.editRow = undefined; //获取插入时改变的行的值 var inserted = $('#menu').treegrid('getChanges','inserted'); //获取修改时改变的行的值 var updated = $('#menu').treegrid('getChanges','updated'); console.log(updated); console.log(inserted); ``` 我是新增,但每次输出都是updated有值,而inserted没值!

easyui treegrid 展开、折叠,一个按钮怎么实现

easyui treegrid 展开、折叠,一个按钮怎么实现

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

![图片说明](https://img-ask.csdn.net/upload/201512/08/1449572459_273554.png) 父节点变成了文件夹的图标 但是新增的节点没有出来 ``` if (editingId != undefined){ $('#tg').treegrid('select', editingId); return; } var rows = $('#tg').treegrid('getChildren'); editingId = 40; var row = null; var _data = {"id":editingId,"code":"","orgname":"","price":""}; var _parentId = 0; var row = $('#tg').treegrid('getSelected'); if (row){ $('#tg').treegrid('expand',row.id); _parentId = row.id; }else{ var root = $('#tg').treegrid('getRoot'); _parentId = null; } $('#tg').treegrid('append',{ parent: _parentId, data: [_data] }); ```

easyui的treegrid怎么全选

![图片说明](https://img-ask.csdn.net/upload/201604/06/1459907467_859681.jpg)

VUE 使用easyui中treegrid使用多行表头,表头与数据内容错位?

使用easyui VUE版本的TreeGrid显示多层表头时,如果在一个,双行的列之后加一个跨行的列,会出现数据错位的情况。如下图所示: ![图片说明](https://img-ask.csdn.net/upload/201903/11/1552272424_271646.jpg) 但是如果把跨行的列放在前面,数据显示正常。如下图所示: ![图片说明](https://img-ask.csdn.net/upload/201903/11/1552272454_3721.jpg) 但是现在项目要求不能更改显示的顺序。 使用easyui提供的demo,修改表头之后也会出现这样的情况。 ![图片说明](https://img-ask.csdn.net/upload/201903/11/1552274110_161561.jpg) demo代码如下: ``` <template> <div> <h2>Column Group</h2> <TreeGrid style="height:250px" :data="data" idField="id" treeField="region"> <GridColumnGroup> <GridHeaderRow> <GridColumn field="region" title="Region" rowspan="2" width="25%"></GridColumn> <GridColumn title="2017" colspan="3" align="center"></GridColumn> <GridColumn field="f5" title="f5" rowspan="2" ></GridColumn> </GridHeaderRow> <GridHeaderRow> <GridColumn field="f1" title="f1" ></GridColumn> <GridColumn field="f2" title="f2" ></GridColumn> <GridColumn field="f3" title="f3" ></GridColumn> </GridHeaderRow> </GridColumnGroup> </TreeGrid> </div> </template> <script> export default { data() { return { data: this.getData() }; }, methods: { getData() { return [ { id: 1, region: 'Wyoming', children: [ { id: 11, region: 'Albin', f1: 'f1', f2: 'f2', f3: 'f3', f5: 'f5' }] }, { id: 2, region: 'Washington', children: [ { id: 21, region: 'Bellingham', f1: 'f1', f2: 'f2', f3: 'f3', f5: 'f5' } ] } ] } } } </script> ```

easyui treeGrid 加载时折叠子节点

``` <table id="unit_list_grid" class="easyui-treegrid" data-options=" rownumbers:true, url:'${pageContext.request.contextPath }/sysUnit/showList.do', idField : 'id', treeField : 'name', fit:true, parentField : 'parentId', fitColumns : true, animate:true, state:'closed', onClickRow:function(row) {UnitList.onClikNode(row)}, onLoadSuccess:function(row, data){UnitList.onLoadSuccess(row, data)}, onContextMenu: function(e,node){UnitList.showRight(e,node);}"> <thead> <tr> <th data-options="field:'id',hidden:true"></th> <th data-options="field:'name',width:180">单位名称</th> <th data-options="field:'coding',width:100">单位编号</th> <th data-options="field:'type',width:180">单位类型</th> <th data-options="field:'status',width:80, formatter: function(value,row,index){if (row.status==1){return '启用';} else {return '停用';}}">状态</th> </tr> </thead> </table> 这是表格,默认值显示第一级和第二级节点数据怎么实现?,网上查了一下,还是没搞明白 ```

YOLOv3目标检测实战:训练自己的数据集

YOLOv3目标检测实战:训练自己的数据集

150讲轻松搞定Python网络爬虫

150讲轻松搞定Python网络爬虫

实用主义学Python(小白也容易上手的Python实用案例)

实用主义学Python(小白也容易上手的Python实用案例)

我说我不会算法,阿里把我挂了。

不说了,字节跳动也反手把我挂了。

立方体线框模型透视投影 (计算机图形学实验)

计算机图形学实验 立方体线框模型透视投影 的可执行文件,亲测可运行,若需报告可以联系我,期待和各位交流

2019 AI开发者大会

2019 AI开发者大会

组成原理课程设计(实现机器数的真值还原等功能)

实现机器数的真值还原(定点小数)、定点小数的单符号位补码加减运算、定点小数的补码乘法运算和浮点数的加减运算。

C/C++跨平台研发从基础到高阶实战系列套餐

一 专题从基础的C语言核心到c++ 和stl完成基础强化; 二 再到数据结构,设计模式完成专业计算机技能强化; 三 通过跨平台网络编程,linux编程,qt界面编程,mfc编程,windows编程,c++与lua联合编程来完成应用强化 四 最后通过基于ffmpeg的音视频播放器,直播推流,屏幕录像,

MFC一站式终极全套课程包

该套餐共包含从C小白到C++到MFC的全部课程,整套学下来绝对成为一名C++大牛!!!

软件测试2小时入门

软件测试2小时入门

三个项目玩转深度学习(附1G源码)

三个项目玩转深度学习(附1G源码)

计算机图形学-球的光照模型课程设计

计算机图形学-球的光照模型,有代码完美运行,有课程设计书

Linux常用命令大全(非常全!!!)

Linux常用命令大全(非常全!!!) 最近都在和Linux打交道,感觉还不错。我觉得Linux相比windows比较麻烦的就是很多东西都要用命令来控制,当然,这也是很多人喜欢linux的原因,比较短小但却功能强大。我将我了解到的命令列举一下,仅供大家参考: 系统信息 arch 显示机器的处理器架构 uname -m 显示机器的处理器架构 uname -r 显示正在使用的内核版本 d...

因为看了这些书,我大二就拿了华为Offer

四年了,四年,你知道大学这四年我怎么过的么?

深度学习原理+项目实战+算法详解+主流框架(套餐)

深度学习系列课程从深度学习基础知识点开始讲解一步步进入神经网络的世界再到卷积和递归神经网络,详解各大经典网络架构。实战部分选择当下最火爆深度学习框架PyTorch与Tensorflow/Keras,全程实战演示框架核心使用与建模方法。项目实战部分选择计算机视觉与自然语言处理领域经典项目,从零开始详解算法原理,debug模式逐行代码解读。适合准备就业和转行的同学们加入学习! 建议按照下列课程顺序来进行学习 (1)掌握深度学习必备经典网络架构 (2)深度框架实战方法 (3)计算机视觉与自然语言处理项目实战。(按照课程排列顺序即可)

fakeLocation13.5.1.zip

fakeLocation13.5.1 虚拟定位 ios13.5.1的最新驱动下载,iPhone/iPad免越狱虚拟定位工具Location-cleaned驱动已更新

UnityLicence

UnityLicence

Python可以这样学(第一季:Python内功修炼)

Python可以这样学(第一季:Python内功修炼)

Python+OpenCV计算机视觉

Python+OpenCV计算机视觉

土豆浏览器

土豆浏览器可以用来看各种搞笑、电影、电视剧视频

【数据结构与算法综合实验】欢乐连连看(C++ & MFC)案例

这是武汉理工大学计算机学院数据结构与算法综合实验课程的第三次项目:欢乐连连看(C++ & MFC)迭代开发代码。运行环境:VS2017。已经实现功能:开始游戏、消子、判断胜负、提示、重排、计时、帮助。

php+mysql学生成绩管理系统

学生成绩管理系统,分三个模块:学生,教师和管理员。 管理员模块:负责学生、老师信息的增删改;发布课程信息的增删改,以便让学生选课;审核老师提交的学生成绩并且打印成绩存档;按照课号查询每个课号的学生成绩

多功能数字钟.zip

利用数字电子计数知识设计并制作的数字电子钟(含multisim仿真),该数字钟具有显示星期、24小时制时间、闹铃、整点报时、时间校准功能

推荐24个国外黄色网站欣赏

在中国清朝,明黄色的衣服只有皇子才有资格穿,慢慢的黄色在中国就成了高贵的颜色。在人们的色彩印象中,黄色也表现为暂停。所以当你的网页设计采用黄色的时候,会让人们在你的网页前停留。 黄色,就像橙色和红色,黄色也是一个暖色。它有大自然、阳光、春天的涵义,而且通常被认为是一个快乐和有希望的色彩。黄色是所有色相中最能发光的颜色,给人轻快,透明,辉煌,充满希望的色彩印象。 黄色是一个高可见的色...

u-boot-2015.07.tar.bz2

uboot-2015-07最新代码,喜欢的朋友请拿去

一学即懂的计算机视觉(第一季)

一学即懂的计算机视觉(第一季)

学生成绩管理系统(PHP + MYSQL)

做的是数据库课程设计,使用的php + MySQL,本来是黄金搭配也就没啥说的,推荐使用wamp服务器,里面有详细的使用说明,带有界面的啊!呵呵 不行的话,可以给我留言!

Windows版YOLOv4目标检测实战:训练自己的数据集

Windows版YOLOv4目标检测实战:训练自己的数据集

C++语言基础视频教程

C++语言基础视频教程

玩转Python-Python3基础入门

玩转Python-Python3基础入门

相关热词 c#怎么获得线程名 c# usb 采集器 c# sort() c#面对对象的三大特性 c# 打印 等比缩放 c#弹出右键菜单 c# 系统托盘图标 c# 键值对 键可以重复 c# 鼠标移上去提示 c#结构体定义
立即提问