锁定菜单选中项(BS程序)

1  要求

在BS程序中通常都用需要显示当前选中菜单要求,具体要求如 高亮菜单、用特殊颜色标示等。

实现难点:因为html不保存状态,所以每次菜单的改变如何记录这个状态是问题的核心。

2 解决方法

我大致使用过以下几种方式。

1. iframe(比较古老的做法):

这种方法做法最为简单,就是把menu菜单、菜单导向的内容分别放置在两个页面中(内容使用 iframe ),这样就能简单的实现要求了,不过介于当前反iframe的风潮,目前也不推荐用使用此种方式。

2.在页面中设置菜单状态

因为在点击菜单导航后,都会指向一个页面,那么就可以在这个页面直接对菜单进行反向设置,这个方案唯一的缺陷就是有些页面同时作为多个菜单项的指定页时就无法满足需求了。

3.使用session记录菜单状态

我在现在的项目中都会使用此种方式,把状态保存至session中,然后添加一个MenuFitler,用于接收改变菜单变化的参数请求(如 smenuid)

锁定菜单选中项(BS程序)

时间: 2024-10-11 11:22:19

锁定菜单选中项(BS程序)的相关文章

Dojo Tree设置默认选中项并且获得它

在使用CSS3的中有如下类似代码 Html代码 @media screen and (max-width:480px){ -- } 意思是在最大宽度为480px的设备上应用{}里面的样式.这里的width,注意是手机浏览器的分辨率,而不是手机设备的屏幕分辨率.比如苹果4的手机屏幕分辨率是960x640.而其自带的Safari浏览器的分辨率是320*480.我们可以通过如下代码检测所用的浏览器的分辨率: Js代码 $("#info").html("(您的浏览器的分辨率为:&qu

Jquery怎么获取select选中项 自定义属性的值

Jquery如何获取select选中项 自定义属性的值? HTML code <select id="ddl" onchange="ddl_change(this)"">    <option value="100" emoney="12" gmoney="12">日卡</option>    <option value="102" e

ASP.NET MVC中为DropDownListFor设置选中项的方法

在MVC中,当涉及到强类型编辑页,如果有select元素,需要根据当前Model的某个属性值,让Select的某项选中.本篇只整理思路,不涉及完整代码. □ 思路 往前台视图传的类型是List<SelectListItem>,把SelectListItem选中项的Selected属性设置为true,再把该类型对象实例放到ViewBag,ViewData或Model中传递给前台视图. 通过遍历List<SelectListItem>类型对象实例 □ 控制器 ? 1 2 3 4 5 6

获取和设置select的选中项的值

<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title>获取select的选中项的值</title> </head> <body> <select id="select0"> <option value="0">请选择选项&l

SharePoint 2010/2013 隐藏的速度下拉菜单列表项

SharePoint 2010/2013 隐藏的速度下拉菜单列表项 有时为了防止一些用户编辑列表项.需要隐藏下拉菜单列表项.,仅仅须要添加一个内容编辑器控件,将css代码写入其HTML源就可以. 改动前: 改动后: CSS代码: <style type="text/css"> .s4-ctx{ display:none; } </style> 假设你使用的SP2013,这里的类须要更改. <style type="text/css"&g

怎样编写支持命令行选项的程序

Linux下的程序,常常支持N多的命令行选项.那么,我们怎样编写支持命令行选项的程序呢. 以下给出两个演示样例. 演示样例1,简单的命令行选项. 以下的程序,支持4个选项, -i,-n,-s,-d 编译后,能够这样运行 (选项之间的顺序无所谓): ./a.out   -i  -n 100  -s hahaha  -d 好了,以下是代码. #include <stdio.h> #include <unistd.h> #include <stdlib.h> int enab

如何设置select下拉菜单option项显示的数目

如何设置select下拉菜单option项显示的数目: 本章节介绍一下如何设置select下拉菜单的可见的option项的数目,代码如下: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="author" content="http://www.51texiao.cn/" /> <title>蚂蚁

使用mobile jQuery 动态给select下拉添加数据,选中项默认不显示的解决方法。

getaddress(); function getaddress(type=0,parent='') { var tid=1; $.ajax({ type: "post", url: 'cityajax.php', dataType: "json", data: "type="+type+"&parent="+parent, success: function (data) { if (!jQuery.isEmpty

如何编写支持命令行选项的程序

Linux下的程序,经常支持N多的命令行选项.那么,我们如何编写支持命令行选项的程序呢. 下面给出两个示例. 示例1,简单的命令行选项. 下面的程序,支持4个选项, -i,-n,-s,-d 编译后,可以这样执行 (选项之间的顺序无所谓): ./a.out   -i  -n 100  -s hahaha  -d 好了,下面是代码. #include <stdio.h> #include <unistd.h> #include <stdlib.h> int enable_o