hi,
I'm experiencing a bug with a grouped ListGrid which has some recordComponents and his data is being added/edited by a DynamicForm.
Step to reproduce BUG:
1. Start editing a new record using the DynamicForm and enter some data
2. Save data by pressing on Submit
3. The new record is added to the Grid which suddenly freezes and consequently is impossible to expand or collapse groups.
I've noticed that removing the recordComponents or the grouping condition the bug disappear.
1.ISC Versions:
2.Browser and OS: 44.0.2403.155 m (64-bit) on Windows 8.1 Pro
6. Snippet of code to test in this example page
I'm experiencing a bug with a grouped ListGrid which has some recordComponents and his data is being added/edited by a DynamicForm.
Step to reproduce BUG:
1. Start editing a new record using the DynamicForm and enter some data
2. Save data by pressing on Submit
3. The new record is added to the Grid which suddenly freezes and consequently is impossible to expand or collapse groups.
I've noticed that removing the recordComponents or the grouping condition the bug disappear.
1.ISC Versions:
- SNAPSHOT_v10.1d_2015-08-20/EVAL Development Only
2.Browser and OS: 44.0.2403.155 m (64-bit) on Windows 8.1 Pro
6. Snippet of code to test in this example page
Code:
isc.ListGrid.create({
ID: "countryList",
width:550, height:224, alternateRecordStyles:true, cellHeight:22,
autoDraw:false,
// use server-side dataSource so edits are retained across page transitions
dataSource: countryDS,
// display a subset of fields from the datasource
groupByField:"continent",
showRecordComponents:true,
showRecordComponentsByCell:true,
canRemoveRecords:true,
fields:[
{name:"countryCode", title:"Flag", width:40, type:"image", imageURLPrefix:"flags/16/", imageURLSuffix:".png", canEdit:false},
{name:"countryName"},
{name:"continent"},
{name:"member_g8"},
{name:"population"},
{name:"independence"},
{name:"components"}
],
autoFetchData: true,
canEdit: true,
editEvent: "click",
createRecordComponent:function(record, colNum){
var fieldName = this.getFieldName(colNum);
if (fieldName == "components") {
var recordCanvas = isc.HLayout.create({
height: 22,
width: "100%",
align: "center"
});
var editImg = isc.ImgButton.create({
showDown: false,
showRollOver: false,
layoutAlign: "center",
src: "icons/16/comment_edit.png",
prompt: "Edit Comments",
height: 16,
width: 16,
grid: this,
click : function () {
isc.say("Edit Comment Icon Clicked for country : " + record["countryName"]);
}
});
var chartImg = isc.ImgButton.create({
showDown: false,
showRollOver: false,
layoutAlign: "center",
src: "icons/16/chart_bar.png",
prompt: "View Chart",
height: 16,
width: 16,
grid: this,
click : function () {
isc.say("Chart Icon Clicked for country : " + record["countryName"]);
}
});
recordCanvas.addMember(editImg);
recordCanvas.addMember(chartImg);
return recordCanvas;
}else{
return null;
}
}
});
isc.DynamicForm.create({
ID:"countryForm",
dataSource: countryDS,
autoDraw:false,
fields:[
{name:"countryName"},
{name:"continent"},
{name:"member_g8"},
{name:"population"},
{name:"independence"},
{name:"components"},
{name:"SAVE", type:"submit"}
]
});
isc.VLayout.create({
ID:"layoutHome",
autoDraw:true,
members:[countryList,countryForm]
});