问题标签 [smartadmin]

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

angular5 - DataTables 编辑器 - 向 SmartAdmin Angular 5 应用程序添加软删除

我正在使用 SmartAdmin 1.9.1,它是一个 Angular 5 框架。SA 提供了一个 DataTables 插件,我想用 DataTables 的编辑器对其进行扩展,这样我就可以对行进行软删除。DataTables 是 v1.10.18,编辑器是 v1.8.1。

没有软删除的 DataTables 在我的应用程序中运行良好。我什至可以使用行选择复选框来扩展它。查看 Editor Soft Delete 示例,我抓取了 Delete 块的代码,并将其添加到我的 a5 component.html 中,如下所示:

软删除示例基于使用 jQuery,我想避免使用 jQuery,因为我更愿意保留我的所有代码 Angular 5。

如果不求助于 jQuery,我无法弄清楚如何修改 sa-datatable。您对如何使其工作有任何想法吗?

谢谢,鲍勃

0 投票
1 回答
204 浏览

angular - 无法手动设置 smartadmin 提供的皮肤

我正在使用 smartadmin 的角度版本,默认情况下附带 5 个皮肤。Dark Elegance、Ultra White、Google Pixel 等。我想从代码中手动设置皮肤,因为我不需要 Web 应用程序右侧的设置按钮。当我查看文档时,他们提到我们需要将皮肤名称硬编码为 body 标记中的类。

我尝试了同样的方法,但它对我不起作用。我想以编程方式设置皮肤,而不是从任何侧面设置。

0 投票
0 回答
427 浏览

javascript - VueJS 组件中的 Jarvis Widget

我正在开发一个Laravel 5.7应用程序,该应用程序在VueJS组件中有一个带有Jarvis Widget [ http://data.edwardsaquifer.org/widgets.php]的视图。但是,当包裹在Vue Component中时,我似乎无法让 Jarvis 小部件发挥作用。

我已将问题缩小到包装在 Vue 实例元素内的小部件。

jarvis 小部件被包裹在Vue元素实例(#prospectsApp)中时,会破坏小部件的所有功能。

但是,当我在小部件内容中移动元素实例时,该功能再次起作用......

我是否需要将某些内容传递到 Vue 实例中以保持小部件的功能完好无损?

0 投票
1 回答
1077 浏览

angular - 如何修复:Angular 7(SmartAdmin 模板)表单验证在导航后停止工作

我正在尝试对使用智能管理模板(来自 wrapbootstrap 的主题)的 Angular 7 应用程序执行表单验证。

我的问题是它在第一次刷新浏览器时按预期工作,甚至当我导航到不包含其他表单的组件时。当我导航到一个组件时,问题就出现了,该组件还包括一个带有自己的验证选项的表单。

此外,表单的实际“有效性”状态仍按预期工作。它只是没有在表单上显示引导类和消息。

我尝试过重置表单,重置任何异步/非异步验证器以及我能想到的任何其他东西。

最后,在组件之间的导航过程中没有错误或任何东西。

这是我处理导航的主要模块(main.routing.ts):

这是一个表单示例(create-team.component.html):

以及包含验证选项的 .ts 文件:

编辑:为了提供更多见解,这里是 SmartAdmin 模板正在使用的自定义验证:

编辑2:我设法找到了解决这个问题的方法,即使我有点不喜欢它。似乎在调用自定义 UI Validation 时,组件尚未呈现(我猜它与异步运行有关)。解决方案是在验证组件中添加 0ms 的“setTimeout”,如下所示:

如果有人能想到更好的解决方案,将不胜感激:)

期待听到您的想法。

0 投票
0 回答
174 浏览

angular - ChangeDetectorRef.detectChanges() 在 ngAfterViewChecked 中第一次工作

我正在开发一个使用 smartadmin 模板的 Angular 4 应用程序。我里面有一个弹出窗口ng-formly
该弹出窗口正在使用重复部分呈现表单。在弹出按钮上单击一个错误正在被抛出:

'ExpressionChangedAfterItHasBeenCheckedError:表达式在检查后已更改。以前的值:“真”。当前值:“假”。

为了解决这个问题,我给出了in 的detectChanges()方法。 现在,如果我第一次单击弹出按钮,表单将在弹出窗口中呈现。 对于进一步的按钮点击,我得到: ChangeDetectorRefngAfterViewChecked

“TypeError:this.formControl.push 不是函数”来自重复部分。从第二次开始,repeatSection 会初始化两次。

请帮我解决这个问题。

0 投票
1 回答
121 浏览

angular - 我想动态更改数据表的语言而不重新加载页面,

我想在不加载页面的情况下使用新语言 JSON 对象重新初始化数据表的功能。可以在不丢失填充和搜索属性的情况下重新渲染数据表

0 投票
1 回答
534 浏览

asp.net-mvc - 如何正确注册捆绑包?

我将 devexpress 添加到我的 smartadmin mvc5 项目中。当我运行应用程序时,我在浏览器控制台上收到一个错误,指出某些库未定义。检查 Application_Start 类以及正在添加的 smartadmin 和 devexpress 包。但是,我仍然有同样的问题。如果只添加了一个捆绑包,它不会在控制台上显示错误,但 smartadmin 或 devexpress 都不起作用。有没有一种我可以使用但捆绑或 MVC 只允许使用的方法?

0 投票
1 回答
104 浏览

angular - 尝试将组件添加到智能管理

我正在使用 Smart Admin 模板构建的已经运行的网站。

作为第一步,我正在尝试向仪表板添加一个组件。

以下是我遵循的命令和步骤:

-命令行:

- 在文件 app.routing.ts 中添加:

-在文件 test-routing.module.ts 中添加:

-在文件 test-routing.module.ts 中添加

test.component.html 仅包含:

当我调用页面时,我得到了仪表板、页眉、页脚......但是在项目的其他模块中,仪表板......通过添加显式包含:

我希望有人能帮我解决这个问题。

谢谢

0 投票
1 回答
669 浏览

twitter-bootstrap-3 - FontAwesome 5 在 SmartAdmin 模板中使用 Bootstrap 复选框

我在 Angular 5 中使用 SmartAdmin v1.9.1 模板。它与 FontAwesome v4.7.3 Pro 一起提供,并使用 Bootstrap v3.3.6。我已将 FA 升级到 v5.10.0,使用npm install --save-dev @fortawesome/fontawesome-free.

我的问题不是这个 SO question的重复,而是类似的。

升级很顺利,只需要换几个fa-icon。

我很想显示 Bootstrap 复选框图标。它在 v4.7.3 中显示良好,但现在我得到一个小框,复选标记图标应该在哪里 - 见下文。

下面的 CSS 显示了复选框样式。我尝试过其他内容'\f00c',但同样的问题。调整字体:确实会导致大小发生变化,但小框仍然存在。

相关HTML:

相关CSS:

屏幕截图之前和之后

我感谢您的帮助!

0 投票
1 回答
361 浏览

angular - 如何在动态代码中处理打字稿中的按钮

我正在使用Smart Admin Angular Version,当我想从 notificationService 使用时,我遇到了问题。

我无法处理 notificationService.smallBox 中的按下按钮。

我的代码如下:

我如何无法处理 Angular 中的“是”或“否”按钮?