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

  }

  }