问题标签 [dijit.layout]
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.
dojo - Dojo AccordianContainer selectChild
为了获取用户单击的子(手风琴容器)的详细信息,我订阅了这个主题 - “-selectChild”。工作正常,但后来我想将所有内容窗格默认折叠在手风琴容器内,我在互联网上搜索,找不到它,但通过在手风琴容器上调用 selectChild(0) 进行了尝试。它有效,但是在添加此行(selectChild(0))后,当用户单击任何窗格时出现错误
我得到的错误:
未捕获的类型错误:无法读取未定义的属性“containerNode”
代码(不完整的代码)
javascript - 如何在 BorderContainer (dojo) 内动态调整 ContentPane 的大小
有人可以帮助我吗?我想实现放置在 BorderContainer 内的 ContentPane 的自动调整大小。这是一个简单的测试用例:http: //jsfiddle.net/3dft2/1/ 在这种情况下,我在 ContentPane 中有 TitlePane(但一般来说,它可能是里面的任何内容)。当我单击 TitlePane (它打开 => 内容高度更改)时,我想相应地自动调整 ContentPane 的大小。即我想移动分离器。如何归档这个?如果更改了此大小,如何查看内容大小(无论是哪种内容)并自动调整 ContentPane 的大小?
测试用例:
internet-explorer - 在 IE 浏览器中,dojo 小部件在缩放 IE 时未调整大小
我有以下 URL http://dojotoolkit.org/documentation/tutorials/1.6/dijit_layout/demo/appLayout.html我将给出边界布局,我在我的一个项目中实现了相同的边界布局。
在 IE 中,我遇到了缩放问题。
如果我在 IE 中更改缩放,部分内容会隐藏。这仅在 IE 中发生。它没有正确调整大小。
下图是 IE 中的 100% 缩放
下图为 125% 缩放
dojo - dijit LayoutContainer 的用途是什么
我在工作中看到了一些使用 layoutContainers 的 dojo 应用程序,但我没有找到太多使用上述 cotainers 的理由。dijit LayoutContainer 的用途是什么?它是否为小部件提供组织化和/或其他好处?谢谢
backbone.js - 没有非语义 HTML 的 Dojo / Dijit 布局
我是 dojo/dijit 的新手,来自 Backbone/Marionette 背景。
现在我正在使用 dijit 的布局系统,但我对让其移动所需的示例中的非语义 html 的数量感到有点震惊。例如,手风琴(来自http://dojotoolkit.org/reference-guide/1.9/dijit/layout/ContentPane.html):
有没有办法做到这一点而不必将所有这些都添加到 HTML 中?具体来说,我试图在 dijit 布局中找到“区域”的等价物,因此我可以包含一个布局模板并轻松地将视图放入和取出。
dijit.layout - 在销毁递归之前处理 dojo dijit
我有一个 Web 应用程序,它通过 ajax 将它的表单加载到 dijit.layout.ContentPane 中。每次用户从这个表单导航到另一个表单时,内容窗格都会使用 destroyRecursive() 销毁并加载另一个表单。
我试图处理一些“pre”-destroyRecursive 事件,但没有一个,所以我需要扩展内容窗格以允许在调用 destroyRecursive 之前执行 javascript 代码。我没有发布任何代码主要是因为我不知道如何做到这一点,这是我的问题。
谢谢
javascript - .placeAt() dojo/dijit 小部件的 onComplete 事件
我正在制作一个包含 tabContainer 的小部件,它需要在插入 DOM 并准备好后启动。
但是,我的班级实际上以您可以实例化自己的观点来回应。因此,我想要一个“onPlace”事件或某种“onComplete”事件,一旦它被放置,它就会启动tabContainer。
任何人都可以在这方面引导我走向任何好的方向吗?似乎找不到太多可以提供帮助的 dojo / dijit 文档!
javascript - 如何轻松禁用 dijit/layout/TabContainer 中的不可见字段?
我目前正在使用 TabContainer 来显示几组用于数据搜索的字段。喜欢:
问题是当我调用时form.validate()
,它不会验证,因为未选择的选项卡中有不正确的(空)字段。我认为(正如我之前在 ExtJS 中遇到过的那样)不可见的字段 - 即图形 隐藏(不像 in <input type="hidden">
) - 没有提交/验证。不是这种情况。
所以,我问你是否有一种简单的方法可以禁用其他选项卡中的所有字段。或者,也许您知道我应该如何只验证可见字段。
谢谢你。
javascript - 程序化 Dijit/树未出现在声明性 Dijit/ContentPane 中
谁能帮我弄清楚为什么这在 Dojo 1.8 中有效但在 1.9 中无效?
在 1.8 中,树被放置在“pilotTreeContainer”内容窗格中。在 1.9 中,如果您在 Firebug 中查看,树就在那里,但在视觉上,它只是显示一个加载图形。在包含此代码的小部件的模板文件中声明了 PilotTreeContainer。所有这些代码都在postCreate
方法中。
我试过在树和内容窗格上调用启动。
调试 dijit/Tree 代码,似乎有一个永远不会解决的延迟。当从 _load 函数调用时(尝试扩展根节点时this._expandNode(rn).then
),它从 _expandNode 函数返回。
在 dijit/Tree 中失败的部分是这样的:
为什么树不显示?出了什么问题?