Only enter edit mode if clicking on an editable cell?

[senordhuff]

Hi there, forgive if I am missing an obvious setting. But, I want a row to only enter edit mode if a user clicks on an editable cell. If they click on an editable cell, we want all editable cells in the row to go into edit mode. If they click on a non-editable cell in the row, then no cells will go into edit mode.

I tried this sample but clicking on the non-editable cells puts the editable cells into edit mode. How can I achieve this?

isc.ListGrid.create({
    ID: "countryList",
    width:550, height:224, alternateRecordStyles:true,
    // use server-side dataSource so edits are retained across page transitions
    dataSource: countryDS,
    // display a subset of fields from the datasource
    fields:[
        {name:"countryCode", title:"Flag", width:40, type:"image", imageURLPrefix:"flags/16/", imageURLSuffix:".png", canEdit:false},
        {name:"countryName", canEdit:true},
        {name:"continent", canEdit:true},
        {name:"member_g8"},
        {name:"population"},
        {name:"independence"}
    ],
    autoFetchData: true,
    editEvent: "click"
})

[Isomorphic]

You would need to set the editEvent to “none“, then add your own click handler to manually start edit mode via startEditing().