zoukankan      html  css  js  c++  java
  • #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);
  • 相关阅读:
    nj07---npm
    nj06---包
    nj05---模块
    nj04---事件回调函数
    nj03---阻塞和线程
    nodejs02---demo
    nodejs简介
    【转贴】内存系列一:快速读懂内存条标签
    【转贴】4个你未必知道的内存小知识
    Linux上面mount 域控的目录 超时 然后提示 error的解决办法
  • 原文地址:https://www.cnblogs.com/Sanje3000/p/6511958.html
Copyright © 2011-2022 走看看