问题标签 [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 回答
195 浏览

dojo - Dojo - ScrollingTabControllerMenuButton 在 Firefox 中冻结 TabContainer

我最近偶然发现了一个完全使用 dojo 制作的 Web 应用程序的问题。

我有一个 TabContainer 和一个带有按钮的工具栏,每个按钮在 TabContainer 中添加一个 Tab。这些新标签中的每一个都作为子标签以编程方式创建,具有以下一项或多项BorderContainers, ContePanes, Editors, FilteringSelects, Uploader and Buttons。我应该指出我没有 parseonLoad: true byt false 并且我在需要时手动调用了 parrs.parse。我应该指出,在内容属性的 ContentPanes 中,我还放置了声明性的过滤选择和验证文本以及上传器,我希望这不是问题。

除了 Firefox 12 中的一件事之外,即使在 IE9 中,所有浏览器中的一切都运行良好。当我创建许多新选项卡并创建 ScrollingTabController 时(标签条的左/右和下拉箭头),当我使用 ScrollingTabControllerMenuButton 时(位于最右边)TabContainer 行为错误并最终冻结。当我通过选项卡条的此菜单选择不同的选项卡时,Firebug 会显示奇怪的错误。我在这些选项卡中的按钮错误,奇怪的错误提到StackControllerScrollingTabController

[例如

按钮未定义

每次都不一样...

这种奇怪的行为只发生在 Firefox 中。IE9 和 Chrome 完全没有问题!

谁能知道可能是什么问题?这是一个已知的错误吗?每个选项卡中有很多小部件是否有问题?

0 投票
1 回答
2634 浏览

dojo - 如何更改 dijit.layout.AccordionContainer 中 dijit.layout.ContentPane 的高度

我想将我的 dojo 手风琴中所有内容窗格的高度设置为 AUTO。但它目前正在采用 def 高度或我为手风琴设置的高度。有谁知道如何在 dijit.layout.accordionpane 中将内容窗格的高度设置为动态或自动。

这是我的示例代码。

请指教。

谢谢,维维克

0 投票
2 回答
2628 浏览

javascript - Dojo BorderContainer 布局

目前我有一个borderContainer布局,如下所示:

在此处输入图像描述

我的这个布局的代码是:

我想要一个如下所示的布局(2 列,右列有 3 行): 在此处输入图像描述

0 投票
1 回答
341 浏览

javascript - 无法将 div 内容动态复制到 dojo contentpane

我正在尝试使用 javascript 动态创建内容窗格,并且我想将另一个 div 的内容复制到此内容窗格中。

我曾经.innerHTML复制内容,但它没有复制整个 div 内容。它就像屏幕截图一样复制。Javascript 功能和菜单无法正常工作。请帮忙。

0 投票
1 回答
343 浏览

dojo - 重载 Dojo 中的 _transition 方法

我要疯了。我要做的就是从 StackContainer 继承并添加一个简单的效果。请注意:我知道有一些过于复杂的实验性小部件可以进行转换。但是,他们的代码完全是矫枉过正。我所追求的是堆栈容器进行转换的最简单的工作方式。

这是一个非工作示例:

我如何将这个不工作的例子变成一个工作的例子?再一次,我追求一些非常简单、简单、几行代码来改变 _transition 的东西,就是这样!

0 投票
1 回答
788 浏览

javascript - dijit.layout.StackContainer 大小为第一个孩子

我是 dojo 的新手,但不是 JavaScript 的新手。

我正在测试功能并尝试构建一个基本的 dijit.layout.StackContainer(以声明方式和编程方式)。我所拥有的是我的堆栈容器的大小是根据第一个子元素的大小来确定的。我想要的是根据我放置它的元素的大小来调整它的大小。我怎样才能做到这一点?我查看了参考指南、API 文档等,但似乎没有任何帮助。:(

提前致谢

我能够让它工作的唯一方法是,如果我在希望附加我的 StackContainer 的元素上定义 height 属性,然后在声明 StackContainer 的 style 属性时手动查找 height 属性。像这样...

这行得通,但由于缺乏使用道场的经验,我感觉就像是一个黑客。有没有人有任何想法或建议?

0 投票
2 回答
822 浏览

cross-browser - Dojo 的嵌套 BorderContainer 在 IE 中消失

我对 IE 7/8/9 有这个可怕的问题。

Dojo toolkit 1.8.0我使用and编写了一个应用程序Play! framework。它在除 IE 之外的所有浏览器中都能正常工作。它的“开发人员工具”没有错误,firebug 也是如此。有问题的代码部分在这里:

结果,在除 IE 之外的所有浏览器中都是这样的: 好办法

但在 IE 中显示如下: 不好的方式

谁能解释为什么会有这样的差异?一开始我以为在 IE 中内容是隐藏的,所以我设置了overflow: auto,但是页面加载后没有出现滚动条。

0 投票
1 回答
1541 浏览

dojo - Dijit Layout:如何内联显示 ContentPanes?

在下面的 HTML 中,我想在顶部区域中并排显示两个 ContentPanes。在普通的 HTML 中,这可以使用 spans 或 display: inline 来完成。如何在 Dijit 中实现这一点?

0 投票
0 回答
232 浏览

javascript - 在 Dojo 1.8 中实现以编程方式创建的接口

如果我希望使用 Dojo 1.8 dijits、面板等来实现一个有凝聚力的单一界面概念,以包含在页面或其他 RIA 接口中,那么构建实现的最佳方式是什么?

让我们以一个简单的登录框为例。这将是一个包含两个文本框和一个按钮的面板。我不会使用声明性标记来创建布局,所以没有模板。

到目前为止,我采用的潜在方法是:

  • 扩展我希望使用的面板类型,然后参与 dijit 生命周期以确保它填充了控件。
  • 扩展 Form 类并与最后一点类似。
  • 创建一个简单的对象,它只是将所有东西放在一起并接受一个 DOM 节点来爆炸。
  • ???- 我不确定还有其他选择。

问题:

  • 事件处理程序将去哪里以及如何处理?
  • 当我在页面上以及可能在其他 RIA 接口中使用封装的接口时,我将使它必须尽可能“dojo-ey”什么样的构造函数。

免责声明:虽然我认识到 Dojo 试图不影响这些类型的决策,但我觉得在它自己的 API 中,有一些关于如何最好地利用小部件生命周期和类库的意义或机会。从而确保我的创作与其他 Dojo 小部件一样兼容。

0 投票
2 回答
6411 浏览

dojo - 在 BorderContainer 中调整 Dgrid 大小

我在启用了“liveSplitters”的 BorderContainer 中有一个 dgrid(使用 Dojo 1.8)。dgrid 很好地出现,但是当我在左列和“前导”列(dgrid 位于其中)之间移动拆分器时,dgrid 无法正确调整大小。但是,如果我稍微调整窗口大小,则 dgrid 会重新调整为适当的大小(即填充 BorderContainer 的“前导”窗格的 100%)。

我在 CSS 中将 dgrid 设置为 100% 宽度。有什么方法我需要告诉 dgrid 在拆分器移动后刷新它的大小?