Start Building Professional
Web Apps Today

combo set up as cell editor - how to select default option?


var dgrid = new dhtmlXGridObject('devGrid');
dgrid.setImagePath("../codebase/imgs/");
dgrid.setHeader("Name, Value");
dgrid.setInitWidths("*, 100");
dgrid.setColAlign("left, center");
dgrid.setSkin("light");
dgrid.setColSorting("na,na");
dgrid.setColTypes("ro,ro");
dgrid.enableDragAndDrop(true);
dgrid.init();
dgrid.loadXMLString("<rows><row id='device_name'><cell>Name</cell><cell type='ed'></cell></row><row id='direct_processor_1'><cell>Direct Processor 1</cell>"+
"<cell type='combo' xmlcontent='true'><option value='not_set' selected='true'>not set</option><option value='pr1'>proc 1</option></cell></row></rows>");

    dgrid.attachEvent("onXLE",function(){
            var combo = dgrid.cells('direct_processor_1',1).getCellCombo();
            combo.readonly(true);
            combo.selectOption(1); // index
            //combo.setComboValue("not_set"); //value
        });

This way the option appears as selected, but combo.getSelectedValue() returns null and combo.getSelectedIndex() returns -1, so evidently combo box is not really 'selectiong' that option.

Let me ask the question differently, - is there a way to programmatically select an option in combo box used as a cell editor? Documentation specifies 2 methods below, but none of them have any effect on my combo! Please, help.

            combo.selectOption(0); // index
            combo.setComboValue("not_set"); //value

Thank you! That works!!