Bootstrap模板Metronic设置默认选中侧边栏
一开始我们拿到的模板页面如下图所示,但是在给出的模板中,每个页面都包含了左侧的侧边栏代码,这在我们开发系统的时候,显然不能这么做,不利于变更,重复性也很大,但是如果是放在一个文件中统一包含进来的话,就涉及到要如何让侧边栏正确选中当前页面的链接,而不是人工的却设置tab的开关。
通过看模板的源码,发现了一个函数setSidebarMenuActiveLink,在侧边栏的选项链接中,为每个链接设置一个ID,代码如下所示:
<li class="start active open"><a href="javascript:;"><i class="icon-home"></i><span class="title">股票</span><span class="selected"></span><span class="arrow open"></span></a><ul class="sub-menu"><li class=""><a href="${pageContext.request.contextPath}/index" id="gpsj_page"><i class="icon-bar-chart"></i>股票数据</a></li><li class=""><a href="${pageContext.request.contextPath}/gp/jyfw" id="jyfw_page"><i class="icon-bar-chart"></i>经营范围</a></li><li class=""><a href="${pageContext.request.contextPath}/gp/k_line" id="gp_kline_page"><i class="icon-bar-chart"></i>股票k线图</a></li><li class=""><a href="${pageContext.request.contextPath}/common/hotWords.jsp" id="common_hot_words_page"><i class="icon-bar-chart"></i>热搜词</a></li></ul>
</li>
,然后在每个页面加载的时候, 加上一句 Layout.setSidebarMenuActiveLink('set', $('#common_hot_words_page'));即可解决。
Bootstrap模板Metronic设置默认选中侧边栏相关推荐
- html中select标签默认选择,HTML中的select标签如何设置默认选中的选项
方法有两种. 第一种通过的属性来设置选中项,此方法可以在动态语言如php在后台根据需要控制输出结果. 1 2 3 4 5 1 option > 2 option > 3 option &g ...
- html中radio单选按钮控件标签用法解析及如何设置默认选中
Radio 对象代表 HTML 表单中的单选按钮.在 HTML 表单中 <input type="radio"> 每出现一次,一个 Radio 对象就会被创建.单选按钮 ...
- vue中单选框设置默认选中值
vue中单选框的默认选中不同于传统方式设置checked,是通过在data中设置vulue来实现的 html部分是通过v-for取的后台的数据 <li v-for="(value,i) ...
- Vue select的使用以及select设置默认选中,element select联动不能选择问题
Vue中select下拉框的默认选中项的三种情况_vue option默认选择_July++的博客-CSDN博客 vue中select的使用以及select设置默认选中_燕山八音的博客-CSDN博客 ...
- php导航默认选中,html中关于select标签如何设置默认选中的选项详解
方法有两种. 第一种通过的属性来设置选中项,此方法可以在动态语言如php在后台根据需要控制输出结果.< select id = "sel" > < option ...
- layuitable设置默认选中
layuiTable设置默认选中 此语句作用是修改table列选中的依据,根据Checked字段的状态来判断改行是否选中,这里Checked为bool类型 table = $.extend(table ...
- html设置默认选中状态,html中select标签用法解析及如何设置select的默认选中状态...
当提交表单时,浏览器会提交选定的项目,或者收集用逗号分隔的多个选项,将其合成一个单独的参数列表,并且在将 表单数据提交给服务器时包括 name 属性. 标签可选的属性 属性 值 ...
- 动态给下拉框,单选框赋值,设置默认选中项的几种方法
selectId为select的id $('#selectId')[0].selectedIndex = 0; //根据索引来赋值 $('#selectId').val('val值'); //根据va ...
- vue 复选框默认选中_vue 实现单选框设置默认选中值
vue 实现单选框设置默认选中值 vue中单选框的默认选中不同于传统方式设置checked,是通过在data中设置vulue来实现的 html部分是通过v-for取的后台的数据 生成后的代码就是 js ...
最新文章
- 【sublime text3】破解 最近破解码 /激活成功,但是过一会就提示激活码失效的 Build3143...
- 我逛了一下JDK一条街,发现了不少好东西!
- CodeForces - 1252D Find String in a Grid(AC自动机)
- python基础-网络基础知识和网络编程
- 计算分数加减表达式的值(信息学奥赛一本通-T1079)
- 【面试准备·2】webpack
- apache 搭建PHP多站点
- 常用汉字库(约7千个)
- 跨国企业在中国 | 3M与美的达成家电领域战略合作;舍弗勒南京公司开建新厂房...
- 一个帮你记住密码的小程序
- 使用 Gitee 进行代码管理
- 项目国际化I18N多语言切换
- Python处理PDF——PyMuPDF的安装与使用
- Sklearn-GBDT(GradientBoostingDecisonTree)梯度提升树
- ts_calibrate: Couldnt open tslib config file: No such file
- C++编写x的n次方
- 转 史上最详细的Hadoop环境搭建
- web3py 环境搭建
- LTE - NAS 驻网流程概括
- js随机生成彩票号码 双色球
热门文章
- 安卓手机阅读器_这可能就是你要找的全功能电子书阅读器
- python接口自动化测试 ( 第一章 )
- SMPTE ST 2110 概论(二)
- 生成伪随机数的函数int rand(void)和void srand(unsigned seed);
- IT行业应届毕业生的简历改怎么写?
- WPS文档协作的局域网搭建协作平台
- 解决spa白屏方法之ssr及ssr优化
- uiautomator_0
- Python量化交易平台QMT: 极速策略交易系统一体化交易解决方案
- 网络技巧:手机信号满格,上网却很慢,教你关闭双频优选开关,网速飞快