How to implement combox or selectbox control in grid cell?


There are three related cell types available: <?xml:namespace prefix = o ns = “urn:schemas-microsoft-com:office:office” /><o:p></o:p>



      co - native HTML selectbox with additional possibility to add/edit values<o:p></o:p>



      coro - native HTML selectbox (readonly mode)<o:p></o:p>



      combo - dhtmlxCombo integration<o:p></o:p>



<o:p> </o:p>



For combo integration see scbr.com/docs/products/dhtml … l#intcombo<o:p></o:p>



<o:p> </o:p>



Here is the sample how to use co/coro types:<o:p></o:p>



<o:p> </o:p>



With javascript:<o:p></o:p>



<o:p> </o:p>



mygrid.setColTypes(“dyn,ed,link,price,ch,coro,co,ro”);<o:p></o:p>



      //set values for select box in 5th column<o:p></o:p>



            var combobox5 = mygrid.getCombo(5);<o:p></o:p>



            combobox5.put(“1”,“1 Hour”)<o:p></o:p>



            combobox5.put(“12”,“12 Hours”)<o:p></o:p>



            combobox5.put(“24”,“24 Hours”)<o:p></o:p>



            combobox5.put(“48”,“2 days”)<o:p></o:p>



            combobox5.put(“168”,“1 week”)<o:p></o:p>



            combobox5.put(“pick”,“pick up”)<o:p></o:p>



            combobox5.put(“na”,“na”)<o:p></o:p>



      //setvalues for selectbox in 6th column<o:p></o:p>



            var combobox6 = mygrid.getCombo(6);<o:p></o:p>



            combobox6.put(“m”,“Male”)<o:p></o:p>



            combobox6.put(“f”,“Female”)<o:p></o:p>



<o:p> </o:p>



<o:p> </o:p>



In xml:<o:p></o:p>



<o:p></o:p>



      <o:p></o:p>



            …<o:p></o:p>



            Shipping<o:p></o:p>



                  1 Day<o:p></o:p>



                  1 Week<o:p></o:p>



                  …<o:p></o:p>



            <o:p></o:p>



            …<o:p></o:p>



            <o:p></o:p>



      <o:p></o:p>