I have used Brian Hamm's code (http://brianhann.com/ui-grid-and-dropdowns/) to display successfully a ui-select in a ui-grid. I am now using the same code but the ui-grid is being displayed in a modal window..and you guessed it...the ui-select does not work..the ui-select-match field does not display in the cell and the dropdown does not drop down.
I cannot find anything on this topic in stackoverflow, github or elsewhere, but this cannot be a unique issue. I would imagine many applications want to use uigrids in a modal that have ui-selects.
Any ideas?
Related
I use AngularJS Dropdown Multiselect and try to display a very large list of item (around 5000), from the docs "scrollable" means "Indicates if the dropdown is scrollable, useful if you have a lot of items.". I thought this is virtual scrolling feature, but it is not. Does anyone know any solution in this case?
I have situation like below:
The textbox is now a open search box and the select box is a dropdown with different values; now the scenario is to enable autocomplete for couple of category values
So how to manage the autocomplete enabling and other categories as open search and not autocomplete.
We are using AngularJS 1.x in our application as the base framework.
use anguComplete module for autocomplete,when ever you want autocomplete code than you push the data into countries array the relative data to the autocomplete,if you are not interested than you don't push the data into countries array in to that array.
Easy way, add angularjs material that contains directive mdAutocomplete . It's already contains a lot of possible options that you could need in future.
i like to confess that i am not very good in angular and still learning. i have to load huge data and has to show by dropdown. i would prefer if i could do the pagination at dropdown end. i am working with a custom dropdown which is good and taken from this site http://developers.dss.ucdavis.edu/angularjs-serachable-multiselect-dropdown-directive/
but the above custom multi select dropdown lack one feature for showing pagination link. so the problem is user can not show minimum data and click on other link on demand to load next set of data. just wonder anyone mind to add code in the custom directive which add pagination feature there.
so at a time i can load 20 data and click on next pagination link to load next 20 data. i have seen people already developed angular pagination directives. here is one similar link http://angularjs4u.com/pagination/top-5-angularjs-pagination-demos-2014/ hence i am new in angular so do not understand how to add custom pagination directive in another custom multi select dropdown directive.
it will be really good help if some one show me how to achieve it. thanks
With the same UI Bootstrap that they use in that blog there is a pagination directive.
Here's a Plunkr
A few key points here are:
The normal ng-repeat is set as filtered variable to allow for update of search filter along with paginated.
ng-repeat="item in filtered = (allItems | filter: ...
In the same repeat after the filter you set a "limitTo" to set pagination on the list
... ) | limitTo:limit:begin
Then you just need to follow the ui bootstrap pagination
<uib-pagination total-items="filtered.length">
How can I open a modal (to edit data) on click of a row in ui-grid?
Something like this plnkr, except it's in ng-grid and I need it for ui-grid.
This link can be useful , it covers a basic guide to migrate from ng-grid to ui-grid https://technpol.wordpress.com/2014/08/23/upgrading-to-ng-grid-3-0-ui-grid/
I'm using Angularjs and Kendo-UI. When I use the Kendo-ui multiselect and I have other elements like on the same view, the selections I have made in the multi-select list disappear when I type text into the .
I added a simple plunker demo at the link below. To use it, just select one or more states from the multi-select States list FIRST before entering an text in the textboxes. After selecting the states from the list, then enter text into the text boxes and the selected States just disappear from the multi-select list.
http://plnkr.co/edit/StiCOoTT4jzpfCwTOEVe?p=info
Thanks for any help!
Just remove the "k-" from the "k-ng-model" in the select element.
Here's a working version: http://plnkr.co/edit/hivBnyTyYtYHxDLJgF0i?p=preview