extjs | mirror of Sencha Ext JS GPL distribution | Icon library

I have a grid column containing combobox as its editor and am using celleditor plugin in which I want to write some validation logic. When I try to select something from the combobox cell, it is expected to lose its focus after the value is changed and then it should go to the validateedit listener. I know there is a blur() method on combobox which will resolve this issue. But as per document, it is a private method so am avoiding that. I wanted to know if there is another way to lose the focus on change or picker collapse or any config which will perform validation on change of field. Below is the code and fiddle.

This works in old versions:

I using extjs version 7.4.

The icon is clearly visible in the example of Sencha. https://examples.sencha.com/extjs/7.4.0/examples/kitchensink/#menu-buttons

However, icon isn't displayed in my actual code screenshot

Is there a problem with my source? Or is it a Sencha bug?

--- source ---

How to customize CSS in order to force dataview (Ext.view.View - classic toolkit) item to be equaly distributed in vertical direction. I have dataview that I would like to present in two columns, but items are not of the same height. I would like to distribute them evenly in vertical direction. Since a picture is worth a thousand words, here is the picture of what i get and what I would like to achieve:

So, dataview aligns items vertically, but I would like that item 3 starts just below the item 1. Basically, I would like that items are poopulated orderly one below the other. I would also like to avoid having two dataviews (one for the left part and the other for right part).

Here is what I got so far:

EXTJS code:

I use Extjs and JS to build a dialog where can display my html data from DB, that data is wrapped with iframe like this:

Any one has a idea on how to invoke a javascript function from puppeteer which is not inline but in an external .js file. If its inline within the html->head->script tag it works but not if the script tag points to an external .js file

Sample HTML File

In ExtJS by default, when one creates a view and an associated controller and then define an event like this myevent: 'onEvent' the onEvent in the controller is executed with the this being the viewController.

Is it possible to have the this be the view?

In ExtJS 6.02, if I have this:

I use ExtJs 6.6.0 Classic. The grid component supports multi-column sorting (I use remoteSort: true, remoteFilter: true). Whenever the user clicks on a column header, that column becomes the first column in the order by list. But I cannot find how an end user is supposed to clear the sorting for a column. The context menu available through the column header doesn't have a "Clear Sort" option.

See also this kitchensink example.

I feel like I am missing something. There is a sortClearText config for the column inherited from the header, but I could not find a place where it's used (I thought that perhaps there is some config I can use to add the Clear Sort menu item to the column context menu).

I could add a button to execute the action of clearing the sorting of the store, as a last resort, but I don't like it.

Is there a simple way to add a Clear Sort option for a grid column through the Extjs components configuration?

Thank you