How to construct Dynamic Dependent Combo series in jqGrid? - jqgrid

I have two combos in my jqGrid. One has the listing of Countries and the other has the listing of states of that country. I want a system where when I change the Countries combo the corresponding value of that Country's State will construct the second combo.
Is a detailed example available?

With thanks for Oleg and to help others who are searching the same solution, the solution is as follows.
Look at the demo from this answer, or at the another demo from another answer.

Related

Handsontable sort Dropdown items by date

Is there an option to sort your dropdown items (col-type date) by date?
As seen in the image below the date-values are not really sorted by date since 12/1/2014 is not at first position. Hope this additional information helps to understand my question.
example of dropdown date items
I googled it and found an answer from Handsontable team.
Unfortunately, the answer is you can't without making a workaround directly in the core of their API.
You’d need to get to the source list of the Filters plugin. That is not possible using our official API.
Reference

When a room is selected how to make it no longer appear on the list?

I use google appMaker for a short time.
I have a dropdown of several rooms and when a room is selected, I want it to no longer appear in this list.
Where do I need to set the code?
Thank you.
You may try using a calculated model containing the values used in the dropdown (by binding them as presented in the documentation), and as the user selects them, you can delete the selected from the datasource.

Google Sheets Formula assistance

first time poster here.
I think this is the first time I've not managed to find what I'm looking for via the search.
I have recently started a project to increase my understanding of Excel/Google Sheets. This project is something I will be doing in my own time with no financial gain.
I am however having some difficulty with my formulas. What I'm looking for is a nudge in the right direction or maybe an example from someone more experienced than me. I have linked a Google Sheets document below for anyone interested in helping me with my formulas.
https://docs.google.com/spreadsheets/d/1mY13e-75dBYfKgkjV8dFFFEvxC838nGNxPrUdusc0PA/edit?usp=sharing
Anyone using the above link has comment capability.
As you can see my formula in the "results" cells will search my "Dishwasher data" sheet and pull all the relevant data through to the correct cell. While this was completely intended (took me ages), I would like to add a second alternative criteria to my search.
While I want to be able to search by "product code" I also want the ability to search by "Model number", as an alternative means of searching and pulling the data through. I have tried a few different things like using IFERROR instead of ISERROR etc. I just cant seem to figure it out.
Part 2:
The second stage of my project was to have a more advanced search tool. You will see the "tools" under "list searches".
Example 1, I want to be able to search and display a list of all models under or equal to "X dB", the list should be displayed under D13,J13 and below.
The more complex of the two "advanced" searches would be the decor panel height. Displaying all models where the "customer decor panel height" is between the max and min the appliance can support. So a <=Max >=Min formula, but I still have no idea how to form a list with all "viable" options.
I'm assuming some sort of FILTER can be used possibly?
Again this ties in with my first formulaic issue, I do not understand how to have optional or alternative criteria in a formula that can both be displayed in the same cell range.
Any help on this would be much appreciated!
Thank you for your time!
I left some comments on your sheet regarding using list of items rather than typing in values.
I've made a copy of your sheet and can lookup things via model number or product code.
I used this in the product code lookup
=If(A4>0,vlookup(A4,'Dishwasher Data'!B:I,1,False),vlookup(A7,'Dishwasher Data'!A:I,2,FALSE))
This looks at cell A4, if it has data, it looks it up, if there is no data in A4, it will lookup A7 instead (Model number)
This formula can be repeated in the sheet and adjusted.
For the filter on the noise level.
Put this somewhere and enter a noise level.
=FILTER('Dishwasher Data'!A:A,'Dishwasher Data'!H:H <=A11)
At the moment it's only returning the Model number.
If you wanted the whole table, change 'Dishwasher Data'!A:A to 'Dishwasher Data'!A:I
Here is my demo sheet.
My demo sheet

JqGrid column chooser with column header

I have two questions about column chooser. firs one is that I'm using header grouping for my grid, for example I have a Display header group with two columns of Type and Size, and also another header Group which name is Storage with two sub columns of Type and size. when I using columnChooser it shows: Type Size Type Size. is there any way to prepend the column header name to them? I also named these columns DS_Size DS_Type ,.... in colModel. is there any way to use these columns colModel name instead of colNames?
my second question is that I already using erichynds multiselect (see the link) for my search section and it have conflict with the one which jqGrid use (see also). how can I rename erichynds multiselect plugin to something else? I didn't find any $.fn. in it's source code
I actually asked three questions :P but the first two are one :D
Thank you for reading my questions :)
The answer on your main question you will find in the documentation of jqGrid:
Column Chooser is not compatible with the header grouping
I wrote many parts of the Header Grouping implementation and I know the code of columnChooser. So I know how the code of columnChooser can be modified to include support of Header Grouping. The main problem is that it's relatively much work just to remove the restriction. jqGrid is free open source product. Who are ready to invest his time to remove such limitations? I spend very much my time to help other people on the stackoverflow, but I have to feed my family :-). If you really need such feature you can implement the feature yourself. The most important information which you will need to modify the columnCooser you will find in the answer.
Now about the last part of your question: "conflicts" between who multiselect widgets. Simple look in the list of changes of Eric Hynds jQuery UI MultiSelect Widget (see here) shows that the plugin is alive. On the other side another one (see here) used in columnChooser will be not changed. Nevertheless it works and can be used later. Which "conflicts" exactly you has? In the old version of Eric Hynds jQuery UI MultiSelect Widget it was used the same widget name "ui.multiselect" which was conflict. Many later versions use "ech.multiselect" name (see here). So I don't know which conflicts exactly you mean. Probebly you should just get the last version of the code.
At the end of my answer I would recommend you to read the answer where I suggested some modifications to columnChooser which allows to improve the visibility and to make the dialog of Column Chooser really resizable. One can use just $.jgrid.extend({columnChooser : function(opts) {...}}); to overwrite the original version of columnChooser to the new one.

JqGrid - Display two text boxes in one cell

Is it possible to display two editable text boxes in one cell of the JqGrid
Sorry, but the description of the problem in the comment to your question still don't contain any examples which shows why you have to display two text boxes in one cell. Moreover you still not answered on the question: which editing mode you use?
The problem is the following: if you use some software product you can use a lot of its standard features. In the case the implementation will be short and you can make very nice solution writing very small code. If you one the other side would try just follow your original imagination of how all should looks like you can spend many time and to write a lot of code. As the result from the point of view of the user who will work with your site all will be almost the same as in the simple solution. Is it really required?
If you would use form editing for example you can easy display additional textboxes, checkboxes or textareas from hidden columns. jqGrid automatically create controls for all hidden columns which have editable: true property. So what you need to do in the case is just to show hidden field in the form with respect of $.show (like in the answer).
I used the same concept in "trirand.com/blog/jqgrid/jqgrid.html#";
There in the Row editing --> Custom edit, JqGrid demo examples, its displaying three buttons on a one cell.

Resources