代码重构七

时间:2014-03-05 18:15:17   收藏:0   阅读:461

2014年3月5日 08:50:30

工作上需要动态添加表格的记录,然后删除部分。

js如下:

bubuko.com,布布扣
/*
 * 
 *---------
 *2014-03-04 16:40:38
 *新增tr
 *----------
 */

 function insRow(){
     
     var ta =document.getElementById("productTable");
     var i=ta.rows.length;
     //
     var newRow = ta.insertRow(i);    

     //设置行的属性
     //ie不支持此设置
    // newRow.setAttribute(‘onclick‘,‘changeColor()‘);
     newRow.onclick = changeColor;
     //单元格
     var newTd0= newRow.insertCell(0);
      var newTd1= newRow.insertCell(1);
       var newTd2= newRow.insertCell(2); 
        var newTd3= newRow.insertCell(3);
        
         var newTd4= newRow.insertCell(4);
      var newTd5= newRow.insertCell(5);
       var newTd6= newRow.insertCell(6); 
        //单元格的内容
         
       newTd0.innerHTML=i;
       newTd1.innerHTML="<input type=‘text‘ value=‘‘ name=‘sp_ProductNo[]‘  />";
       newTd2.innerHTML="";
       newTd3.innerHTML="";
        newTd4.innerHTML="";
         newTd5.innerHTML="<input type=‘text‘ value=‘‘  name=‘sp_Amount[]‘ />";
          newTd6.innerHTML="<input type=‘text‘ value=‘‘  name=‘sp_Remark[]‘ />";
           
     }
插入行
bubuko.com,布布扣
/*
  *---------
  *2014-03-04 17:27:41
  *点击改变tr的颜色
  *--------------
  */

  function changeColor(){

    $(this). toggleClass("highLight"); 
    
      }
选中tr
bubuko.com,布布扣
/*
 * -----------
 *2014-03-05 08:39:07
 *删除tr
 *对原来的要重新排序,否则行号乱了
 *-------------------
 *
 */
 function deleRow(){
     $("tr[class=‘highLight‘]").each(function(){
         $(this).remove();
         });
     }
删除tr

 

bubuko.com,布布扣
/*
 *----------- 
 *2014-03-05 08:49:47
 *对表格行号排序
 *------------------
 *
 */
 function sortRow(){
             var i=1;
     $("#productTable  tr td:first-child").each(function(){
            $(this).html(i);
            i++;

         });
     }
排序

 

 

2014年3月5日 10:45:22

 

 

页面post过来的数组,无法直接[]访问

 

 $this->input->post(‘sp_ProductNo‘) 是数组,直接在后面添加[0] 报错。

解决的方法是: 先存为变量,再访问就正常

代码重构七,布布扣,bubuko.com

原文:http://www.cnblogs.com/jsRunner/p/3581705.html

评论(0
© 2014 bubuko.com 版权所有 - 联系我们:wmxa8@hotmail.com
打开技术之扣,分享程序人生!