extJS 4.0.2 select 行通过从 chrome 控制台模拟鼠标点击事件

Question

我想通过从 Chrome 控制台模拟鼠标点击或 firingEvent 鼠标点击来 select 行，不幸的是，之前的所有尝试均未成功且无效。

document.getElementById('#....').click() 等..

之后，我发现我需要 rewrite/use 从 ext-all.js (4.0.2a) 触发事件处理，但没有弄清楚如何在我的案例中明确地实现它. 你能帮忙吗？

提前致谢。

所需状态的图示

Answer 1

您使用grid.getSelectionModel() and inside of Ext.selection.Model have method select();

在此 FIDDLE 中，我使用您的代码创建了一个演示。我希望这会 help/guide 你。

代码片段

Ext.application({
    name: 'Fiddle',

    launch: function () {
        Ext.create('Ext.data.Store', {
            storeId: 'gridStore',
            fields: ['name', 'email', 'phone'],
            data: [{
                'name': 'Lisa',
                "email": "lisa@simpsons.com",
                "phone": "555-111-1224"
            }]
        });

        Ext.create('Ext.grid.Panel', {

            title: 'Grid manually selection',

            store: 'gridStore',

            columns: [{
                text: 'Name',
                dataIndex: 'name'
            }, {
                text: 'Email',
                dataIndex: 'email',
                flex: 1
            }, {
                text: 'Phone',
                dataIndex: 'phone'
            }],

            renderTo: Ext.getBody(),

            bbar: [{
                text: 'Assign',
                itemId: 'assignBtn',
                disabled: true// See initially button is disabled I have enable when record has been selected.
            }],

            listeners: {

                afterrender: function () {
                    this.getSelectionModel().select(this.getStore().getAt(0));
                },

                select: function (grid, rec, index) {
                    this.down('#assignBtn').setDisabled(false);
                }
            }
        });
    }
});

extJS 4.0.2 select 行通过从 chrome 控制台模拟鼠标点击事件

extJS 4.0.2 select row by simulating mouse click event from chrome console

javascript

extjs

extjs4

google-chrome-console