Extjs 6 ItemSelector如何以編程方式繪制行

Question

我正在使用ExtJS 6.0.2，我有一個具有以下信息的itemselector ：

                               {
                                        xtype: 'itemselector',
                                        name: 'itemselector',
                                        id:'issuerSelector',
                                        buttons: ['add', 'remove', 'allleft','allright'],
                                        height: 300,
                                        width: '30%',
                                        store: 'ItemsStore',
                                        displayField: 'code_isin',
                                        valueField: 'id_valeur',
                                        fromTitle: "fromList",
                                        toTitle: 'toList',
                                        listeners: {
                                          afterrender: function (selector) {
                                              selector.onDisable();
                                          },
                                          change: 'someFuncHere'
                                        },
                                }

我想要的是，加載itemselector數據后，列表“ fromField”上的任何數據具有：

flag : 1

...應該以不同的方式繪制。 （ 注意 ：我不想為此執行“ onChange”事件，因為我希望它在負載而不是更改后識別）。

我試圖在ItemSelector的更新后使用它：

Ext.getCmp('issuerSelector').viewConfig = { 
                    getRowClass    : function( record ) { 
                        if ( record.data.flag == 1 ) {
                            return 'newCss';
                        }
                    }
                }

...但是由於某些原因，css不會顯示，即使刪除了if，新的CSS也永遠不會應用於itemSelector（這通常適用於網格）。 因此，我在這里問是否有人可以幫助我找到解決該問題的方法。

Answer 1

問題在於， viewConfig已在渲染期間應用於視圖。

您可能要檢查的是grid.getView().getRowClass = function() ...有效。