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

Javascript教程 2025-08-21

1、js代码如下:

复制代码代码如下:

< %--实现班级跳转DIV--% >

< div id="displayClassDiv" style="display:none;" >

< ul >

< %

for(int i=0;i< dtPTC.Rows.Count;i++)

{

if (dtPTC.Rows[i]["ISPRO"].ToString() == "1")

{

% >

< li >

< h1  >

< 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  >

< dt id='< %=dtPTC.Rows[j]["TermID"].ToString() % >' >< %=dtPTC.Rows[j]["TermName"].ToString().Trim() % >< /dt >

< dd >

< %

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

}

}