问题标签 [metronic]

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 投票
0 回答
804 浏览

javascript - 重新加载页面时保持引导侧边栏的状态

我正在使用一个名为 Metronic 的 HTML 模板为自己构建一个后端。这个 HTML 模板提供了在我选择的模板中折叠侧边栏的可能性。但是,侧边栏不会保留她的状态。

在这里您可以测试模板:https ://keenthemes.com/metronic/preview/?page=index&demo=default

我想对其进行编程,以便在重新加载页面时侧边栏保持此处状态。我已经找到了一些解决方案,其中调用了插件js.cookie来保存客户端计算机上侧边栏菜单的状态。

但是,我面临的问题是我真的不知道我必须调用哪个类或 id 才能获取侧边栏的当前状态,并根据此状态和保存到 cookie 的状态,切换侧边栏.. .

这是我迄今为止尝试过的: Retain Twitter Bootstrap Collapse state on Page refresh/Navigation

到目前为止我的代码:

我已将 idpage-sidebar-menu和分配page-sidebar-menu-ul给我的模板。在上面链接的页面上, idpage-sidebar-menum_ver_menu, idpage-sidebar-menu-ulul后面跟着 id 的元素m_ver_menu

我将不胜感激任何帮助。谢谢你!

0 投票
1 回答
904 浏览

javascript - Metronic 管理面板数据表列可见性

我正在使用 Metronic Datatable,我想隐藏一些 ID 列。我该怎么做?

这是我的数据表初始化脚本,我想隐藏“site_id”、“kazan_id”、“boyler_id”列。我尝试了该columnDefs选项,但没有奏效。

0 投票
2 回答
510 浏览

ruby-on-rails - rails and metronic - 资产预编译:SassC 错误,空间不足

我开发了一个基于 bootstrap 的 rails 应用程序。现在我正在使用 Metronic 来改进样式,但是虽然我在开发模式下没有任何问题,但尝试在生产模式下编译资产,我得到了这个错误:

耙中止!
SassC::SyntaxError:内部错误:空间不足 /home/spanogi/.rbenv/versions/2.4.3/bin/bundle:23:in 'load' /home/spanogi/.rbenv/versions/2.4.3/bin /bundle:23:in ''
任务:TOP => 资产:预编译

我发出的命令是

如果我不将 Metronic 资产添加到我的 application.scss 和 application.js 预编译会定期完成。

服务器资源似乎很丰富,我在编译时检查了内存,但它没有超过 30% 的使用率,实际上错误是由 Sassc 内部产生的,而不是由操作系统产生的(这不是内存崩溃)。我在周围寻找类似的错误,但没有任何成功。

你有想法吗?非常感谢你的帮助

0 投票
2 回答
90 浏览

angular - Angular - 设置父组件的 .m-content 样式

我正在尝试从子组件设置父组件的高度,但无论我如何尝试设置它都不会应用

在浏览器代码中,m-road-train我的组件如下所示:在此处输入图像描述

0 投票
2 回答
461 浏览

javascript - jQuery Datatable - 当我从 json 数据表中调用行数据时,我一直未定义

我目前正在开发一个项目,我使用 Laravel 作为我的框架,我使用 KeenThemes 作为我的前端。我相信他们有自己的 Datatables 库的变体,也许这就是我遇到这个问题的原因。由于我找不到一个有据可查的 metronic Datatable 库示例,因此我使用原始 Datatable 文档来处理这个项目。好的,等等问题。这是我的数据表刀片组件。

现在,这是一些用于渲染和填充数据表的 javascript。我要粘贴的部分是我定义搜索数据的功能以及我想从行中获取的列的定义。

我检查了控制台并检查了调试中的值,并且行正在返回一个对象,但是,它正在返回整个数据表,而不仅仅是我单击的行。当我尝试从行变量中引用一个值时,我一直在控制台和警报上未定义。我错过了什么吗?提前致谢。

编辑:添加我的 json 结构

JSON 值 #1

0 投票
1 回答
447 浏览

jquery - 如何在 Metronic 数据表中设置动态列标题?

我们正在使用Metronic数据表,我们需要动态设置列标题。

这是我的例子:

我们需要显示标题扇区_1 => 'XYZ'

数据表图像在这里

非常感谢任何基于官方来源的建议。

0 投票
0 回答
120 浏览

laravel - 如何从 Vue 初始化 DataTable?

每当我禁用初始化时,DataTable() 都会删除 @click="editUser(user)" 我让它工作。但是,一旦表格呈现,我就无法添加@click事件。我也试过v-on:click

<button type="button" class="btn btn-warning btn-icon" @click="onClick(user)"><i class="la la-edit"></i></button>

0 投票
1 回答
72 浏览

themes - 如何将metronic主题与DNN9集成?

我们的 Business2Business 网站有一个 DNN9 平台。它具有报告的基本外观,但我们希望展示一些报告和图表的高级外观,以便我们计划将 metronic 主题集成到 DNN9 中。我尝试了多种方法,但都失败了。请为此提供帮助。

0 投票
0 回答
1093 浏览

metronic - 如何根据登录的用户角色显示metronic angular 7主题的旁边菜单

我正在使用 Angular Metronic 管理模板。

我们使用 Angular7 metronic 主题作为管理模板。在这里我看到 metronic 如何为路由实现 ngx 权限,但我似乎无法弄清楚如何根据当前 userRole 隐藏菜单项。

任何意见,将不胜感激。

感谢您阅读此消息!!

0 投票
2 回答
421 浏览

javascript - 在 JHipster (v5.82) 项目中包含自定义类型

基本思想是从一个新的 JHipster 项目(v5.8.2)开始,并在其中集成 Metronic Angular 主题。我在此任务的文档方式中没有找到太多,但是我缓慢地集成了各种 css/js 捆绑包和组件,但是我遇到了他们的一些指令的问题。所以基本上在toggle.directive.ts视图启动后它会尝试创建一个新的 KTToggle 看看

KTToggle 在我已经导入 vendor.ts 的scripts.bundle.js定义。我还在src/main/webapp/app中从 metronic 复制了 typings.d.ts文件。

问题是它没有找到 KTToggle,在运行npm run webpack:build时我没有收到任何错误,但是当实际尝试访问我得到的页面时

此外,在 IntelliJ 中,我收到以下错误

我试图在指令中直接声明KTToggle

但这给了我相同的 ReferenceError。同样在tsconfig.json中,我尝试通过typeRootstypesfiles指向类型文件,它们都给了我相同的错误,或者类型导致应用程序的其他部分失败。

我对 Angular/Webpack 不太熟悉,但我怀疑没有正确加载打字,因为如果我尝试在 IntelliJ 中转到KTToggle的定义,它会将我指向scripts.bundle.js文件。

我欢迎任何形式的帮助,谢谢。

附加信息:

打字.d.ts

scripts.bundle.js

LE 2020-04-11 我们最终做的是在 webpack 配置文件(dev 和 prod)中设置一个新的入口点,如下所示:

然后在常见的 webpack 配置中,我们修改了HtmlWebpackPlugin以包含新的块,如下所示:

之后我们可以使用 metronic 内部组件中的各种元素,如下所示