用extjs6做一个两竖的表格

您可以使用ExtJS 6中的GridPanel组件来创建一个两列的表格。以下是一个简单的示例代码：

Ext.create('Ext.grid.Panel', {
    title: 'My Grid Panel',
    store: myStore,
    columns: [
        {text: 'Column 1', dataIndex: 'col1'},
        {text: 'Column 2', dataIndex: 'col2'}
    ],
    height: 200,
    width: 400,
    renderTo: Ext.getBody()
});

在上面的代码中，您需要将myStore替换为您自己的数据存储对象，该对象包含您想要显示在表格中的数据。您还可以根据需要调整高度和宽度，并使用renderTo属性将表格呈现在页面上的特定元素中。

相关问题

用extjs6做一个两横的表格

以下是一个使用ExtJS 6创建两行的表格的示例：

Ext.application({
    name: 'MyApp',
    launch: function() {
        // 创建数据源
        var data = [
            { name: 'John', age: 30 },
            { name: 'Mike', age: 25 }
        ];

        // 创建数据模型
        Ext.define('User', {
            extend: 'Ext.data.Model',
            fields: [
                { name: 'name', type: 'string' },
                { name: 'age', type: 'int' }
            ]
        });

        // 创建数据存储
        var store = Ext.create('Ext.data.Store', {
            model: 'User',
            data: data
        });

        // 创建表格
        var grid = Ext.create('Ext.grid.Panel', {
            store: store,
            columns: [
                { text: 'Name', dataIndex: 'name' },
                { text: 'Age', dataIndex: 'age' }
            ],
            width: 500,
            height: 200,
            renderTo: Ext.getBody()
        });
    }
});

这个示例创建了一个名为“MyApp”的应用程序，并使用ExtJS 6创建了一个包含两行数据的表格。数据通过数据模型和数据存储进行管理，并使用列定义来指定表格的列。最后，表格被渲染到页面中。

extjs6写一个表格内点击事件的案例

当然，我很乐意帮您回答关于编程方面的问题。以下是一个extjs6写一个表格内点击事件的案例的示例代码：

Ext.create('Ext.grid.Panel', {
    title: 'Example Grid',
    store: Ext.create('Ext.data.Store', {
        fields: ['name', 'email', 'phone'],
        data: [
            {name: 'Lisa', email: 'lisa@simpsons.com', phone: '555-111-1224'},
            {name: 'Bart', email: 'bart@simpsons.com', phone: '555-222-1234'},
            {name: 'Homer', email: 'homer@simpsons.com', phone: '555-222-1244'},
            {name: 'Marge', email: 'marge@simpsons.com', phone: '555-222-1254'}
        ]
    }),
    columns: [
        { text: 'Name',  dataIndex: 'name' },
        { text: 'Email', dataIndex: 'email', flex: 1 },
        { text: 'Phone', dataIndex: 'phone' }
    ],
    listeners: {
        itemclick: function(dv, record, item, index, e) {
            Ext.Msg.alert('You clicked', record.get('name'));
        }
    },
    height: 200,
    width: 400,
    renderTo: Ext.getBody()
});

在这个例子里，我们创建了一个包含了一个简单的表格的ExtJS面板。在表格的定义上，我们指定了一个名为“itemclick”的事件监听器。这个事件会在用户点击表格的行时触发，同时会通过Ext.Msg.alert方法展示出对应行的姓名。