js解决弹窗问题实现班级跳转DIV示例


Posted in Javascript onJanuary 06, 2014

1、js代码如下:

<%--实现班级跳转DIV--%> 
<div id="displayClassDiv" style="display:none;" class="gp_box"> 
<ul> 
<% 
for(int i=0;i<dtPTC.Rows.Count;i++) 
{ 
if (dtPTC.Rows[i]["ISPRO"].ToString() == "1") 
{ %> 
<li> 
<h1 class="gp_title" > 
<span id='<%=dtPTC.Rows[i]["ProjectID"].ToString() %>'><%=dtPTC.Rows[i]["ProjectName"].ToString() %></span></h1> 
<% 
for (int j = 0; j < dtPTC.Rows.Count; j++) 
{ 
if (dtPTC.Rows[i]["ProjectID"].ToString() == dtPTC.Rows[j]["ProjectID"].ToString() && dtPTC.Rows[j]["ISPRO"].ToString() == "2") 
{ 
%> 
<dl class="gp_list" > 
<dt id='<%=dtPTC.Rows[j]["TermID"].ToString() %>'><%=dtPTC.Rows[j]["TermName"].ToString().Trim() %></dt> 
<dd class="grap"> 
<% 
int p_count = 0; 
for (int k = 0; k < dtPTC.Rows.Count; k++) 
{ 
if (dtPTC.Rows[k]["ISPRO"].ToString() == "3" && dtPTC.Rows[j]["TermID"].ToString() == dtPTC.Rows[k]["TermID"].ToString()) 
{ 
p_count++; 
if (dtPTC.Rows[k]["ClassID"].ToString() == Session["CLASSID"].ToString()) 
{ 
%> 
<input id='<%=dtPTC.Rows[k]["ClassID"].ToString() %>' type="radio" name="rd_class" value='<%=dtPTC.Rows[k]["ClassID"].ToString() %>' checked /><%=dtPTC.Rows[k]["ClassName"].ToString() %> 
            
<% }else 
{ 
%> 
<input id='<%=dtPTC.Rows[k]["ClassID"].ToString() %>' type="radio" name="rd_class" value='<%=dtPTC.Rows[k]["ClassID"].ToString() %>' /><%=dtPTC.Rows[k]["ClassName"].ToString() %> 
            
<% 
} 
if (p_count % 2 == 0) 
{ 
%><br /><% 
} 
} 
} 
%> 
</dd> 
</dl> 
<% 
} 
} 
%> 
</li> 
<% 
} 
} 
%> 
</ul> 
</div> 
<script type="text/javascript"> 
//显示班级信息的函数 
function ShowClassInfo() { 
//弹出对话框 
$("#displayClassDiv").dialog({ 
modal: true, 
width: '700', 
height: '400', 
title: "请选择跳转班级:", 
overlay: { opacity: 0.5, background: "black" }, 
buttons: { 
"确定": function () { SubmitClassInfo(); }, 
"取消": function () { $(this).dialog("destroy"); } 
}, 
close: function (event, ui) { $(this).dialog("destroy"); } 
}); 
} 
function SubmitClassInfo() { 
var ObjClass = $('[name=rd_class]:checked'); 
var ClassID=ObjClass.val(); 
window.location.href = '../ClassPortal/ClassPortal.aspx?CLASS_ID='+ClassID; 
} 
</script>

