问题标签 [adminlte]

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

css - 引导 css 文件添加较少的文件

我正在创建一个基于 AdminLTE (v 2.3.0) 的站点,这是一个使用引导程序 (v 3.3.5) 的开源控制面板模板。

当我在 Google Chrome (v 48.0.2564.97 m) 中加载我的页面并在源代码中使用开发人员工具 (F12) 时,我注意到我的内容文件夹有一个名为 less 的子文件夹。

它像是:

"..."表示其他文件。
但这是交易:我的服务器中没有任何这些文件,这个 table.less 给我带来了问题。

所以我做了一个测试。我一一删除了我引用的 js 和 css 文件。
我发现当我添加 bootstrap.css 文件时,会出现这个包含所有文件的文件夹。

现在我的问题是:

  • 为什么会这样?
  • 我怎样才能避免它?
  • 如果我不能让我的 css 文件优先于较少的文件?

PS: 我问了第三个问题,因为通常当某些属性重载时,最后一个要添加的 css 文件具有优先权。但在我的情况下,我的最后一个文件是 site.css,这个文件有表的定义,但是当我打开页面时,table.less 的属性优先于我的文件,这给我带来了问题。

0 投票
4 回答
3046 浏览

javascript - AdminLTE 和 AngularJS 内容包装器的最小高度错误

我正在尝试将 AngularJS(和 ui.router)与此模板一起用于部分和模板。(使其成为单页)。

虽然我的页面渲染得很好,但.content-wrapperdiv 标签在min-height与 angular 一起使用时得到了错误的属性 (564px;)。但是当我查看starter.html示例页面时,它很好(494px;)。

有人可以向我解释为什么会这样吗?这是引导程序吗?角度还是主题?还是组合?

来源(以 chrome 呈现,折叠以保持较小): 以 chrome 呈现的源

当在更大的屏幕上观看时,它也会做同样的事情。页脚现在从屏幕上掉下来,在视口之外,并出现一个滚动条,但没有内容,因为它只是用于测试目的的页眉。

有人知道在哪里看吗?

编辑:

我发现了问题所在,我还没有找到解决方案:

在主题使用的 app.js 中有如下代码:

我将此代码放在页面底部的脚本标记中,并从中发出警报:

页眉高度为 NULL,页脚为 31,窗口为 595。当我在控制台中单独执行这些命令时(页面完全呈现后),它给了我:页眉:50,页脚:51,窗口高度 595。(51 + 50 = 101. 595 - 101 = 494. 这是正确的内容包装高度)。

所以 JQuery 不能决定页眉和页脚的高度,可能是因为它们还没有渲染。所以这可能是一个 ui.router/Angular 问题?

我首先加载角度和角度 ui 路由器,然后是我的角度脚本。然后是 JQuery、bootstrap,最后是主题的 app.js。

任何人都知道如何解决这个问题?

0 投票
0 回答
2466 浏览

datatables - 在 Laravel 中使用带有 AdminLTE 的 tabletools

我终于使用了 AdminLTE 并让数据表工作,但现在我也想添加 tabletools。

我使用这个安装

  1. laravel 新 laravel-with-admin-lte
  2. cd laravel-with-admin-lte
  3. adminlte-laravel 安装

