jQuery Grid Plugin - jqGrid - Topic: jqgrid incorrect select drop down option values in edit box

gunjan shah on jqgrid incorrect select drop down option values in edit box

Wed, 29 Dec 2010 06:14:42 +0200

@Alex,

Hi,

In my last post, i have mentioned an URL. In that URL,you can see live demo example. Its the solution of my problem.

Thank You,

Gunjan Shah.

AlexL on jqgrid incorrect select drop down option values in edit box

Tue, 28 Dec 2010 15:09:05 +0200

@Gunjan Shah: Does your last post means that you managed to solve the problem you are facing?

gunjan shah on jqgrid incorrect select drop down option values in edit box

Tue, 28 Dec 2010 08:58:58 +0200

Hi Tony,

Oleg have replied to this post. He has attached demo on this link...

http://www.ok-soft-gmbh.com/jq.....lects2.htm

Thank You,

Gunjan Shah.

gunjan shah on jqgrid incorrect select drop down option values in edit box

Mon, 27 Dec 2010 09:05:02 +0200

Hi Tony,

I have checked the code of Oleg again , its not working. I have make chage only at one line . I have removed comment for generating the edit popup, but the code is not working for popup.

I have pasted the code below, please check it ...

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DT.....t;>
<html xmlns="http://www.w3.org/1999/xhtml&q.....t;>
<head>
<title>How to filter subcategory dropdown list based on another category dropdown</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<script type="text/javascript">
    //<![CDATA[
        jQuery(document).ready(function () {
            var countries = { '1': 'US', '2': 'UK' };
            var states = { '1': 'Alabama', '2': 'California', '3': 'Florida', '4': 'Hawaii', '5': 'London', '6': 'Oxford' };
            var statesOfCountry = {
                1: { '1': 'Alabama', '2': 'California', '3': 'Florida', '4': 'Hawaii' },
                2: { '5': 'London', '6': 'Oxford' }
            };


            var mydata = [
                { id: '0', Country: '1', State: '1', Name: "Louise Fletcher" },
                { id: '1', Country: '1', State: '3', Name: "Jim Morrison" },
                { id: '2', Country: '2', State: '5', Name: "Sherlock Holmes" },
                { id: '3', Country: '2', State: '6', Name: "Oscar Wilde" }
            ];

</body>
</html>

You can see line number 132 where I have made chages. I have enabled edit popup .I have created the font BOLD which are changed .

So , please give me a solution of it.

Thank You.

tony on jqgrid incorrect select drop down option values in edit box

Sun, 26 Dec 2010 14:15:50 +0200

Hello,

There is no difference where this is used.

Please check the Oleg's exmaple again.

Kind Regards

Tony

gunjan shah on jqgrid incorrect select drop down option values in edit box

Fri, 24 Dec 2010 07:37:18 +0200

Hi Oleg ,

I show your demo , its working fine .

But my requirement is something different . You have generated the code for inline editing, but In my case I am using Edit popup that's generated using inbuilt navigator of jqGrid.

In the edit popup , when I change the value of country, It is not displaying the new values of states .

So How can I implement this ?

Thanx in advance.

AlexL on jqgrid incorrect select drop down option values in edit box

Mon, 20 Dec 2010 03:45:54 +0200

Thanks Oleg for your help. I will take a look at it.

Alex

OlegK on jqgrid incorrect select drop down option values in edit box

Sun, 19 Dec 2010 01:30:31 +0200

Hi Alex,

I answered on your question here. Moreover another thread on the same subject could be interesting you you.

Best regards
Oleg

AlexL on jqgrid incorrect select drop down option values in edit box

Sat, 18 Dec 2010 03:45:04 +0200

I am using form edit. There are two select boxes in the form. One select box is the country, another select box is the state. The state select box depends on the country selected and will be populated dynamically. For example:

Country:
US (option value=1)
UK (option value=2)

State for US:
Alabama (option value=1)
California (option value=2)
Florida (option value=3)
Hawaii (option value=4)

State for UK:
London (option value=5)
Oxford (option value=6)

As you can see above the id of state for uk starts with 5. When I edit a record which contained Country id=2 (UK) and State id=6 (Oxford), the edit form will shows correctly - Country is UK and State is Oxford. But if you drop down the state select box the option text is correct (it shows London Oxford) but the option value will starts from 0. What should be correct is that the option value should starts from 5.

If you select and change the country drop down box to US then change back again to UK, the option value will be populated correct (starts from 5).

My question is, how can we populate the select box for the state with the correct option value based on the country in edit box when the edit form loads?

Thanks.