ExtJs4.1:新建一个GridPanel并在弹出窗口中显示

最新推荐文章于 2018-08-20 22:33:40 发布

原创最新推荐文章于 2018-08-20 22:33:40 发布 · 6.8k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#extjs #ExtJS #EXTJS #Extjs #ExtJs #gridpanel #弹出窗口

ExtJs 专栏收录该内容

27 篇文章

订阅专栏

本文介绍如何使用ExtJS创建一个带有过滤功能的GridPanel，并将其展示在一个弹出窗口中。示例包括设置表格布局、加载遮罩、分页工具栏及空记录提示等。

新建GridPanel：

    var grid = Ext.create('Ext.grid.Panel', {
        border: false,
        store: store,
        columns: createColumns(4),
        loadMask: true,
        features: [filters],
        dockedItems: [Ext.create('Ext.toolbar.Paging', {
            dock: 'bottom',
            store: store
        })],
        emptyText: 'No Matching Records'
    });

在弹出窗口中显示

    var win = Ext.create('Ext.Window', {
        title: 'Grid Filters Example',
        height: 400,
        width: 700,
        layout: 'fit',
        items: grid
    }).show();