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);
  • 相关阅读:
    Ubuntu环境下IPython的搭建和使用
    智能移动导游解决方案简介
    企业文化、团队文化与知识共享
    CoinPunk项目介绍
    Insight API开源项目介绍
    比特币Bitcoin源代码安装编译
    Javascript单元测试Unit Testing之QUnit
    Node.js的UnitTest单元测试
    Node.js调试
    Alfresco 4 项目介绍
  • 原文地址:https://www.cnblogs.com/Sanje3000/p/6511958.html
Copyright © 2011-2022 走看看