<rt id="bn8ez"></rt>
<label id="bn8ez"></label>
  • 

    • <span id="bn8ez"></span>
    

    <label id="bn8ez"><meter id="bn8ez"></meter></label>
    

    
    

    




    







												


        


    
	
    
		
			

    

    
	
    
		
			
    J2EE社區
    
			茍有恒,何必三更起五更眠;
    最無益,只怕一日曝十日寒.
		    		
	
    

    

    

    

    posts - 241, comments - 318, trackbacks - 0, articles - 16
    


    		
	
    
	
    
		
			
		
		
			
    
				
					
	
    
		
    
			
    
				table 動態 添加行 刪除行
			
    
 			Posted on 2010-12-22 12:08 xcp 閱讀(4771) 評論(3)  編輯  收藏  所屬分類: Javascript 
			
			


		
    
		
     
    

    <%@ page language="java" pageEncoding="utf-8"%>
    
    <%@ taglib prefix="s" uri="/struts-tags"%>
    
    <%
    
    String path     = request.getContextPath();
    
    String basePath     = request.getScheme() + "://"
    
                + request.getServerName() + ":" + request.getServerPort()
    
                + path + "/";
    
    %>
    
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    
    <html xmlns="http://www.w3.org/1999/xhtml">
    
    <head>
    
        <base href="<%=basePath%>" />
    
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    
        <title>瀘州市機要局--電子政務協同應用系統</title>
    
        <link rel="stylesheet" type="text/css" href="<%=basePath%>css/main/style-list.css"></link>
    
        <script type="text/javascript" src="<%=basePath%>js/lhgdialog/lhgdialog.js"></script>
    
    </head>
    

    
    <body>
    
        <div class="mainBox">
    
            <div class="searchBox" style="text-align: left;">
    
                <label>
    
                    <input class="btnAll" onclick="addRow()" type="button" value="增加行" />
    
                    <input class="btnAll" onclick="delMyRow()" type="button" value="刪除行" />
    
                </label>    
    
            </div>
    
            <table class="borderTable" id="borderTable" border="0" cellpadding="0" cellspacing="0">
    
                <tr class="theadBg" id="title">
    
                    <td>
    
                        <input id="all" type="checkbox" onclick="SelectAll()" style="cursor: pointer;"/>
    
                    </td>
    
                    <td style="width:160px;">所屬區域</td>
    
                    <td style="width:268px;">所屬單位</td>
    
                    <td style="width:140px;">所屬部門</td>
    
                    <td style="width:140px;">兼職職務</td>
    
                    <td style="width:40px;">操作</td>
    
                </tr>
    
            </table>
    
        </div>
    
    </body>
    
    </html>
    
    <script type="text/javascript">
    
    var P     = window.parent, D = P.loadinndlg();
    
    window.onload     = function(){
    
        P.crebtn(     'modify', '保 存', savePortTime); 
    
        addRow();
    
    }
    
    function savePortTime()    {
    
    }
    
    
    
    
    
    var index     = 1;
    
    var tb     = $f("borderTable");
    
    var tbody;
    
        if(document.all){ //IE 
    
             tbody=tb.childNodes[0]
    
    }    else{ //FIREFOX 
    
            tbody = getFirstChild(tb);
    
    }     
    
    
    
    function $f(id)    {
    
            return document.getElementById(id);
    
    }
    
    function getFirstChild(obj)     {
    
        var result     = obj.firstChild;
    
            while (!result.tagName) {
    
        result     = result.nextSibling;
    
        }
    
            return result;
    
    }
    
    
    
    function addRow()    {
    
        var trnew     = createTr(index,"partTimeTr");
    
               try {
    
            tbody.appendChild(trnew);
    
               index    ++;
    
           }    catch(err){
    
                alert(    "添加行出錯!");
    
           }
    
    }
    
   function createTr(num,name)    {
    
      var trnew     = document.createElement("tr");
    
      trnew.id    =name+num;
    
      
    
          //選擇框
    
          var td1 = document.createElement("td");
    
      td1.innerHTML     = "<input type='checkbox' name='checkbox1' id='checkbox"+num+"' />";
    
      trnew.appendChild(td1);
    
      
    
      var td2     = document.createElement("td");
    
      td2.innerHTML     = "<input type='text' name='regionName' id='regionName"+num+"' style='width:140px;' onclick='setDiv1("+num+")'/>"+
    
                            "<input type='hidden' name='regionModel' id='regionModel"+num+"'/>";
    
      trnew.appendChild(td2);
    
      
    
      var td3     = document.createElement("td");
    
      td3.innerHTML     = "<input type='text' name='unitName' id='unitName"+num+"' style='width:230px;'  onclick='setDiv2("+num+")'/>"+
    
                            "<input type='hidden' name='unitModel' id='unitModel"+num+"' />";
    
      trnew.appendChild(td3);
    
      
    
      var td4     = document.createElement("td");
    
      td4.innerHTML     = "<input type='text' name='departmentName' id='departmentName"+num+"' style='width:130px;'  onclick='setDiv3("+num+")'/>"+
    
                            "<input type='hidden' name='departmentModel' id='departmentModel"+num+"'";
    
      trnew.appendChild(td4);
    
      
    
      var td5     = document.createElement("td");
    
      td5.innerHTML     = "<input type='text' name='userTitle' id='userTitle"+num+"'/>";
    
      trnew.appendChild(td5);
    
      
    
    
    
      var td6     = document.createElement("td");
    
      td6.innerHTML     = "<input type='button' class='btnTxt' value='刪除' onClick='delMyRow("+num+")'/>";
    
      trnew.appendChild(td6);
    
      
    
          return trnew;
    
   }
    
   function delMyRow(num)    {
    
               if (typeof(num) == "undefined"){
    
               var roleIds    =document.getElementsByName("checkbox1");
    
                for(var i=roleIds.length-1;i>=0;i--){
    
                    if(roleIds[i].checked){
    
                    var checkId     = roleIds[i].id;
    
                    num     = checkId.substr(8);
    
                    tbody.removeChild($f(    "partTimeTr"+num));
    
                }
    
            }
    
           }    else{
    
               tbody.removeChild($f(    "partTimeTr"+num));
    
           }
    
    }
    
    
    
    
    
    function SelectAll()    {
    
        var all     = document.getElementById('all');
    
        var b     = document.getElementsByName("checkbox1");
    
               if(all.checked){
    
                   for(i=0;i<b.length;i++){
    
                   b[i].checked    =true;
    
               }
    
           }    else{
    
                   for(i=0;i<b.length;i++){
    
                   b[i].checked    =false;
    
               }
    
           }     
    
    }     
    
    
    
    
    
    function setDiv1(num)     {
    
        D.lhgdialog.opendlg(    '選擇所屬區域','<%=basePath%>jsp/user/sysRegionTree.jsp?num='+num,240,450,true,false,'selectRegion');
    
    }
    
    
    
    function setDiv2(num)     {
    
        var roleName     = "<s:property value='#session.sysUser.roleName' />";
    
        var regionModel;
    
            if(roleName=="單位管理員"){
    
            regionModel     = "<s:property value='#session.sysUser.unitModel' />";
    
        }    else{
    
            regionModel     = G('regionModel').value;
    
        }
    
        var unitModel     = G('unitModel').value;
    
            if(regionModel==""){        
    
            alert(    "請先選擇所屬區域");
    
            document.getElementById(    "regionName").focus();
    
        }    else{
    
            lhgdialog.opendlg(    '選擇所屬單位','<%=basePath%>jsp/user/sysUnitTree.jsp?regionModel='+regionModel+'&unitModel='+unitModel,400,500,true,false);
    
        }        
    
    }
    
    
    
    function setDiv3(num)    {
    
        var roleName     = "<s:property value='#session.sysUser.roleName' />";
    
        var unitModel     = "";
    
            if(roleName=="部門管理員"){
    
            unitModel     = "<s:property value='#session.sysUser.departmentModel' />";
    
        }    else{
    
            unitModel     = G('unitModel').value;
    
        }
    
        var departmentModel     = G('departmentModel').value;
    
            if(unitModel==""){        
    
            alert(    "請先選擇所屬單位");
    
            document.getElementById(    "unitName").focus();
    
        }    else{
    
            lhgdialog.opendlg(    '選擇所屬部門','<%=basePath%>jsp/user/sysDepartmentTree.jsp?unitModel='+unitModel+'&departmentModel='+departmentModel,300,450,true,false);
    
        }
    
    }
    
    </script>
    


    


    名稱: ?4C.ESL | .↗Evon 
    口號: 遇到新問題?先要尋找一個方案乄而不是創造一個方案こ
    mail: 聯系我 
    

    
	
    


    
	    
    

    Feedback
    
	
			
    
				
    
					
    
						# re: table 動態 添加行 刪除行  回復  更多評論
						  
					
    
					2010-12-22 13:13 by @joe
				
    
				
    可以使用jquery的clone方法。
    
			
    
		
			
    
				
    
					
    
						# re: table 動態 添加行 刪除行  回復  更多評論
						  
					
    
					2010-12-22 13:25 by xcp
				
    
				
    @@joe

    恩。好的
    
			
    
		
			
    
				
    
					
    
						# re: table 動態 添加行 刪除行  回復  更多評論
						  
					
    
					2010-12-22 22:34 by huliqing
				
    
				
    看看能不能兼容firefox,ie6,7,8,chrome,safari,opera吧。
    
			
    
		




    








    

				
			
    
		    		
	
    
	
    
		
			

		
	
    

    


    







    
        
	



