首页 / EASYUI / EasyUi datagrid 动态生成表头

EasyUi datagrid 动态生成表头

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了EasyUi datagrid 动态生成表头，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含2845字，纯文字阅读大概需要5分钟。

内容图文

从后台到显示

表头显示数据

            /**
            
 * 服务器账单明细
 * 
            @author
             Administrator
 *
 
            */
            public
            class ServerBillingDetailInfo implements Serializable{
    /**
     * 
     */privatestaticfinallong serialVersionUID = 6802412713642265144L;
    private Long id;//服务器账单idprivate String bussinessNum;//服务器账单os账号private String ip;//服务器账单服务器Ippublic ServerBillingDetailInfo() {
        super();
        // TODO Auto-generated constructor stub    }
    public ServerBillingDetailInfo(Long id, String bussinessNum, String ip) {
        super();
        this.id = id;
        this.bussinessNum = bussinessNum;
        this.ip = ip;
    }
    public Long getId() {
        return id;
    }
    publicvoid setId(Long id) {
        this.id = id;
    }
    public String getBussinessNum() {
        return bussinessNum;
    }
    publicvoid setBussinessNum(String bussinessNum) {
        this.bussinessNum = bussinessNum;
    }
    public String getIp() {
        return ip;
    }
    publicvoid setIp(String ip) {
        this.ip = ip;
    }
    @Override
    public String toString() {
        return "ServerBillingDetailInfo [id=" + id + ", bussinessNum="
                + bussinessNum + ", ip=" + ip + "]";
    }
    
}

表头类：

            public
            class
             Header{
    
            private
             String field;
    
            private
             String title;
    
            private
            int width=150;
    public ServiceDto() {
        super();
        // TODO Auto-generated constructor stub    }
    public Header(String field, String title, int width) {
        super();
        this.field = field;
        this.title = title;
        this.width = width;
    }
    public String getField() {
        return field;
    }
    publicvoid setField(String field) {
        this.field = field;
    }
    public String getTitle() {
        return title;
    }
    publicvoid setTitle(String title) {
        this.title = title;
    }
    publicint getWidth() {
        return width;
    }
    publicvoid setWidth(int width) {
        this.width = width;
    }
    @Override
    public String toString() {
        return "AccountDto [field:" + field + ", title:" + title + ", width:"
                + width + "]";
    }
    
}

controller:

            //
            组装表头
@RequestMapping(value = "/getIP", method = RequestMethod.GET)
    public @ResponseBody
    List<?> getBillingDetailInfosAllIP(HttpServletRequest req) {
　　　　　List<Header> ths = new ArrayList<Header>();
        Header header1= new Header();
        header1.setField("date");
        header1.setTitle("时间");
        ths.add(header1);
        for (int i = 0; i < list.size(); i++) {
            Header header = new Header();
            header.setField(list.get(i).getIp());
            header.setTitle(list.get(i).getBussinessNum());
            ths.add(header);
        }
        return ths;
    }

js：

            $.ajax({
        url : "AccountWYF/getIP",
        // data:json,// contentType:"application/json",
        success : function(data) {
            writeObj(data)
        }
    });

    function writeObj(data) {
        $(‘#billingWindow‘).datagrid({
            url : ‘AccountWYF/getMonthAll‘,
            method : ‘get‘,
            title : ‘账务查询‘,
            columns : [ data ],
            queryParams : params(),
            pagination : true,
            pageSize : 5,
            pageList : [ 5, 10, 15 ]

        });
    }

jsp：

<div data-options="region:‘center‘,border:true,split:true"
        style="padding:5px;background:#eee;">
        <table id="billingWindow" class="easyui-datagrid" style="width:98%">
        
        
        
        </table>
        </div>

完成

原文：http://www.cnblogs.com/fanfengzi/p/6127825.html

内容总结

以上是互联网集市为您收集整理的EasyUi datagrid 动态生成表头全部内容，希望文章能够帮你解决EasyUi datagrid 动态生成表头所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/1323510.html

来源：【匿名】