带有分页功能的 ExtJS 网格,而不是组合框

发布于 2024-11-28 00:02:03 字数 244 浏览 1 评论 0原文

我正在创建组合框中的项目列表,但系统要求我使用网格创建它并包含分页。是否可以创建一个包含项目列表的网格,然后像在下拉菜单中一样选择它们(具有多选功能),然后单击提交按钮时获取值并通过 php 文件处理它。

我的想法:网格用于显示信息列表,网格中的文本可以是链接文本。但据我所知,您无法从网格中选择项目,然后通过单击提交按钮进行处理。

无论如何,最好的方法是什么?如果这两种方法都无法实现,我可以使用多重选择来制作列表吗?有显示字段和值字段吗?

I am creating a list of items, that are in combobox, but I am asked to create it with grid and to include pagination. Is it possible to create a grid with list of items, and then select them like in dropdown menu (with multiselect feature) and when clicked a submit button get the values and process it through php file.?

My thoughts: Grid is for displaying list of information, and the text in grid can be link text. But as far as I know you can't select item from grid then process by clicking submit buttons.

Anyways, whats the best way of doing it? And if its not possible with neither one of the methods, can I use multiselect to make the list? With displayfield and valuefield?

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

无人接听 2024-12-05 00:02:03

那么,您可以向网格中的每个项目添加复选框,然后对选定的项目执行一些操作。

Ext.define('Your.items.Grid' ,{
    extend: 'Ext.grid.Panel',

    title : 'Grid with checkboxes',
    store: 'Items',
    // This line adds checkboxes
    selModel: Ext.create('Ext.selection.CheckboxModel'), 

    columns: [
         // Some columns here
    ],    
    initComponent: function() {

        this.dockedItems = [{
            xtype: 'toolbar',
            items: [{
                itemId: 'process',
                text: 'Process',
                action: 'process' // Bind to some action and then process
            }]
        },
        { // Here is pagination
            xtype: 'pagingtoolbar',
            dock:'top',
            store: 'Items',
            displayInfo: true,
            displayMsg: 'Displaying items {0} - {1} of {2}',
            emptyMsg: "No items to display"
        }];            
        this.callParent(arguments);
    }
});

希望我正确理解你的问题

Well, you can add checkbox to each item in grid and then do some action to selected items.

Ext.define('Your.items.Grid' ,{
    extend: 'Ext.grid.Panel',

    title : 'Grid with checkboxes',
    store: 'Items',
    // This line adds checkboxes
    selModel: Ext.create('Ext.selection.CheckboxModel'), 

    columns: [
         // Some columns here
    ],    
    initComponent: function() {

        this.dockedItems = [{
            xtype: 'toolbar',
            items: [{
                itemId: 'process',
                text: 'Process',
                action: 'process' // Bind to some action and then process
            }]
        },
        { // Here is pagination
            xtype: 'pagingtoolbar',
            dock:'top',
            store: 'Items',
            displayInfo: true,
            displayMsg: 'Displaying items {0} - {1} of {2}',
            emptyMsg: "No items to display"
        }];            
        this.callParent(arguments);
    }
});

Hope I understood your question correctly

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文