快捷導(dǎo)航

js解決彈窗問題實現(xiàn)班級跳轉(zhuǎn)DIV示例

更新時間：2014年01月06日 16:31:58 作者：

本文為大家介紹下js如何解決彈窗問題實現(xiàn)班級跳轉(zhuǎn)DIV，具體示例如下，感興趣的朋友可以參考下

1、js代碼如下：

 
<%--實現(xiàn)班級跳轉(zhuǎn)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() %> 
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 
<% }else 
{ 
%> 
<input id='<%=dtPTC.Rows[k]["ClassID"].ToString() %>' type="radio" name="rd_class" value='<%=dtPTC.Rows[k]["ClassID"].ToString() %>' /><%=dtPTC.Rows[k]["ClassName"].ToString() %> 
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 
<% 

} 
if (p_count % 2 == 0) 
{ 
%><br /><% 
} 
} 
} 
%> 

</dd> 
</dl> 
<% 
} 

} 

%> 

</li> 

<% 

} 
} 

%> 
</ul> 

</div> 

<script type="text/javascript"> 
//顯示班級信息的函數(shù) 
function ShowClassInfo() { 
//彈出對話框 
$("#displayClassDiv").dialog({ 
modal: true, 
width: '700', 
height: '400', 
title: "請選擇跳轉(zhuǎn)班級：", 
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文件代碼：

復(fù)制代碼代碼如下:

 
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頁面信息結(jié)束 

//獲取當(dāng)前用記在本班中的權(quán)限。 
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(); //根據(jù)用戶ID分別獲取項目、項目分期、班級信息 

getProjectInfo();//根據(jù)用戶ID分別獲取項目 

} 
/// <summary> 
/// 根據(jù)用戶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"); 
} 

} 