#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);