ace admin 1.4
出现循环加载,主要是因为找不到页面,
需要ajax加载的div
<div class="page-content-area" data-ajax-content="true"> <!-- ajax content goes here --> </div>
修改ace-1.4.0\assets\js\src\ace.basics.js
var demo_ajax_options = { 'close_active': true, close_mobile_menu: '#sidebar', close_dropdowns: true, 'default_url': 'page/index',//default hash 'content_url': function(hash) { //***NOTE*** //this is for Ace demo only, you should change it to return a valid URL //please refer to documentation for more info if( !hash.match(/^page\//) ) return false; var path = document.location.pathname; //for example in Ace HTML demo version we convert /ajax/index.html#page/gallery to > /ajax/content/gallery.html and load it if(path.match(/(\/ajax\/)(index\.html)?/)) return path.replace(/(\/ajax\/)(index\.html)?/, '/ajax/content/'+hash.replace(/^page\//, '')+'.html') ; //for example in Ace PHP demo version we convert "ajax.php#page/dashboard" to "ajax.php?page=dashboard" and load it return path + "?" + hash.replace(/\//, "="); } }
修改为自己的逻辑
'default_url': '/welcome',
return contextPath + hash; (contextPath是预置的)
var demo_ajax_options = { 'close_active': true, close_mobile_menu: '#sidebar', close_dropdowns: true, // 'default_url': 'page/index',//default hash 'default_url': '/welcome',//default hash 'content_url': function(hash) { // //***NOTE*** // //this is for Ace demo only, you should change it to return a valid URL // //please refer to documentation for more info // // if( !hash.match(/^page\//) ) return false; // var path = document.location.pathname; // // //for example in Ace HTML demo version we convert /ajax/index.html#page/gallery to > /ajax/content/gallery.html and load it // if(path.match(/(\/ajax\/)(index\.html)?/)) // return path.replace(/(\/ajax\/)(index\.html)?/, '/ajax/content/'+hash.replace(/^page\//, '')+'.html') ; // // //for example in Ace PHP demo version we convert "ajax.php#page/dashboard" to "ajax.php?page=dashboard" and load it // return path + "?" + hash.replace(/\//, "="); if(hash==""){ if(window.Pace && Pace.running) Pace.stop(); $(this).ace_ajax('stopLoading', true); } return contextPath + hash; } }
菜单栏说明
<a data-url="/welcome" href="#/welcome"> <i class="menu-icon fa fa-tachometer"></i> <span class="menu-text"> Dashboard </span> </a>
href是链接
data-url 当前页面地址与之对应时高亮选中
参考:
Ace Admin 使用教程
相关推荐
ace_admin_1.4 内置ajax单页和angularjs版本的单页实现
ace admin1.3.1是一款基于bootstrap3的网站后台模板,这款后台模板很出名。下面是模板更新日志和截图 刚才体验了一下,感觉还行,不过唯一不足的就是模板里面用到的CDN和谷歌字体..大家都知道由于墙的原因,谷歌字体...
很全面的Ace Admin1.3官方文档,包含有最全面的组件及例子,适合急需使用该技术开发的人。 响应式Bootstrap网站后台管理系统模板ace admin,非常不错的轻量级易用的admin后台管理系统,基于Bootstrap3,拥有强大的...
Ace Admin 前端ui模板(修改版),添加tab标签,点击左边菜单会打开新标签,同时可以关闭标签,打开index.html即可以看到效果
ACE ADMIN中文版+英文版+API文档资源整合 很全面的Ace Admin官方文档,包含有最全面的组件及例子,适合急需使用该技术开发的人。
ace admin源码下载,页面功能齐全,前端框架不错的选则
有关aceADMIN框架较详细的说明文档,挺好用的一款前端框架
AceAdmin_中英中英_2个版本,请需要AceAdmin_html5的下载
最新ace的中英文两个版本,同时支持pc和手机。非常漂亮的后台界面。 基于bootstrap3的开源免费后台模板。
ace+Admin前端框架ace+Admin前端框架ace+Admin前端框架ace+Admin前端框架ace+Admin前端框架
很全面的Ace Admin1.3官方文档,包含有最全面的组件及例子,适合急需使用该技术开发的人 这个文档需要放到服务端,通过浏览器来看,里面有demo,有help,文件说明。
Ace Admin 前端框架
ace admin 最新版 ace admin 最新版 ace admin 最新版
ace admin v1.3.1最新版本14-8-28,国外极品后台管理系统模板,多种开发语言可用,HTML5+Bootstrap3.0 截止2014年8月28日,官方最新1.3.1版, 已经将cdn外链js和css完整下载到本地。可直接流畅预览。 本模板仅供...
插件描述:Ace 是一个轻量、功能丰富、HTML5、响应式、支持手机及平板电脑上浏览的管理后台模板,基于CSS框架Bootstrap制作,Bootstrap版本更新至 3.3,4,Ace Responsive Admin Template当前最新版! 很不错的一个 ...
ace admin v1.4.0最新完整版
ace admin 1.4.0官方源码ace admin 1.4.0官方源码ace admin 1.4.0官方源码ace admin 1.4.0官方源码ace admin 1.4.0官方源码
实现Ace Admin Tab页功能 ,下载后解压缩,在IIS中添加,请用http方式访问
aceAdmin的教程 1.3.4版本的教程 但适用于高版本 学习一下很有用哦 另外附上官网地址https://github.com/bopoda/ace
ace admin1.4 最新版中文模板,bootstarp3.3.6,jquery2.1 以及表格插件jqGrid5.0