Extjs checkColumn

Question

Я вижу пример в ExtJS, но, похоже, checkColumn не обновляет XML. API тоже не очень полезен. То, что я хотел сделать, это что-то вроде этого. Когда пользователь нажимает флажок в сетке, он отправляет запрос AJAX.

Answer 1

columns: [{
        xtype: 'checkcolumn',
        width: 30,
        sortable: false,
        id: 'check1',
        dataIndex: 'check11',
        editor: {
            xtype: 'checkbox',
            cls: 'x-grid-checkheader-editor'
        },
        listeners: {
            checkchange: function (column, recordIndex, checked) {
                alert(checked);
                alert("hi");
            }
        }
    }
]

у меня сработало :) 1002 *

Answer 2

в extjs4 вы можете сделать это. есть событие 'checkchange', поэтому вы можете получить что-то вроде этого:

{
    header: 'State',
    dataIndex: 'STATE',
    xtype: 'checkcolumn',
    editor: {
        xtype: 'checkbox',
        cls: 'x-grid-checkheader-editor'
    },
    listeners: {
        checkchange: function(column, recordIndex, checked) {
            console.log(checked);
            //or send a request
        }
    }
}

Answer 3

, если Вы собираетесь или хотите запустить запрос ajax в событии смены чека. Я думаю, что это поможет вам.

columns: [{
    xtype: 'checkcolumn',
    width: 30,
    sortable: false,
    id: 'check1',
    dataIndex: 'check11',
    editor: {
        xtype: 'checkbox',
        cls: 'x-grid-checkheader-editor'
    },
    listeners: {
        checkchange: function (column, recordIndex, checked) {

            Ext.Ajax.request({
                url: 'abc.com/index.php',
                scope: this,
                params: { postData: postdata },
                method: 'POST',
                success: function (a) {

                }

                });
            }
    }
]

Answer 4

Вы захотите запустить запрос ajax в событии смены чека. Или, если вы пытаетесь использовать CheckboxSelectionModel в сетке, включите слушатель в rowselect для запуска запроса ajax.