ExtJS: Select/highlight multiple items in menu - extjs

I have a menu with a list of items.
I'd like the user to be able to select multiple items (without menu auto-collapsing). His/her selection should be communicated by highlighting the selected items. So what I need is:
A way to suspend menu auto-collapse on clicks
A way to highlight (select) specific items
A way to see which items are selected
Currently, I don't see methods in the API to do this, and answers from similiar questions are dated (~2007) for which the API no longer exists.
Help?

That sounds like a checkbox menu, take a look at Ext.menu.CheckItem.

Related

Inovua ReactDataGrid column filter context menu does not always open with one click on the column filter icon

I used Inovua ReactDataGrid to display a data table with a header row and column filters. Each column filter has a filter icon, and a click on each normally displays a column filter context menu which allows to select the type of filter (e.g. for a string filter one can choose between "contains", "starts with", "ends with", ...).
A problem arises when one clicks on a filter icon, selects a filter type (e.g. "contains" for a string filter), and after that clicks on the same filter icon again. In that case, the filter context menu does no open. One needs to click once again on the filter icon (so in total twice) to open the filter context menu once again.
Does anyone how why this happens or how to change the behaviour such that one needs to click only once on the filter icon to display the filter context menu once again?
It would also help to know how to open the filter context menu programmatically. In that case, I would be able to write a workaround. Does anyone know how to do that?
I was able to render a custom filter icon and use an event handler for the custom filter icon to know when one clicks on the icon but I was not able to open the filter context menu programmatically after that.
In the meantime I found a solution for the problem. There already exists an issue in the reactdatagrid Github repository which describes the problem I had and which is solved in reactdatagrid 5.x.x. As I used reactdatagrid 4.x the problem arosed to me. I simply updated to the current version 5.8.0 and the problem was gone.

Keep options list static in Semantic UI multiple search select dropdown

As it works now, the multiple search select dropdown allows a user to search for an item contained within the options list, and once selected, removes the option from being able to be selected again. I'd like to be able to keep that option available.
I'd like to keep the options list static when a user clicks on an item in the multiple search select dropdown.
My findings so far:
It appears the options list contained with the event object does not change when a user selects an item from the list.
This is currently not possible. All the selected values are filtered out of the menu options in a multi select Dropdown.

How do I conditionally show or hide fields on a Layout in Filemaker 14 Advanced?

I'm new to creating Layouts in Filemaker (I'm not using the latest version; am using Filemaker 14 Advanced instead), and I need to know: How can I conditionally/programmatically hide and show drop-down menus on the Layout, based on a selection in another drop-down menu? For instance: Let's say I have a drop-down menu called "Race," and it has three selections: "Human, Vampire, Werewolf." If I choose "Human," I want another drop-down menu called "Class" to appear; if I choose "Vampire," I want a different drop-down menu, called "Clans," to appear instead; if I choose Werewolf, then I want a drop-down menu called "Tribes" to appear. How can I engineer this using Filemaker's built-in language, or is there some other way to do it? Step-by-step instructions and/or code, please; like I said, I'm really, really new to this and to databases in general. Thanks!
You can conditionally hide layout objects by putting a calculation in the Hide Object When blank in the Behavior section of the Data tab on the Inspector palette.
That said, there are relational ways to have your dropdowns change their contents based selections in other fields. That is a lot more flexible, but (of course) more complex. What you want to set up is called a Dynamic Value list and is based on the values in a related table, filtered by the choices you made in the previous fields.
The calculation basically boiled down to just a single "equals" statement, or a bunch of them, simply singling out the value that would need to be selected in order to hide the layout objects I wanted hidden. Thanks for the help, guys! :-)
In my case, I wanted the new dropdown menus to stay shown even if many options were chosen in the first menu. I used the Pattern Count function (https://fmhelp.filemaker.com/help/10/fmp/en/html/func_ref3.33.73.html) to specify that if the answer to the last dropdown menu contained this optioned checked, the new menu would be shown by writing the following : Not PatternCount(table::variable;"text in one of the options")

Adding a button to the end of the grouped gridview

I am looking into adding a button to the "end" of the grid view.
The idea is that I have a grouped view showing groups and items with in these groups. I only show some of the items within the group and wants to show a "load more" button at the end of the items shown.
I have tried all kinds of things in the standard grouped items page with no luck.
Any good ideas?
Thanks in advance
Kim
The simplest answer is to follow the approach used by most existing apps: Allow the user to click on the header to display all the items.
You can also add the "Load More" button as if it was a normal grid item. Then, style it differently using a different template and ItemTemplateSelector.
Finally, the most complex (and flexible) solution would be to put the "Load More" button above the GridView, and manually sync its location when the GridView is scrolled...

ExtJS - Nested Window/FormPanel

This is sort of a subjective question, but I'd like to get some ideas on the best way to lay this out. I'll set up the situation for you.
I have a grid with a column that allows the user to "View Details" on a particular item. The grid also allows the user to select multiple rows and "View Details" on those items. When the user clicks "View Details", a Window will pop over the grid, with a form inside it and controls to navigate between the multiple items (if they selected multiple items).
Here's a picture for an example:
I have no problem creating the Window, but I'm curious as to how to handle multiple "FormPanels", if that makes sense? Would I need to create another Panel inside the container Panel for each item they have selected, and then hide/show based on the active item (shown as "Item #1" in the dropdown)?
I'm thinking of it like a deck of cards in which you can navigate through, but I've never done something like this before. Also note that each item/card will be prepopulated with information from the grid, but that should be easy enough to do if I'm using the same Store.
Thoughts?
Yes you're right, and the layout you're looking for is the CardLayout.
You can read about it in the API here. The basic idea is like you said, a stack of cards that contain components, and you shuffle through them by calling the relevant methods.

Resources