如何使用显示器来显示数据列表：表

问题描述：

我必须要显示的公司名称列表，并在jsp中形成自己的联系一样，如何使用显示器来显示数据列表：表

-company1 
    contact1 
    contact2 
-company2 
    contact1 
    contact2 
..............

我不知道该怎么做任何建议或链接的例子？ PS：在DB我公司和联系人（通过FK关系）的表

答

如果你正在使用Hibernate，您可以使用您的DAO为了一旦你的信息获得的信息（即公司的List）你可与排在首位的AJAX和JSON做到这一点，你必须下载JSON插件Struts2的贴这在你的Maven POM文件或donwload jar文件

<dependency> 
    <groupId>org.apache.struts</groupId> 
    <artifactId>struts2-json-plugin</artifactId> 
    <version>2.3.16.3</version> 
</dependency>

也为了让您的JSON对象，你必须序列所有分类

public class Company implements Serializable {// code getters; setters;}

，并在动作类

@ParentPackage("json-default") 
@Action(value = "getCompanies", results = { 
@Result(type = "json", name = "success")}) 
public class FetchCompanies extends ActionSupport { 
    public List<Company> listOfCompanies = new ArrayList<Company>(); 

    @Override 
    public String execute() { 
     CompanyDAO dao = new CompanyDAO(); 
     listOfCompanies = dao.query("FROM Company"); 
     return SUCCESS; 
    } 

    //Getter Setter 
}

，然后创建一个.js文件与AJAX调用来填充表

$(document).ready(function() { 
    $.ajax({ 
     url: "getCompanies.action", 
     type: "POST", 
     dataType: "json", 
     success: function(data) { 
      jQuery.each(data.listOfCompanies, function(i, val) { 
       $('#yourBody').append("<tr><td>" + val.attribute1OfYourCompanyClass + "</td></tr>"); 
      }); 
     } 
    }); 
});

，这是你的HTML可能看起来怎么样

 <div> 
      <table> 
       <thead> 
        <tr> 
         <th>Attribute1</th> 
        </tr> 
       </thead> 
       <tbody id="yourBody"> 
        //In this section ajax call will insert your information 
       </tbody> 
      </table> 
     </div>

如何使用显示器来显示数据列表：表

相关推荐