主站蜘蛛池模板：
亚洲人成网站观看在线播放|
亚洲AV永久青草无码精品|
五月天国产成人AV免费观看|
久久精品国产精品亚洲精品
|
在线观看av永久免费|
亚洲精品乱码久久久久蜜桃|
亚洲无线码一区二区三区|
222www免费视频|
美景之屋4在线未删减免费
|
看全色黄大色大片免费久久|
三年片在线观看免费|
国产午夜亚洲精品|
国产精品亚洲一区二区三区在线|
青青青国产在线观看免费|
一级一级一片免费高清|
亚洲免费在线观看视频|
久久久久亚洲AV成人网人人软件|
88av免费观看入口在线|
日本黄页网址在线看免费不卡|
亚洲美女大bbbbbbbbb|
亚洲日韩人妻第一页|
在线看片无码永久免费视频|
日本道免费精品一区二区|
亚洲6080yy久久无码产自国产|
亚洲AV午夜福利精品一区二区|
小小影视日本动漫观看免费|
4399影视免费观看高清直播|
国产免费MV大全视频网站|
亚洲精品无码少妇30P|
亚洲视频在线不卡|
亚洲成a人片在线观看无码|
亚洲精品456播放|
日本高清免费aaaaa大片视频|
猫咪免费人成网站在线观看|
巨胸喷奶水www永久免费|
日韩亚洲人成在线综合|
亚洲人成电影网站久久|
亚洲色偷偷偷网站色偷一区|
国产亚洲综合久久系列|
亚洲精品无码永久在线观看
|
亚洲国产成人精品久久|