<%@ Page Language="C#" AutoEventWireup="true" CodeFile="DepPerForm.aspx.cs" Inherits="QLJS.Config.SystemManage.DepPerForm" %><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html><head> <title> <%=PageTitle %> </title> <meta name="GENERATOR" content="Microsoft Visual Studio .NET 7.1"> <meta name="CODE_LANGUAGE" content="C#"> <meta name="vs_defaultClientScript" content="JavaScript"> <meta name="vs_targetSchema" content="http://schemas.microsoft.com/intellisense/ie5"> <link href="../css/css.css" mce_href="css/css.css" rel="stylesheet" type="text/css"> <link href="../Css/StyleSheet.css" mce_href="Css/StyleSheet.css" rel="stylesheet" type="text/css" /></head><body> <form id="Form1" runat="server"> <table width="99%" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <td> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="7" class="tb1"> </td> <td class="tb2"> </td> <td width="22" class="tb3"> </td> </tr> </table> </td> </tr> <tr> <td height="1"> </td> </tr> <tr> <td> <!-- 开始列表 --> <table width="100%" border="0" cellpadding="0" cellspacing="1" class="table"> <tbody> <tr> <td class="lanzi" width="100px"> 部门<font color="#ff0000">*</font> </td> <td align="left" class="heizi"> <asp:DropDownList ID="DepNO" runat="server" Width="75px"> </asp:DropDownList> </td> </tr> <tr> <td class="lanzi" width="100px"> 员工<font color="#ff0000">*</font> </td> <td align="left" class="heizi"> <input name="button" type="button" class="bton pointer" value="请选择" οnclick="openDiv(1);openSel(1)" title="请选择" id="btnn" style="width: 75px" /> <div id="result" style="display:none;" mce_style="display:none;"> <div class="cont" id="makeSureItem"> </div> </div> </td> </tr> </tbody> </table> <!-- 结束列表 --> <div id="bg"> </div> <div id="selectItem" class="hidden" style="left: 76px; top: 261px"> <div class="tit bgc_ccc move"> <h2 class="left"> 请选择员工</h2> <span class="pointer right" οnclick="openSel(0);openDiv(0);">[取消]</span> <span class="pointer right" οnclick="makeSure();">[确定]</span><span class="pointer right" οnclick="NoLimit();">[不限]</span> </div> <div class="cls"> </div> <div class="cont"> <div id="selectSub"> <div id="c00"> <%WriteInputs(); %> </div> </div> </div> <div id="preview"> <div class="tit bgc_eee c_999"> <h2> 您已选择的员工</h2> </div> <div class="cont" id="previewItem"> </div> </div> </div> </td> </tr> <tr> <td height="50" valign="bottom"> <table width="45%" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <td align="center" style="height: 30px"> <asp:ImageButton ID="ImageButton1" runat="server" OnClick="ImageButton1_Click"></asp:ImageButton> <a οnclick="window.location.href='UserList.aspx';" href="#" mce_href="#"> <img src="../images/config/qx.jpg" mce_src="images/config/qx.jpg" border="0"></a></td> </tr> </table> </td> </tr> </table> <mce:script type="text/javascript"><!-- var items = $("selectSub").getElementsByTagName("input"); function NoLimit() { $("result").style.display = "block"; var mes=""; var mess=""; openSel(0); openDiv(0); for(var i=0;i<items.length;i++) { mes+=items[i].title+','; mess+=items[i].value+','; } mes=mes.substring(0,mes.length-1); mess=mess.substring(0,mess.length-1); $("makeSureItem").innerHTML=""; $("makeSureItem").innerHTML+=mes; $("idds").value=""; $("idds").value=mess; } function $(o) //获取对象 { if(typeof(o)=="string") { return document.getElementById(o); return o; } } function openDiv(state) { if(state==1) { var h = document.body.offsetHeight > document.documentElement.offsetHeight ? document.body.offsetHeight : document.documentElement.offsetHeight; $("bg").style.height = h + "px"; $("bg").style.display="block"; } else { $("bg").style.display="none"; } } function openSel(state) { if(state==1) { $("selectItem").style.display = "block"; $("selectItem").style.left = ($("bg").offsetWidth - $("selectItem").offsetWidth)/2 + "px"; $("selectItem").style.top = document.body.scrollTop + 100 + "px"; } else { $("selectItem").style.display = "none"; } } function makeSure() { if($("previewItem").innerHTML!="") { $("result").style.display = "block"; $("makeSureItem").value=$("previewItem").innerHTML; openSel(0); openDiv(0); copyItemTwo("previewItem","makeSureItem"); } else { openSel(0); openDiv(0); } } function copyItemTwo(id1,id2) { var mes=""; var mess=""; var items2=$(id1).getElementsByTagName("input"); for(var i=0;i<items2.length;i++) { if(items2[i].checked == true) { mes+=items2[i].title+','; mess+=items2[i].value+','; } } mes=mes.substring(0,mes.length-1); mess=mess.substring(0,mess.length-1); $(id2).innerHTML=""; $(id2).innerHTML+=mes; $("idds").value=""; $("idds").value=mess; } /*** 这种情况是:<input type="checkbox" name="checks" value="aa" /> ***/ function addPreItem() { $("previewItem").innerHTML=""; for(var j=0;j<items.length;j++) { if(items[j].checked) { var mes="<input type='checkbox' checked='true' value='"+ items[j].value +"' title='"+ items[j].title +"' οnclick='copyItem(/"previewItem/",/"previewItem/");same(this);'>" + items[j].title; $("previewItem").innerHTML+=mes; } } } function copyItem(id1,id2) { var mes=""; var items2=$(id1).getElementsByTagName("input"); for(var i=0;i<items2.length;i++) { if(items2[i].checked == true) { mes+="<input type='checkbox' checked='true' value='"+ items2[i].value +"' title='"+ items2[i].title +"' οnclick='copyItem(/"" + id2+ "/",/""+ id1 +"/");same(this);'>" + items2[i].title; } } $(id2).innerHTML=""; $(id2).innerHTML+=mes; } function same(obj) { for(var m=0;m<items.length;m++) { if(obj.value==items[m].value) { items[m].checked=obj.checked; } } } // --></mce:script> <input type="hidden" id="idds" runat="server" /> </form></body></html>
后台:
/// <summary> /// 绑定部门和分组 /// </summary> void BindDep() { string sql = "select DepNO,DepNm from tb_b_DepInfo order by DepNO"; SqlDataReader sdr = SqlHelper.ExecuteReader(this.ConnStr, CommandType.Text, sql); while (sdr.Read()) { this.DepNO.Items.Add(new ListItem(sdr["DepNm"].ToString(), sdr["DepNO"].ToString())); } }
/// <summary> /// 前台页面的checkbox /// </summary> public void WriteInputs() { string sql = "select UserID,UserNm from tb_b_UserInfo order by UserNm desc"; DataTable dt = SqlHelper.ExecuteDataset(this.ConnStr, CommandType.Text, sql).Tables[0]; int Cols = 10; int n = 1; int Rows = dt.Rows.Count % Cols == 0 ? dt.Rows.Count / Cols : dt.Rows.Count / Cols + 1; strCheck = "<table>"; for (int i = 0; i < Rows; i++) { strCheck += "<tr>"; for (int j = Cols * i; j < Cols * n&&j<dt.Rows.Count; j++) { strCheck += "<td><input type='checkbox' name='ck00' οnclick='addPreItem()' value='" + dt.Rows[j][0].ToString() + "' title='" + dt.Rows[j][1].ToString() + "'/>" + dt.Rows[j][1].ToString() + "</td>"; } n++; strCheck += "</tr>"; } strCheck += "</table>"; Response.Write(strCheck.ToString()); }