问题标签 [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.

0 投票
1 回答
295 浏览

dojo - Dojo AccordianContainer selectChild

为了获取用户单击的子(手风琴容器)的详细信息,我订阅了这个主题 - “-selectChild”。工作正常,但后来我想将所有内容窗格默认折叠在手风琴容器内,我在互联网上搜索,找不到它,但通过在手风琴容器上调用 selectChild(0) 进行了尝试。它有效,但是在添加此行(selectChild(0))后,当用户单击任何窗格时出现错误

我得到的错误:

未捕获的类型错误:无法读取未定义的属性“containerNode”

代码(不完整的代码)

0 投票
2 回答
84 浏览

javascript - 结合 diji/layout 了解 dojo 的需求

我试图结合 dijit 布局来理解 dojo。更具体地说:我需要在 JS 中使用布局小部件还是使用 html 数据属性就足够了?

我已经阅读了Layout 文档,看来您需要 3 件事:

  • JavaScript:需要您要使用的布局小部件
  • HTML 标记
  • CSS

但我不清楚为什么我需要JavaScript中的布局小部件:

本例中说明了这一点。

我创建了一个演示 ,不需要“dijit/layout/BorderContainer”和“dijit/layout/ContentPane”,而且效果很好。

将这些排除在require语句之外是否安全?

0 投票
1 回答
3688 浏览

javascript - 如何在 BorderContainer (dojo) 内动态调整 ContentPane 的大小

有人可以帮助我吗?我想实现放置在 BorderContainer 内的 ContentPane 的自动调整大小。这是一个简单的测试用例:http: //jsfiddle.net/3dft2/1/ 在这种情况下,我在 ContentPane 中有 TitlePane(但一般来说,它可能是里面的任何内容)。当我单击 TitlePane (它打开 => 内容高度更改)时,我想相应地自动调整 ContentPane 的大小。即我想移动分离器。如何归档这个?如果更改了此大小,如何查看内容大小(无论是哪种内容)并自动调整 ContentPane 的大小?

测试用例:

0 投票
0 回答
85 浏览

internet-explorer - 在 IE 浏览器中,dojo 小部件在缩放 IE 时未调整大小

我有以下 URL http://dojotoolkit.org/documentation/tutorials/1.6/dijit_layout/demo/appLayout.html我将给出边界布局,我在我的一个项目中实现了相同的边界布局。

在 IE 中,我遇到了缩放问题。

如果我在 IE 中更改缩放,部分内容会隐藏。这仅在 IE 中发生。它没有正确调整大小。

下图是 IE 中的 100% 缩放 在此处输入图像描述

下图为 125% 缩放

在此处输入图像描述

0 投票
1 回答
570 浏览

dojo - dijit LayoutContainer 的用途是什么

我在工作中看到了一些使用 layoutContainers 的 dojo 应用程序,但我没有找到太多使用上述 cotainers 的理由。dijit LayoutContainer 的用途是什么?它是否为小部件提供组织化和/或其他好处?谢谢

0 投票
1 回答
86 浏览

backbone.js - 没有非语义 HTML 的 Dojo / Dijit 布局

我是 dojo/dijit 的新手,来自 Backbone/Marionette 背景。

现在我正在使用 dijit 的布局系统,但我对让其移动所需的示例中的非语义 html 的数量感到有点震惊。例如,手风琴(来自http://dojotoolkit.org/reference-guide/1.9/dijit/layout/ContentPane.html):

有没有办法做到这一点而不必将所有这些都添加到 HTML 中?具体来说,我试图在 dijit 布局中找到“区域”的等价物,因此我可以包含一个布局模板并轻松地将视图放入和取出。

0 投票
0 回答
81 浏览

dijit.layout - 在销毁递归之前处理 dojo dijit

我有一个 Web 应用程序,它通过 ajax 将它的表单加载到 dijit.layout.ContentPane 中。每次用户从这个表单导航到另一个表单时,内容窗格都会使用 destroyRecursive() 销毁并加载另一个表单。
我试图处理一些“pre”-destroyRecursive 事件,但没有一个,所以我需要扩展内容窗格以允许在调用 destroyRecursive 之前执行 javascript 代码。我没有发布任何代码主要是因为我不知道如何做到这一点,这是我的问题。

谢谢

0 投票
1 回答
440 浏览

javascript - .placeAt() dojo/dijit 小部件的 onComplete 事件

我正在制作一个包含 tabContainer 的小部件,它需要在插入 DOM 并准备好后启动。

但是,我的班级实际上以您可以实例化自己的观点来回应。因此,我想要一个“onPlace”事件或某种“onComplete”事件,一旦它被放置,它就会启动tabContainer。

任何人都可以在这方面引导我走向任何好的方向吗?似乎找不到太多可以提供帮助的 dojo / dijit 文档!

0 投票
1 回答
423 浏览

javascript - 如何轻松禁用 dijit/layout/TabContainer 中的不可见字段?

我目前正在使用 TabContainer 来显示几组用于数据搜索的字段。喜欢:

问题是当我调用时form.validate(),它不会验证,因为未选择的选项卡中有不正确的(空)字段。我认为(正如我之前在 ExtJS 中遇到过的那样)不可见的字段 - 即图形 隐藏(不像 in <input type="hidden">) - 没有提交/验证。不是这种情况。

所以,我问你是否有一种简单的方法可以禁用其他选项卡中的所有字段。或者,也许您知道我应该如何只验证可见字段。

谢谢你。

0 投票
1 回答
418 浏览

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 中失败的部分是这样的:

为什么树不显示?出了什么问题?