问题标签 [aurelia-dialog]

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 投票
2 回答
2778 浏览

javascript - aurelia-dialog 模态的主体尺寸不正确

我一直在搞乱aurelia-dialog试图让模态动态填充一些信息。我有一些东西在工作,但模态显示的数据大小不正确。

欢迎.js

cmd-modal.html

cmd-modal.js

单击链接时,将显示如下模式:

带有文本溢出的模态图像

如图所示,模态框的主体大小不正确,并且一些文本溢出了侧面。我认为这是因为cmd-modal.html在插入转发器的数据之前正在渲染。

有谁知道我如何将模态调整为适合身体的正确尺寸或延迟模态显示直到cmd-modal.html被正确评估?

0 投票
1 回答
350 浏览

kendo-grid - 将 Aurelia Dialog 与 Aurelia Kendo Bridge 一起使用

如何在 Aurelia 对话框中实现 Kendo 网格?当我单击应用程序中的按钮时,会出现一个对话框,但是如何将我的数据传输到该对话框?

这是我的发货详细信息页面的一部分,单击剑道网格内的按钮时,对话框成功打开

库存对话框.html

库存对话.ts

0 投票
2 回答
334 浏览

aurelia - 您如何对使用 jasmine 在 aurelia-dialog 中调用诸如 ok() 之类的方法进行单元测试?

如何对调用 DialogController 的方法进行单元测试?我想测试this.controller.ok()被称为。

ReprocessLotDialog.js

myDialog.spec.js我已经尝试过了,但无法让它工作

测试失败TypeError: 'undefined' is not a function (evaluating 'this.controller.ok({ reprocessLot: this.model })')

据我了解,我将DialogController通过 DI 传递到DialogControllercontainer并将container.get(ReprocessLotDialog)DialogController 注入到ctor中。

我也试过 container.registerInstance(DialogController,{"dialogController":DialogController});,但这也不起作用。

非常感谢

0 投票
1 回答
484 浏览

aurelia - 如何将 aurelia-dialog 与 Aurelia 捆绑在一起?

我在我的网络应用程序中使用 aurelia-dialog 并且一切正常。
但是当我导出(glup export)这个应用程序时,加载时出现这个错误:

错误:XHR 错误(404 未找到)加载http://localhost/myApp/jspm_packages/npm/aurelia-dialog@0.5.10/resources/ai-dialog.html 加载http://localhost/myApp/jspm_packages/npm 时出错/aurelia-dialog@0.5.10/resources/ai-dialog.html!http://localhost/myApp/jspm_packages/github/systemjs/plugin-text@0.0.3.js 加载时出错http://localhost/myApp/ jspm_packages/npm/aurelia-dialog@0.5.10/resources/ai-dialog.html!template-registry-entry

我的 bundles.js 内容:

有任何想法吗?

0 投票
1 回答
572 浏览

javascript - 无法从视图模型中调用函数元素

当我单击按钮#btn1#btn2保存时,控制台会显示:

但是外部按钮#btn3工作正常。我也尝试$parent.save()过,#btn2但它不起作用。任何想法?

应用程序.html

创建-location.html

创建-location.js


更新 我尝试了法比奥的建议并且它有效

另一个问题:看看aurelia dialog,他们在元素testDelegate内部调用 view-model 的函数,<content>类似于我的情况。他们不使用view-model.ref. 我查看了源代码,但我不知道他们在哪里处理该调用。也许我错过了一些观点或者这里有约定。有谁知道他们是怎么做到的?

0 投票
2 回答
693 浏览

aurelia - 将 aurelia-dialog 与 bootstrap、语义或其他 ui 工具包一起使用

我正在使用语义 UI,它内置了自己的模态功能(请参见此处)。与其编写所有代码来利用 Aurelia 中的这个特定功能,有没有办法挂钩到 aurelia-dialog 插件的渲染管道,这样我就可以使用配置 aurelia-dialog 插件来使用语义 UI?

0 投票
1 回答
648 浏览

aurelia - aurelia-dialog TypeError: _aureliaPal.DOM.injectStyles is not a function

I've simply installed the aurelia-dialog plugin, version 1.0.0-beta.1.1.0, and registered it with aurelia, but I'm getting an error:

dialog-configuration.js:65 Uncaught (in promise) TypeError: _aureliaPal.DOM.injectStyles is not a function(…)

_apply @ dialog-configuration.js:65

configure @ aurelia-dialog.js:73

(anonymous function) @ aurelia-framework.js:272

0 投票
3 回答
444 浏览

aurelia-dialog - 发布版本和 CLI 的 aurelia-dialog 错误

我在使用新的 aurelai 版本时遇到了问题:

  • 我使用以下方法创建了一个新应用程序:au new myApp
  • 我通过 npm 安装了 aurelia-dialog
  • 当我导入 aurelia-dialog 并尝试使用

au run --watch

我收到 htis 错误:

[错误:ENOENT:没有这样的文件或目录,打开 'C:\src\ai-dialog.js']

任何的想法 ?

0 投票
1 回答
140 浏览

aurelia - Aurelia 对话框未获取视图 easy-webpack 骨架

不知何故,当我让框架自动加载对话框视图时,它说:

加载视图异常失败

但是,当使用inlineView它时,它会按预期工作。我怎样才能让它加载视图?

0 投票
1 回答
227 浏览

aurelia - Aurelia:在 URL 中显示对话框状态

我有一个显示帐户的简单 Aurelia 应用程序。默认视图是帐户列表。还有一个帐户详细信息视图。

我想在列表视图顶部的模式/对话框中打开详细信息视图。但是,我希望模式的存在显示为 URL 的一部分。

我发现使用 aurelia-dialog 插件来显示详细信息视图很容易,但无法弄清楚如何让对话框的存在显示在 URL 中。

另一种选择可能是丢弃 aurelia-dialog 并使用子路由器来显示详细信息视图,然后弄清楚如何将该显示和隐藏为模式。

而且,当然,另一种可能性是我还没有看到更好的方法。

有没有人看到或创造过这样的东西?