问题标签 [bootjack]

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 回答
83 浏览

dart - 在子 Polymer 元素中使用 Bootjack CSS

我开始使用 Bootjack,但如果我将 CSS 文件导入到我的index.html. 如果我在每个组件中导入 CSS,它确实有效(它会打印出我多次使用 CSS 文件的警告)。有没有办法可以使用我的 CSS 文件index.html

0 投票
1 回答
500 浏览

dart - Bootjack - 纯聚合物飞镖实现

我已经使用 Bootjack 有一段时间了,它很棒。我喜欢它如何使我能够使用我当前最喜欢的编程语言 Dart 创建我熟悉的 Bootstrap 风格的应用程序!

但是,随着最近出现的所有 Material Design 和 Polymer 更新,不应该有某种纯 Polymer 版本的 Bootjack,因此我们可以使用 Polymer Dart 实现 Bootstrap 元素吗?

我想不以编程方式连接 Bootjack 很酷的 Bootstrap 元素,而是使用 Polymer 元素。

也许我们可以为此创建一个 Github 存储库?

0 投票
1 回答
186 浏览

twitter-bootstrap - 在 bootjack 中使用引导导航栏

我正在使用 twitter bootstrap 的 CSS 创建一个标准的引导导航栏,然后调用Dropdown.use();它使导航栏自动工作。

带有 bootjack 下拉菜单的引导导航栏

当我重新调整页面大小或在移动设备上查看它时,导航栏会显示这个菜单按钮,当你点击它时它什么也不做。

移动模式下的引导导航栏

我将如何将此菜单按钮与 dquery / bootjack 连接以显示菜单,如本例所示:

引导响应式导航栏示例

(PS,喜欢bootjack,感谢所有参与其中的人!!!)

澄清一下,我不想包含 jquery 和 bootstrap js 来使其工作,我的整个 dart 应用程序包括 400 多个文件(图像、html、dart、less 等)低于 400kB,添加这些 js 库会使应用程序爆炸在尺寸方面。我只是在寻找引导程序用来使该菜单按钮工作的机制,以便我可以在 dart / dquery / bootjack 中重写它,或者如果已经有一个可以做到这一点的引导杰克机制,如何使用它。

更新,一些代码要求:

pubspec.yaml:

索引.html:

main.less:

主要飞镖:

0 投票
0 回答
26 浏览

html - Dart - 删除不允许的属性 - 杀死我的下拉按钮

知道这是什么吗?

在此处输入图像描述

将 Dart 升级到 1.11.1 后,我在通过 Dart 加载 HTML 时得到了这些

当我将这个拆分按钮放在我的 index.html 上时,它可以 100% 工作,如果它位于我用上述代码加载的 html 文件中,它就可以工作。

现在似乎某些属性被删除了,我需要这些属性才能使我的引导元素工作。

关于如何解决这个问题的任何想法?

更新:感谢 Gunter,确实是消毒剂杀死了我的标签。这为我修复了它:

0 投票
1 回答
74 浏览

modal-dialog - Bootjack Modal 生成异常:“TransitionEvent”类没有实例获取器“relatedTarget”

我使用 Rikulo/Bootjack 在模态窗口中输入参数,但 dquery 在 DartEditor-1.10.1(Win7 和 Linux)中生成多个异常“Class 'TransitionEvent' has no instance getter 'relatedTarget'”,首选项:运行和调试:打破例外:所有。问题是什么?这是示例代码:

索引.html:

主要飞镖:

该问题在 rikulo/bootjack GitHub 的 bootjack example/modal 中重现,我打开了相应的问题请求:https ://github.com/rikulo/bootjack/issues/25

0 投票
1 回答
113 浏览

calendar - Dart TreeSanitzer:没有在类“NodeTreeSanitizer”中声明的静态 getter 'trusted'

我正在使用 Bootjack Datepicker,在将 Dart 升级到 1.12.1 后,我突然看到只有半个日历没有日期,并且有这个例外:

例外:在类“NodeTreeSanitizer”中没有声明静态 getter 'trusted'。NoSuchMethodError:找不到方法:“受信任”接收者:类型:类“NodeTreeSanitizer”

这是连接日历所需的唯一代码行:

如果需要手动连线日历,可以手动调用:

他们俩都给了我例外calendar.dart

似乎正在破坏的代码是:

查看 appendHtml,我可以看到treeSanitizer是一个可选参数,因此语法看起来不错。在 abstract classNodeTreeSanitizer中,我可以看到: static const trusted = const _TrustedHtmlTreeSanitizer();,所以这似乎也很好。

知道什么可能导致此错误吗?

与此同时,我在这里记录了一个错误:https ://github.com/rikulo/bootjack-datepicker/issues/2

0 投票
1 回答
105 浏览

angular - 通过 Angular2 Dart 访问 dom

我正在尝试访问 Angular2 Dart 项目中的 DOM,因为我使用的 GUI 库与 Angular2 不兼容。

当从按钮单击事件调用时,以下代码 100% 工作:

我现在想访问同一个 DOM,但将其打包在一个组件中:

在 angular2 组件内部,print(this._el.nativeElement);打印出select-carrier. 如果我这样做this._el.nativeElement.querySelector,结果就是null不管我在那里放什么。如果我打电话this._el.nativeElement.children,我会得到一个空列表。

奇怪的是,new Modal(querySelector("div.select-carrier-modal")).show();当通过另一个组件单击按钮调用时,调用仍然有效,但我无法从组件内部使其工作。

简单打印出来

知道如何从组件内部访问 DOM 以便可以连接 Modal 吗?