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

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");
}

}