I have bind data to table from Json Object,i need to implement column wise multiselect dropdown filter for the data. i have done the single dropdown selection.filter required on multiple selections on each column dropdown.
I dont really understand the question but you can take a look Here .
it works really nice and it works also on mobile phones .
Related
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">
I am trying to set the filter in ui-grid pragmatically but doesn't seem to work with ranges.
This plunkr shows one of the filters working perfectly (the name). But the age filter populates the input box but doesn't appear to update the grid's filter.
Do I have to manually update the filter?
I have also tried setting the entire filter when the button is clicked by:
$scope.ageColumn.filters=$scope.ageFilter;
but that also doesn't work.
Any idea how to get this to work?
Looks like we need the term to be a string - when it's a number it doesn't work.
$scope.ageColumn.filters[0].term='30';
http://plnkr.co/edit/2TvIqdKYeRuYXUx1bRNo?p=preview
Not sure why that would be the case, so I need to take a look at that.
I have a problem using ng-grid search filter on column wich references cellTemplate.
My data object has multiple fields. One of those fields is an array and I use cellTemplate to create a div with ng-repeat to show those values and apply a certain css class according values from that array.
Here is the plunkler that demonstrate my problem: plnkr.co/edit/jMvafIjqCsU0cnW6Ecvy?p=preview.
My problem is when I use cellTemplate grid propertie, the filter do not work properly. To simulate this scenario, you can try search by person2#gmail.com that you'll notice the problem. In this plunker, I use a cellTemplate to concatenate '#gmail.com' to person's email so if you type person2 the filter is applied, but after type # you'll see that filter do not work.
Can someone help me? Thank you!
ng-grid does not search on the rendered cellTemplate output but on the underlying data.
So the best way would be to transform your data to have searchable values.
angular.forEach($scope.myData, function(value) {
value.email+='#gmail.com';
});
Find a Plunker here
I just want to know how to design the UI with Dojo
I want to populate the dropdowns based on other dropdown selections,and the relationship can be one-to-many, i.e the 2nd dropdown will be populated based on the first one, but then, the 3rd dropdown would be poupulated based on the 1st and the 2nd one and so on.
my requirement is that whenever i select an option in a dropdown, it should be sent to a servlet(running on a given URL) with the selected choice (and any selections made previous to that), so that the servlet could return the data with which to populate the next dropdown
specific Questions
how do i write the code for dropdown form elements (using dojo)
how do i send the data back from the servlet to the webpage so that it will be read by dojo populated in the dropdown
See http://dojotoolkit.org/reference-guide/1.7/dijit/form/FilteringSelect.html#codependent-filteringselect-combobox-widgets