问题标签 [treepanel]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
extjs - extjs 4 从树形面板中删除节点在自定义拖放中给出错误
我正在使用树面板设置自定义拖放实现,我希望所有节点都附加到我在根目录下创建的节点。我试图以某种方式将一个节点从一个树面板拖到另一个节点。我可以将物品移过来,但是从另一侧取出时遇到了麻烦。
这是我的代码,这是在我的树形面板中:
这设法从第一个树形面板中删除了该项目,但立即给出了以下错误:
button - 将按钮添加到 sencha Ext.tree.Panel
情况:
我的视图有一个tabpanel
带有 2 个容器的treePanel
. 中的某些行treePanel
必须包含按钮。
要将按钮添加到treeGrid
我使用的render()
:
例子:
问题:
将一行添加到非活动状态(未显示)treePanel
会产生一个高度为 0px 的按钮。
截图:http: //img23.imageshack.us/img23/3492/sencha.png
当前解决方法:
目前我正在使用 css 来修复它:
有没有人解决这个问题。
我认为这是一个错误!
javascript - ExtJS 4.1 控制器处理树节点点击事件
遇到问题,不确定如何进行调试。发现一个看起来几乎和我一模一样的问题,但是解决方案不起作用:如何从 ExtJs 4 中的 (MVC) 控制器捕获树节点点击?
我在该问题和我的问题之间看到的唯一区别是,我的树是直接在我的布局中作为项目对象创建的,使用xtype
的treepanel
是单独创建的项目对象。
这是我的控制器:
这是我认为的相关项目:
该按钮的控件app toolbar > button[itemId=filter]
有效,但是将相同的操作分配给“menuTree”不起作用。浏览器控制台带回了一个有效的对象,Ext.getCmp('menuTree')
所以我不知道为什么控制器似乎没有在树上起作用。
树是从商店加载的,这让我想知道这是否与需要使用.on('click')
而不是.click()
在 jQuery 中使用的场景类似......几乎就像控制器没有看到树(但在同一个视图中看到按钮?)。我故意直接在树上注释掉了处理程序(这确实有效)。
如果有帮助,可以提供所有文件。
extjs - ExtJs - TreePanel 的扩展路径不起作用
我的 Treepanel 有 id 'treePanel' 并且工作得很好。
示例路径:
expandAll()
使用树面板扩展所有内容但expandPath()
不起作用。
现在,在某些事件之后,我想在我的树中扩展一条路径。但是我做不到。
到目前为止,我已经尝试过:
没有错误消息,但树中也没有变化。
该怎么办?
编辑
oTreePanel.selModel.getSelection()[0].getPath()
是/root/
。
我尝试了什么:
path:
/root
=>success
istrue
andnode
说node.data.id=""
andnode.data.path=""
path:
/root/
=>success
istrue
andnode
表示node.data.id=""
andnode.data.path="/report_with_variables"
(树中的第一个节点) andnode.data.parentId= "root"
path:
/root/subfolder3
to the path :success
isfalse
andnode
saynode.data.id=""
andnode.data.path=""
isnode.getPath()
/root
我对树的 Json 响应如下所示:
extjs - 如何应用自定义 CSS 将行选择到树网格面板到 Ext JS 4.1
我是 ext js 的新手,我使用 Ext js 4.1 创建treeGrid
面板,我们也为 ech 列使用不同的渲染函数。那么如何将 CSS 应用到 Selected Row 中Treepanel
呢?
extjs - Extjs 4.0.7 如何重新渲染树形面板以查看更改
我正在创建一个带有两个框的项目选择器,它们在 extjs 应用程序中来回移动事物。在右侧框中,我正在创建用于上下移动项目的按钮。本质上,我正在将项目与它上方或下方的项目交换。所以,我的代码在这方面是直截了当的
所有这些代码似乎都可以正常工作,因为单击我的按钮并在 firebug 中检查 DOM 后,我可以看到所选节点已正确移动到数组中,但是,这种效果从未显示在我的树形面板中。???当它的元素发生变化时,如何使树形面板更新。???
TreePanel 层次结构看起来像这样只是为了澄清
根节点“选择的文件夹节点”我在“文件夹”中上下移动的项目数组
我正在使用版本 4.0.7
尝试使用 replaceChild() 触发事件以重新渲染的行为不像我预期的那样
改变:
至:
导致一些节点丢失的奇怪行为。当然不是我想要的。我在哪里错了?
使用 datachanged 和(未记录的)刷新事件尝试了以下代码:
这不会重新加载任何东西......
解决方案:
使用 nodeInterface 的 insertChild 方法......
我注意到 insertChild 的工作方式有些奇怪,因为我需要更多地基于向上或向下移动来更改我的索引,这将在下面的代码中进行解释。
向上移动:
向下移动:
尽管 -1 与 +2 他们都有效地将项目向适当的方向移动了一个。
extjs4 - 重命名和插入错误 TreeStore ExtJS 4.1.1
晚上好,伙计们,
当我更新该方法时,它不会保存所有模型项,如“tipoNo”和“pai”。有人知道我能做什么吗?
请求有效载荷
这是请求中发送的信息。
模型:
我的模型中的字段。
代理
代理服务器上的必要信息。
控制器方法
extjs4.1 - 具有特定 TreeStore 的 TreePanel
我有以下问题:
我正在用人的数据构建一个 TreePanel,但我不知道如何在不定义的情况下定义它的模型:叶子、cls 和文本属性。我不希望“名称”成为每个节点的节点文本。
我的模型定义如下:
我的 TreeStore(目前使用静态数据,但它将从 ajax 调用加载到服务器,该服务器将返回服务器人员模型列表)。显然我不想在我的服务器模型中定义叶子、文本和 cls 属性:
我的 TreePanel 定义如下:
任何人都可以帮助我找到正确的方法吗?
非常感谢,
胡安
extjs - 未显示 rootVisible = true 的树形面板
我的树在使用时正确显示rootVisible: false
。但是将其设置true
为不会导致树显示并且不会出现错误。
/
我的目标是显示一个我可以定义为或的根节点Root
。如何做到这一点?
我的解决方案:
放入并将其添加rootVisible
到true
我的树店:
grid - 将 extjs 4.0.7 迁移到 4.1.1 的问题
我在尝试从 extjs 4.0.7 切换到 4.1.1 时遇到了一些问题。
第一个问题如下:
我有两个在列布局中的树形面板。一个紧挨着另一个。我的应用程序将一堆节点加载到左侧面板中,然后您可以选择将其中一些节点移动到另一个面板中。但是,带有所有节点的面板没有显示滚动条,因此我突然看不到大约 1/3 的节点。我在 4.0.7 中遇到了一个半相似的问题,如果面板已满,我无法看到最后一个节点移动,直到我移动另一个节点。我用以下几行修复了这个问题:
这些行在 4.1.1 中已弃用,问题似乎变得更糟。有没有人有类似的问题,我如何让我的滚动条回来。
与我的 UI 相关的第二个主要问题:
我在其他地方有两个彼此相邻的网格,其布局类似于树形面板。我已经在两个网格之间设置了拖放。同样,所有节点都从左侧网格开始,可以选择将一些节点拖到右侧网格中。但是,右侧网格现在没有以全尺寸显示,它默认为条子。因此,如果您知道将节点拖到那个小条子上,那么 DD 功能仍然存在。之后,sliver 膨胀到足以容纳单个节点,依此类推。那么,我如何让它恢复到默认的全尺寸。为什么 extjs 4.1.1 会导致这些问题?我必须在任何代码中增加手指,但如果绝对必要的话可以。但是,如果有人根据我的描述熟悉此类问题,那就太好了。
编辑:另外,我在网格的最右边一列有一个组合框。当我单击以更改其中一个组合框时,会弹出一个迷你滚动条,以阻止下拉按钮。他们对这个版本做了什么?
这是布局定义,我遇到的第一个问题是滚动条在需要时没有显示在面板上:
编辑:在左侧面板上,如果我将高度设置为设定值,并且自动滚动为真,我有一个滚动条。如果我将高度设置为“100%”并且自动滚动为真,则没有滚动条。所以一个解决方案可能是找出如何让面板适合父级的高度,同时保持滚动条