然后我编辑了scripts.blade.php添加脚本(不确定这是否正确,但它有效:

然后我将以下内容添加到我htmlheader.blade.php的包含 css 中:

我希望能够看到导出选项(xls、csv 等)。

我应该添加一些东西来显示这些链接(按钮)还是我实现表格工具的方式有问题?


也试图改变:

进入

问题:

我没有看到用于导出的按钮或链接。

0 投票
1 回答
15150 浏览

adminlte - adminlte 在切换时隐藏整个侧边栏

如何修复我的左侧导航。我正在使用 Nuget 的 AdminLTE 2.0。

错误是当我切换一侧时它会折叠整个侧栏。但是当切换时模板应该部分折叠侧栏。我用<body class="hold-transition skin-blue sidebar-collapse sidebar-mini">

编辑

我尝试下载模板,它运行良好,我在正文之前看到了评论。<!-- the fixed layout is not compatible with sidebar-mini -->,所以我尝试获取 app.js 和 app.min.js 并将其替换到我的文件夹中,但仍然无法正常工作。一切都折叠在左侧边栏上

谢谢你。

0 投票
5 回答
6831 浏览

yii2 - 侧边栏切换 adminlte 在 yii2 中不起作用

如何修复我的左侧导航。我正在使用 AdminLTE 2.0in yii2 框架。

composer update问题是,在我昨天(马来西亚时间上午 9 点)之后,切换侧边栏不起作用。

我怀疑错误一定来自javascript。

但找不到任何。

因此,我给你我的代码在这里讨论。

谢谢你

后端\视图\布局\header.php

后端\资产\AppAsset.php

0 投票
1 回答
1480 浏览

javascript - AdminLTE 子菜单展开然后折叠

我在由其他人启动的项目中使用 AdminLTE

我添加子菜单时看到的行为是它展开然后立即折叠

我已经尝试使用<aside class="main-sidebar">...</aside>index.html 页面中的完整内容,但我仍然得到与此处看到的相同的行为 - https://gyazo.com/e88b049ccd7b2d06d65ccc7986166cdf

如果我从本地模板中打开 index.html,它工作得很好

我认为这个项目可能缺少一些东西,但无法弄清楚是什么......尝试加载所有 js,我在控制台中没有看到任何错误

任何帮助,将不胜感激

0 投票
2 回答
9051 浏览

laravel-5.2 - 将 Admin LTE 与 laravel 集成

如何将 Admin LTE 与 laravel 5.2 集成/嵌入。我找到了教程,但无法获得..任何人都可以逐步告诉程序。我已经安装了最新的 laravel 版本 5.2。

0 投票
0 回答
111 浏览

jquery - 在页面重定向之前强制刷新 DOM(webkit 浏览器)

我试图Loading state在页面重定向之前附加一个 div。(https://almsaeedstudio.com/themes/AdminLTE/documentation/index.html

我的页面上有以下链接:

单击链接时,showBubble 会将一个 div 附加到页面上的另一个 div 上。然后重定向到http://example.com

它在所有浏览器中都可以正常工作,但在 Ipad 上的 webkit 浏览器中却不行。

我在这里发现了类似的问题Force DOM redraw/refresh on Chrome/Mac和这里http://www.eccesignum.org/blog/solving-display-refreshredrawrepaint-issues-in-webkit-browsers

但是这些解决方案都不适合我。我试过了:

此外,如果我单击“example.com”中的后退按钮并返回上一页,则会出现气泡。因此,似乎 webkit 浏览器选择在离开页面之前不刷新页面。

此外,我没有将元素附加到框中,而是尝试了一些更简单的方法——比如更改我的一个按钮的文本。它也不起作用。点击链接后页面不刷新。

此外,如果我在 showBubble 函数之后将 alert('123') 放在 onClick 属性中,则会显示警报,但页面仍未刷新。

但是,如果我从标签中删除 href 属性,<a>气泡就会出现并且一切正常。好吧,除了它不再是链接了:)

我试图摆脱 href 并做:

没有成功。

0 投票
0 回答
436 浏览

c# - C# MVC 多语言不使用 RESX 文件

我正在将 AdminLTE MVC 与 Visual Studio 一起使用。我想实现多语言系统,一种方法似乎是使用 RESX 文件。

我网站的默认语言是法语 (fr)。因此,我创建了 2 个文件并将它们保存在我的“/Resources/”文件夹中:

在此处输入图像描述

我在每个 RESX 文件上指定了“PublicResXFileCodeGenerator”属性。

然后,在我的RouteConfig.cs文件中,我添加了一个新的routes.MapRoutes以使用类似 www.mywebsite.com/fr/MyController 的语言生成 url:

对于一个简单的测试,我只在我的 RESX 文件中添加了 1 个变量。对于法语版本: 在此处输入图像描述

还有英文版: 在此处输入图像描述

然后,在我的视图 Index.cshtml 中,我只显示“Valeur”值的内容:

最后,当我加载我的页面时,我只得到法语版本: 在此处输入图像描述

当我调用 /en/ 页面时,未加载 CDV.en.resx: 在此处输入图像描述

你知道我做错了什么吗?

谢谢。

0 投票
0 回答
159 浏览

templates - kohana 3.3 带有引导程序的管理响应模板

我正在尝试将 Kohana 框架 3.3 与此模板一起使用:

管理员LTE

但我不知道如何