js 控制下拉菜單的刷新
2013-03-03 05:02
197 查看
思路:母版頁隱藏控件 從内容頁接收值 JS根據接受的值控制菜單項的現實
母版頁:
隱藏控件:
<asp:Label ID="Lbl_X" runat="server" Text="text" style="display:none"></asp:Label>
<asp:Label ID="Lbl_Xn" runat="server" Text="text" style="display:none"></asp:Label>
JS:
<%-- 設置選中--%>
<script type="text/javascript">
var X = document.getElementById('<%=this.Lbl_X.ClientID %>').innerText;
var Xn = document.getElementById('<%=this.Lbl_Xn.ClientID %>').innerText;
var div = document.getElementById(X);
if (div != null) {
div.setAttribute("class", 'nav-top-item current');
}
var div2 = document.getElementById(Xn);
if (div != null) {
div2.setAttribute("class", 'current');
}
</script>
内容頁給母版頁隱藏空間賦值:
//設置母版頁Lable的值,以控制菜單項CSS
Label X = (Label)this.Master.FindControl("Lbl_X");
X.Text = "A";
Label Xn = (Label)this.Master.FindControl("Lbl_Xn");
Xn.Text = "A1";
母版頁:
隱藏控件:
<asp:Label ID="Lbl_X" runat="server" Text="text" style="display:none"></asp:Label>
<asp:Label ID="Lbl_Xn" runat="server" Text="text" style="display:none"></asp:Label>
JS:
<%-- 設置選中--%>
<script type="text/javascript">
var X = document.getElementById('<%=this.Lbl_X.ClientID %>').innerText;
var Xn = document.getElementById('<%=this.Lbl_Xn.ClientID %>').innerText;
var div = document.getElementById(X);
if (div != null) {
div.setAttribute("class", 'nav-top-item current');
}
var div2 = document.getElementById(Xn);
if (div != null) {
div2.setAttribute("class", 'current');
}
</script>
内容頁給母版頁隱藏空間賦值:
//設置母版頁Lable的值,以控制菜單項CSS
Label X = (Label)this.Master.FindControl("Lbl_X");
X.Text = "A";
Label Xn = (Label)this.Master.FindControl("Lbl_Xn");
Xn.Text = "A1";
相关文章推荐
- .NET中使用js实现百度搜索下拉提示效果[不是局部刷新,呜呜。。]
- Js控制页面刷新(局部刷新&全页面刷新)
- js控制框架中某部分刷新
- 《React-Native系列》23、 js实现下拉刷新效果(Android和iOS通用)
- js控制、获取复选框、下拉列表的信息
- js 子页面控制父页面操作刷新、跳转
- 本不值一提的东西,省,市两级联动下拉,无刷新.JS+HTML(下)
- js控制鼠标向下拉页面
- .NET中使用js实现百度搜索下拉提示效果[不是局部刷新,呜呜。。]
- net + js 实现无刷新联动下拉框
- js控制框架刷新
- 无刷新关联下拉列表 (xmlhttp + js)
- js控制页面自动刷新,可设置时间间隔
- javascript(JS)完全控制Select下拉框 -
- 用JS实现的控制页面前进、后退、停止、刷新以及加入收藏等功能
- 利用js控制页面刷新以及返回上一页刷新
- Coolite一个下拉列表控件无刷新的控制另外一个下拉列表控件
- Android 刷新下拉控制 SwipeRefreshLayout
- js控制页面跳转和定时刷新
- 《React-Native系列》23、 js实现下拉刷新效果(Android和iOS通用)