EDataGrid Combo Panel Height and Reload on save.

[2plus2]

Two questions on edatagrid. One, I need the combo drop down panel to auto size. It's only two values. I tried dropping in panelHeight into the object properties and that didn't work.

Also, we'd like the grid to reload after a save (either save button or click to new row). But when we add the success property it doesn't work:

        $('#dg').edatagrid({
            panelHeight: 'auto',
            url: '/admin/ajax.aspx?a=getList&r=' + Id,
            saveUrl: '/admin/ajax.aspx?a=updateStatus&r=' + Id,
            updateUrl: '/admin/ajax.aspx?a=updateStatus&r=' + Id,
            onSave: function (data) {
                $('#dg').edatagrid('reload');
            }
        });

Id is declared elsewhere, the grid works just looking for a way to reload/refresh the grid because we have an update date/time column  that I'd like to see current after the save.

What am I doing wrong?

Thanks.

[stworthy]

The 'panelHeight' property is defined in combobox not in datagrid. To define a combobox editor with auto drop-down panel height, try the code below:

Code:

$('#dg').datagrid({
    columns:[[
        {
			title:'...',
			field:'...',
			editor:{
				type:'combobox',
				options:{
					panelHeight:'auto'
					//...
				}
			}
        }
    ]],
});

[2plus2]

Danka. That was very helpful. Much appreciated.

P.S. What about refresh / reload on the save event? that appears to be ignored. Am I using the correct event to add this?