Component as grid emptyText in ExtJS? - extjs

I want to display a component as emptyText for a grid, the ExtJS documentation states that only HTML can be shown.
For example a button that pop-ups a create window, as shown below:
Is there a workaround to use a component in a grid, or perhaps even a config that I'm missing?

Of course you can do that, just that you will have to debug a lot in order to see how to do that. That's why I have an alternative: add a hidden docked toolbar with your "Create new employee" button. Then add an listener for the load store event, and when no records are available, simply show the toolbar, otherwise hide the toolbar.

Related

Toggle ExpansionPanel expand/collapse via ref

I am using react material-ui v4.9 in my project and have multiple ExpantionPanels.
I would like to define a ref for each and have a top level button on my page to let use user Expand All and Collapse All via one click. On that click event, I would like to use the refs for each panel and either collapse or expand them all.
Is that something that is possible?
I see that the panel has an expanded property that maybe I could set to true or false, but I think that will get out of sync if the user expand or collapses some panels. Also, some panels have the defaultExpanded property turned on as well.

How do I get Panel key when I click on extraIcon and the panel is active is Antd Collapse component?

I have a situation, where I need to get the panel key when I click on extra icon (present beside expand arrow/collapse arrow) for the requirement posted below.
When I click on icon, I should remove that panel and add it to the right and vice-versa. To do that, I need to get panel key which I get when Panel is not in active state in onChange callback function, but don't get the same when the panel is active.
How do I do this? Please let me know
In the specific case wanted by #anup-r (modifying an antd sample) it is necessary to pass to the genExtra function the key of the panel
See updated sample

Tipsy +Views Tooltip is not working

I want to show Tooltip inside Views UI. I installed following two modules:-
Tipsy
Views Tooltip
I have following fields in the Views UI:-
Name[Visible]
Snaps[Visible]
Now add field "Global: Tooltip" inside Views UI. I gave a simple "Hello" in the "Tooltip text".
My requirement is to simply show the hello text as tooltip for snaps inside View.
Tipsy Configuration are as follows:-
Please let me know what am I doing wrong as tooltip is not being shown.
Try checking "child" under content class and check that your page output (use firebug or whatever) does not place the tooltip content class as a sibling (same level) as the tooltip class.

Grids - Action Column to behave like a Flyout Menu

I'm using ExtJS for my project and can see that there is a way to embed "actioncolumns" inside of Grid columns. However, my "action" isn't just a single click, it actually needs to show a flyout menu (similar to the Menu control). Is there a direct way to do this in Ext? Or do I have to implement all this functionality myself?
There is no direct way. You need to create a menu and show it manually in the event handler for action button. You can also show menu as a context menu for the grid (right click).

Referencing current dialog in ExtJS from a CQ5 component dialog

I'm new to CQ5 and ExtJS and this is my scenario:
I created a new component with its own dialog for authoring. In the dialog I added a checkbox field with a custom xtype that I created. What I want to do is this:
Whenever the checkbox is checked/unchecked, I want to dynamically add/remove a TAB to the existing dialog to show further authoring options.
I've seen how to handle ExtJS' Window and TabPanel but I can't figure out how to get the reference of the dialog I'm in so that I can manipulate it (add/remove tabs).
I tried CQ.Ext.WindowMgr.getActive() to see if that gets me my window/dialog but it's not giving me what I expect.
Any ideas? Thanks!
You probably want to add listener(s) to your field.
http://dev.day.com/docs/en/cq/current/developing/widgets.html#Dynamic Dialogs
You should be able to use this.findParentByType to find the parent dialog.

Resources