Grid Editing problem with SelectItem

[msylvain]

Hi

I'm currently working on a TreeGrid and I have a problem when I need a SelectItem as the editor for a cell. In the SelectItem, I have an Icon and a description. When the select item is opened and the user choose it's item, it's working perfectly (the icon and description are showed). But, when the item has been selected, I only see the icon choosen and not the icon and it's description. How can I do that ?

I looked at select item inside a DynamicForm and it work fine but when in a grid, it is not. I want the behavior like the one in the DynamicForm but in the context of grid editing.

Here is a simple example I made that show the problem.

isc.DynamicForm.create({
fields : [{
ID:"dynaFormCountry",
type:"select",
defaultValue: "Spain",
imageURLPrefix: "http://www.uefa.com/imgml/flags/25x25/",
imageURLSuffix: ".png",
valueMap: {
"Germany" : "Germany",
"Italy" : "Italy",
"France" : "France",
"Spain" : "Spain"
},
valueIcons: {
"Germany" : "GER",
"Italy" : "ITA",
"France" : "FRA",
"Spain" : "ESP"
}
}]
});


isc.ListGrid.create({
ID: "countryGrid",
top:100, width:240, height:224, cellHeight:40,
canEdit: true,
editEvent: "click",
editByCell: true,
fields:[
{name:"name", title:"Country Name", width:100, canEdit:false},
{name:"flag", title:"Flag", width: 140, height: 40, imageURLPrefix: "http://www.uefa.com/imgml/flags/25x25/", imageURLSuffix: ".png",canEdit: true, width:150, defaultToFirstOption: true, defaultValue:"Spain", editorType:"selectItem", valueMap : {
"Germany" : "Germany",
"Italy" : "Italy",
"France" : "France",
"Spain" : "Spain"
}, valueIcons : {
"Germany" : "GER",
"Italy" : "ITA",
"France" : "FRA",
"Spain" : "ESP"
}}
],
data: [{name: "France",flag: "FRA"},{name: "Germany",flag: "GER"},{name: "Spain",flag: "SPA"},{name: "Italy", flag: "ITA"}]
})


SmartClient Version: SNAPSHOT_v9.0d_2013-03-04/LGPL Deployment (built 2013-03-04)

Tested in Chrome 25.0.1364.152 and Firefox 19.0

[Isomorphic]

In the form example, the various properties such as valueIcons are being used to configure a FormItem. In the grid example, you've put these same properties on a ListGridField instead. To apply properties to the FormItem used as the editor, use listGridField.editorProperties.