Javascript 带有分页的ExtJS网格,而不是combobox

Javascript 带有分页的ExtJS网格,而不是combobox,javascript,extjs,combobox,grid,multi-select,Javascript,Extjs,Combobox,Grid,Multi Select,我正在创建combobox中的项目列表,但要求我使用grid创建它,并包含分页。是否可以创建一个包含项目列表的网格,然后像在下拉菜单中一样选择它们(具有multiselect功能),然后单击submit按钮获取值并通过php文件进行处理 我的想法:网格用于显示信息列表,网格中的文本可以是链接文本。但据我所知,您不能从网格中选择项目,然后单击提交按钮进行处理 不管怎样,最好的方法是什么?如果这两种方法都不可能,我可以使用multiselect来创建列表吗?使用displayfield和valuef

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

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


不管怎样,最好的方法是什么?如果这两种方法都不可能,我可以使用multiselect来创建列表吗?使用displayfield和valuefield?

您可以将复选框添加到网格中的每个项目,然后对所选项目执行一些操作

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);
    }
});

希望我正确理解了你的问题

谢谢你的回答我相信这很有用,但我对extjs不是很在行,必须用列表来完成