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

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

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

    
    

    




    







												


        


    
	
    
		
			

    

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

    

    

    

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


    		
	
    
	
    
		
			
		
		
			
    
				
					
	
    
		
    
			
    
				table 動態(tài) 添加行 刪除行
			
    
 			Posted on 2010-12-22 12:08 xcp 閱讀(4772) 評論(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>瀘州市機要局--電子政務協(xié)同應用系統(tǒng)</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;">所屬區(qū)域</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(    '選擇所屬區(qū)域','<%=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(    "請先選擇所屬區(qū)域");
    
            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 
    口號: 遇到新問題?先要尋找一個方案乄而不是創(chuàng)造一個方案こ
    mail: 聯(lián)系我 
    

    
	
    


    
	    
    

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

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




    








    

				
			
    
		    		
	
    
	
    
		
			

		
	
    

    


    







    
        
	



主站蜘蛛池模板：
999久久久免费精品国产|
四虎成人免费观看在线网址
|
精品无码一区二区三区亚洲桃色|
无码国产精品一区二区免费3p|
精品亚洲成AV人在线观看|
亚洲日韩中文在线精品第一|
无码精品人妻一区二区三区免费看|
亚洲欧美在线x视频|
亚洲av无码av制服另类专区|
国产精品成人免费一区二区|
成人嫩草影院免费观看|
91在线亚洲精品专区|
国产成人在线观看免费网站
|
日本免费中文字幕在线看|
sihu国产精品永久免费|
久久精品国产亚洲av麻豆小说
|
一级中文字幕乱码免费|
亚洲精品中文字幕无乱码|
国产精品国产自线拍免费软件|
h视频在线观看免费完整版|
野花视频在线官网免费1|
亚洲精品高清视频|
国产jizzjizz视频全部免费|
人妻无码一区二区三区免费|
边摸边脱吃奶边高潮视频免费|
伊人久久五月丁香综合中文亚洲|
欧洲亚洲国产清在高|
在线a人片天堂免费观看高清|
成人免费激情视频|
亚洲综合免费视频|
搡女人免费免费视频观看|
亚洲精品无码中文久久字幕|
久久夜色精品国产噜噜噜亚洲AV
|
一级A毛片免费观看久久精品|
老司机亚洲精品影院在线观看|
国产亚洲欧美日韩亚洲中文色|
亚洲成AV人片高潮喷水|
亚洲福利电影在线观看|
亚洲欧洲国产成人精品|
亚洲国产精品无码久久SM|
亚洲AV永久无码精品水牛影视|