2、cs文件代码:
public DataTable dtPTC = new DataTable();//保存项目 项目分期 班级信息 
public DataTable dtProjectInfo = new DataTable();//保存项目信息 protected void Page_Load(object sender, EventArgs e) 
{ 
//原框架top页面信息开始 
//User.isSessionInvalid(); 
clsCurrentUser user = mm.GetSession(); 
USER_ID = int.Parse(user.UserID); 
if (Request.QueryString["ClassID"] != null) 
{ 
Session["ClASSID"] = Request.QueryString["ClassID"].ToString(); 
classid=Session["ClASSID"].ToString(); 
getClassInfo(); 
} 
else 
{ 
classid = Session["CLASSID"].ToString(); 
getClassInfo(); 
} 
//username = user.GetRealName(); 
username = user.UserRealName; 
time = DateTime.Now.ToString("yyyy年MM月dd日", DateTimeFormatInfo.InvariantInfo); 
//classInfo = getClassInfo(classid); 
//DtPD = dba.SelectT_LEARNING_PROJECT(Convert.ToInt32(Session["PROJECT_ID"].ToString().Trim())); 
//homepage = DtPD.Rows[0]["HOMEPAGE"].ToString().Trim(); 
//原框架top页面信息结束 
//获取当前用记在本班中的权限。 
string sqlRole = "select Ctype from T_PUB_USER_CLASS where ClASSID=" + Session["CLASSID"].ToString() + " and USERID=" + mm.UserID; 
DataTable dtRole = bdb.RunQuery(sqlRole); 
if (dtRole.Rows.Count > 0) 
{ 
role = dtRole.Rows[0]["Ctype"].ToString(); 
} 
getALLInfo(); //根据用户ID分别获取项目、项目分期、班级信息 
getProjectInfo();//根据用户ID分别获取项目 
} 
/// <summary> 
/// 根据用户ID分别获取项目、项目分期、班级信息 
/// </summary> 
protected void getALLInfo() 
{ 
int UserID = Convert.ToInt32(mm.GetSession().UserID); 
string procName = "HZX_SelectCLASS_ByUserID"; 
SqlParameter[] sp = new SqlParameter[] { new SqlParameter("@USER_ID", UserID) }; 
try 
{ 
dtPTC = bdb.RunProcQuery(procName, sp); 
} 
catch (Exception ee) 
{ 
Response.Redirect("../../../ErrorPage.aspx"); 
} 
}
Javascript 相关文章推荐
ext读取两种结构的xml的代码
Nov 05 Javascript
IE innerHTML,outerHTML所引起的问题
Jun 04 Javascript
javascript 获取所有id中包含某关键字的控件的实现代码
Nov 25 Javascript
jQuery中(function(){})()执行顺序的理解
Mar 05 Javascript
关闭浏览器输入框自动补齐 兼容IE,FF,Chrome等主流浏览器
Feb 11 Javascript
Javascript中typeof 用法小结
May 12 Javascript
jQuery实现彩带延伸效果的网页加载条loading动画
Oct 29 Javascript
用JavaScript动态建立或增加CSS样式表的实现方法
May 20 Javascript
Angular的自定义指令以及实例
Dec 26 Javascript
JS canvas绘制五子棋的棋盘
May 28 Javascript
使用Vuex解决Vue中的身份验证问题
Sep 28 Javascript
Vue+Node实现商品列表的分页、排序、筛选,添加购物车功能详解
Dec 07 Javascript
instanceof和typeof运算符的区别详解
Jan 06 #Javascript
jquery使用append(content)方法注意事项分享
Jan 06 #Javascript
javascript客户端遍历控件与获取父容器对象示例代码
Jan 06 #Javascript
Javascript 遍历页面text控件详解
Jan 06 #Javascript
jquery链式操作的正确使用方法
Jan 06 #Javascript
jquery设置text的值示例(设置文本框 DIV 表单值)
Jan 06 #Javascript
jquery修改属性值实例代码(设置属性值)
Jan 06 #Javascript
You might like
C/S和B/S两种架构区别与优缺点分析
2014/10/23 PHP
php连接odbc数据源并保存与查询数据的方法
2014/12/24 PHP
Laravel使用消息队列需要注意的一些问题
2017/12/13 PHP
Javascript模板技术
2007/04/27 Javascript
js类中获取外部函数名的方法
2007/08/19 Javascript
JavaScript和ActionScript的交互实现代码
2010/08/01 Javascript
qTip 基于JQuery的Tooltip插件[兼容性好]
2010/09/01 Javascript
JavaScript第一篇之实现按钮全选、功能
2016/08/21 Javascript
快速掌握jQuery插件开发
2017/01/19 Javascript
javascript实现Java中的Map对象功能的实例详解
2017/08/21 Javascript
微信小程序-getUserInfo回调的实例详解
2017/10/27 Javascript
使用Promise封装小程序wx.request的实现方法
2019/11/13 Javascript
ES6 Generator基本使用方法示例
2020/06/06 Javascript
详解Vue中的MVVM原理和实现方法
2020/07/15 Javascript
Vue-resource安装过程及使用方法解析
2020/07/21 Javascript
python爬虫实战之最简单的网页爬虫教程
2017/08/13 Python
Numpy数组的保存与读取方法
2018/04/04 Python
使用Python处理Excel表格的简单方法
2018/06/07 Python
Python3爬虫之urllib携带cookie爬取网页的方法
2018/12/28 Python
Python datetime包函数简单介绍
2019/08/28 Python
Django实现CAS+OAuth2的方法示例
2019/10/30 Python
Python爬虫解析网页的4种方式实例及原理解析
2019/12/30 Python
Python类super()及私有属性原理解析
2020/06/15 Python
python读写数据读写csv文件(pandas用法)
2020/12/14 Python
python 求两个向量的顺时针夹角操作
2021/03/04 Python
html5手机端页面可以向右滑动导致样式受影响的问题
2018/06/20 HTML / CSS
大学生自荐书范文
2013/12/10 职场文书
自考生自我评价分享
2014/01/18 职场文书
模具专业求职信
2014/06/26 职场文书
2014年党员教师自我剖析材料
2014/09/30 职场文书
2014年计生工作总结
2014/11/21 职场文书
2014年销售部工作总结
2014/12/01 职场文书
七年级作文之《我和我的祖国》观后感作文
2019/10/18 职场文书
祝福语集锦:送给毕业同学祝福语
2019/11/21 职场文书
Nginx访问日志及错误日志参数说明
2021/03/31 Servers
Mysql Show Profile
2021/04/05 MySQL