How do I make sure after filtering results,it will only show available items on the next column?
I'm taking the example from this link.
(http://jsfiddle.net/koalyptus/eCqG3/)
As you can see,on the 1st column. You will able to filter all available countries by clicking [SHOW ALL]
But,after filtering the 1st column for example I took Asia.
On the next column, it still display all available population in the list instead of one list which belongs to Asia only.--How do I get this?
Related
I want to update the select box list on filtering event of jsgrid.
I read the documentation but there is no such feature for JsGrid.In the fiddle there is a country dropdown which has different countries.
When i give input in Age as 29 it return 2 rows with country as China & Russia.
So on this filtering i want to update the select box list with only China & Russia and on giving blank input or removing all the filter items it should update the dropdown with original countries list.
I had searched a lot ,i didn't find any solution.
Fiddle link -
fiddle
I need to make a grid display data that a user selects based on a dropdown menu using knockout. If for example my dataset is:
{"Data":[{"Avg. Number of Insects":9, "Percent of Damage to Leaves":67.5},{"Avg. Number of Insects":8, "Percent of Damage to Leaves":33.9},{"Avg. Number of Insects":10, "Percent of Damage to Leaves":10.4},{"Avg. Number of Insects":10, "Percent of Damage to Leaves":21.6}]}
and I have drop down menus for the student to select which variables they want to work with (normally there would be more than two) and want to display the actual data based on which variables they have selected. I tried starting with simpleGrid but it doesn't seem to respond to the header and row changing.
Here is the JSFiddle: http://jsfiddle.net/anyaejohnson/z2cma7ya/7/
To populate your header simply follow the example here: http://knockoutjs.com/examples/cartEditor.html but instead of using the data from category to populate product, use category to populate an observable array of which you bind to the header
jqGrid pager is showing the number of rows present. I want to show the number of actual records present in the grid from database? Actually the grid has only one extra row and that's being counted. I want to get actual database record count to show there.
I have 2 column page the first column :
I want to create 2 drop down menus. The first contains the categories and the second has the posts that are related to the category.
With a meaning that when someone chooses the category (laptops) in the second menu only the laptops would appear. And when choosing both options and clicking submit the posts on the the other column would filter to only the product that he selected.
can you please help me with either one of them and your help would be appreciated.
Follow this example (Nested Combos):
http://www.prodiven.com/jcombo/
I have an application (using SlickGrid) where I need to get the column name or id at any time when user clicks on a cell (this pulls up a menu specific to the data in that column/cell). Grid works fine initially but if the column is moved (drag/drop), the column name/id does not follow the drop but remains mapped to it's initial column position.
Has anyone else seen this and, if so, how did you fix it?
Thanks
Are you trying to reuse the list of columns defined in your html code? You should get the list of columns from the grid instead. The following code should do what you are expecting (i.e. printout the name of the column in which you clicked a cell):
grid.onClick.subscribe(function(e,args) {
var allColumns=grid.getColumns();
console.log(allColumns[args.cell].name);
});
You can add that code in one of the examples provided with the source code (say "example3-editing.html"), drag-drop some columns around and check the console after clicking on a cell.