#Java Web累积#表格<table>中隐藏列做备用数据

初入JW,MyEclipse,JS文件中码砖时怎么连个提示都没有。

步骤1  JSP代码中,Table多出一列,如下列代码中的 Other,其中css文件中将col00的width设置为0px;

 <table class="historyList" bordercolor="#949393" border="1">
                <thead class="tableFirst">
                <tr>
                    <th class="col3">
                       第一列
                    </th>
                            
                    <th class="col8">
                         第二列
                    </th>

                        。。。。。。。。。。
    
                    <th class="col5">
                        第n列
                    </th>

                    <!-- Other -->
                    <th class="col00">
                    </th> 
                    
                </tr>
                </thead>

                <tbody class="tableBody" id="facitaorContainer">
                   <tr class="oneLine">
                   </tr>
                </tbody>
            </table

步骤2  在JS代码中,对应JSP中<table>构造一行的的各列数据格式,最后一列使用一div并display:none;

model={line:'<tr class="oneLine"> 
        <td class="T_NO"></td>    
        <td class="T_Name"></td>    
          
     。。。。。。。。。。。。。。。。。。。
        <td class="T_Phone"></td>    

        <td><div style="display:none"> 
        <input class="T_Mobile1" /> 
        <input class="T_Mobile2" /> 
        <input class="T_Eail" /> 
        <input class="T_address" /> 
        </div> 
        </td> 
        </tr>'
}

步骤3  根据步骤2中的数据格式,填充相关数据。

     var body=$("#Container");

          var single=$(model.line);
            
            //no
            single.find(".T_NO").text("1111111");
            
            //name
            single.find(".T_Name").text("什么很美");

       .......................
           //phone
            single.find(".T_Phone").text("1333333333");
      //Other
      //T_Mobile1

      single.find(".T_Mobile1").val("13444444444"); 

      //T_Mobile1

      single.find(".T_Mobile2").val("13555555555");

    body.append(single);
原文地址:https://www.cnblogs.com/Sanje3000/p/6511958.html