Add custom item to grid menu in ExtJS3 - javascript

I'm trying to make some changes on CMS, which uses ExtJs 3.
What I want is to add 2 buttons:
Show all posts
Show only my posts (there is a column called "Member")
I've founded the solution here , but it uses ExtJs 4 and is incompatible with older version. How can I do it for ExtJs 3?

I know I don't give you enough information but I can suggest you to use a filter on the store to make the button works.
Something like:
MyStore.filter("Member", true);
And
MyStore.clearFilter();
I haven't create this kind of button (on the list of option) so I can't help for this part. Maybe you can create this button outside of the grid?
Hope this help

Related

dynamic pemission in angular6 and aspcore

I want to create a dynamic access level, but I have no idea how to do it.
I need to fully dynamically navigate the menus and buttons of the site, but I do not know if I could do this.
I mean more buttons. For example, the delete and edit button, and the update button.
Please guide me to get a good idea.
I already worked on that type of case. And i used https://www.npmjs.com/package/ngx-permissions which is pretty handy when roles/permissions have to be managed. For example you can retrieve the user roles from the database, and fixe roles behaviors on buttons or panels or everything you want to show/hide. It works like a charm. I encourage you to read the documentation. It will help you for sure.
Have a nice day
You can achieve this using ngxpermission. Refer this link for a sample which has a user component in which buttons and menus are loaded dynamically based on the permission that you have set. I have forked angular 5 example and modified it. But you can achieve the same in latest angular version too.

Multi select Dropdown with filter

I have a requirement where in I have to create a multi select drop down where the elements can be searchable and the count of selected items should be displayed upon selection.
I have found the partial part of the requirements at this link
But not sure how to make the drop down collapsible and expandable
Wire frame image as below
Has anyone come across and worked on such requirements?
Well it depends also a bit if you are using plain Javascript or if you are also using a Framework like Angular/vue/ember or so
here is one component that looks like it makes what you want
http://selectize.github.io/selectize.js/

How to create linked multiselect boxes in extjs classic 6

I'm starting my adventure with ExtJS, currently I'm using version 6.0.2 (Classic). I have to create specific kind of form as shown in link below :
I think it is a kind of Html's Select Box with multiple selection option.
My question is how can I create it in Ext JS? Is it possible to use ComboBox or other Ext component to create such a form? (I've read Sench docs and I didn't find Selection Box, whereas MultiSelector has deprecated config MultiSelect).
Thanks in advance for helps.
I'm pretty sure what you're looking for is called an ItemSelector in ExtJS.
See here: http://docs.sencha.com/extjs/6.2.0/classic/Ext.ux.form.ItemSelector.html
The search function for the second box is not available, though. If you absolutely need that, you'll have to override the ItemSelector and/or build your own component for that.

Best way for custom filtering in SlickGrid

In my app, I have a SlickGrid data grid and I would like to support filtering on it.
I went through these examples:
SlickGrid example 4:
Model
Using fixed header row for quick
filters
I am not interested in the UI of those two examples. I want to provide a filter icon on the column header and when a user clicks it, a drop down should popup with distinct items in the column and checking or unchecking these should filter the column by them.
I can code all this up on my own but as there is some filtering supported in SlickGrid, is there any way I can change the UI as I described earlier?
I am assuming that many people must have already thought in that direction.
Any other suggestions are welcome.
Thanks
I did it using my own coding..there is no inbuilt way of providing a filter like what you want..
You have to first create a button in every header column clicking which will show/hide the panel in which all columns with checkboxes will be there...
Now when you check/uncheck any CB you need to trigger the updateFilter function which is called on keypress in the examples links which you have posted and then check if the entered string is in the columns which are checked(all columns if nothing checked or whatever is your approach) and return true or false accordingly

Multiple selection in Bootstrap typeahead

I'm looking for a proper way to implement the jquery mobile filter list in bootstrap typeahead component.
The functionality that I needed is here in the following link. Please scroll down to the bottom. http://jquerymobile.com/demos/1.2.1/docs/lists/lists-inset.html
In the filtering list, I want to add checkboxes for each list items and the user should be able to check multiple value. They don't have to be added to the textfield. As that's the only function I need, its no use of adding the whole jquery mobile library to the project.
I found couple of options in the following link which goes near my requirement.
http://fusiongrokker.com/post/heavily-customizing-a-bootstrap-typeahead
But, the multiple selection by clicking checkboxes didn't work with bootstrap typeahead.
Can anyone give me a good solution for this.
Thanks
If you looking for bootstrap, this plugin can be used in your project
https://sliptree.github.io/bootstrap-tokenfield/
I saw following has been suggested in many places:
http://ivaynberg.github.io/select2/
(If you use the multi-value version.)

Categories