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

巴特西

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

最新文章

热门文章