It's solved. Thank you very much, stworthy.

[json data:]

json data:
[{"value":"14","caption":"zone A"},{"value":"15","caption":"zone B"},{"value":"16","caption":"zone C"}]

code:

onChange event of first combobox:

         onChange: function(value){
             var tr = $(this).closest('tr.datagrid-row');
             var idx = parseInt(tr.attr('datagrid-row-index'));
             var ed = $("#tblProductionInfo").datagrid("getEditor", {index:idx, field:'zone'});
             $(ed.target).combobox("reload", "warehouse.php?method=getzone&warehouse="+value);
         }

second combobox:

        {field:'zone', title:'Zone', width:80, align:'center',
            editor:{
                type: 'combobox',
                valueField: 'value',
                textField: 'caption'
            }
        }

After selecting the second combobox element, text not shown til ending editing as following image:

Hello stworthy,

I've checked it. The second combobox has data as I told that when I moved the mouse into the dropdown list of second one, there are little strips as moving pass. The number of strip rows are the number of data populated into it. After clicking one of that rows, ending editing, text shows as normal combobox.  It looks like the row height of dropdown list is not enough for text.

Thank you.
Agira

PS. I attached the picture of the second combobox showing little row strip.

Hi all,

I have a problem of showing text in combobox list in datagrid editing. In datagrid, there are two columns of combobox type. When select the first one, the second one populates the data according to the first one selected data. My problem is when click the second combobox I cann't see text in the combobox list. I move the mouse into the list area, there are litte colored strip of data but with small height, so I cann't see text of them. The selected text will show out when the editing ends. How to let the text in combobox list shows out.

TIA
Agira