v8.3p_2013_08_01
IE9, works on Chrome and Firefox
I'm using a treegrid with selectionAppearance:"checkbox". It works fine in Chrome and Firefox, but not in IE9. There, when I click on a checkbox, it replaces the +- node expander and the checkbox with an ellipsis. If I click again somewhere in the column where the node expander and checkbox are, it redraws it and everything looks normal again, with the checkboxes and nodes n the correct state.
Attached are some screen shots showing what happens. Below is the datasource and treegrid code I'm using.
IE9, works on Chrome and Firefox
I'm using a treegrid with selectionAppearance:"checkbox". It works fine in Chrome and Firefox, but not in IE9. There, when I click on a checkbox, it replaces the +- node expander and the checkbox with an ellipsis. If I click again somewhere in the column where the node expander and checkbox are, it redraws it and everything looks normal again, with the checkboxes and nodes n the correct state.
Attached are some screen shots showing what happens. Below is the datasource and treegrid code I'm using.
Code:
isc.DataSource.create({
ID:"applicationDS",
dataFormat:"json",
dataURL:"<%=lbasePath%>/servlet/Controller?class=ApplicationManagement&action=serverStatus",
fields:[
{
name:"ApplicationStatus",
title:"Status",
type: "image",
canEdit:false,
imageURLPrefix: "<%=lbasePath%>/foundation/images/",
imageURLSuffix: ".png",
valueIcons: {
1: "stopped",
2: "manual_stopped",
3: "running",
4: "restart_button"
},
valueMap: {
1: "Not Running",
2: "Manually Stopped",
3: "Running",
4: "Unknown"
}
},
{
name:"Group",
title:"Group",
type: "text",
canEdit:false
},
{
name:"Application",
title:"Application",
type: "text",
canEdit:false
},
{
name:"StatusMessage",
title:'${collastStatus}',
type: "text",
canEdit:false
},
{
name:"StartCount",
title: "Times Started",
type: "integer",
canEdit:false
},
{
name:"Name",
title:"Name",
canEdit:false,
type: "text"
},
{
name:"Children",
childrenProperty:true
},
{
name:"Type",
primaryKey:false,
canEdit:false,
type: "image",
rootValue: "SERVER",
imageURLPrefix: "<%=lbasePath%>/core/css/df-ui/images/",
imageURLSuffix: ".png",
valueIcons: {
"SERVER": "dialog_icon_error",
"GROUP": "dialog_icon_warning",
"APPLICATION": "dialog_icon_question"
}
}
]
});
isc.DataSource.create({
ID:"applicationDS",
dataFormat:"json",
dataURL:"<%=lbasePath%>/servlet/Controller?class=ApplicationManagement&action=serverStatus",
fields:[
{
name:"ApplicationStatus",
title:"Status",
type: "image",
canEdit:false,
imageURLPrefix: "<%=lbasePath%>/foundation/images/",
imageURLSuffix: ".png",
valueIcons: {
1: "stopped",
2: "manual_stopped",
3: "running",
4: "restart_button"
},
valueMap: {
1: "Not Running",
2: "Manually Stopped",
3: "Running",
4: "Unknown"
}
},
{
name:"Group",
title:"Group",
type: "text",
canEdit:false
},
{
name:"Application",
title:"Application",
type: "text",
canEdit:false
},
{
name:"StatusMessage",
title:'${collastStatus}',
type: "text",
canEdit:false
},
{
name:"StartCount",
title: "Times Started",
type: "integer",
canEdit:false
},
{
name:"Name",
title:"Name",
canEdit:false,
type: "text"
},
{
name:"Children",
childrenProperty:true
},
{
name:"Type",
primaryKey:false,
canEdit:false,
type: "image",
rootValue: "SERVER",
imageURLPrefix: "<%=lbasePath%>/core/css/df-ui/images/",
imageURLSuffix: ".png",
valueIcons: {
"SERVER": "dialog_icon_error",
"GROUP": "dialog_icon_warning",
"APPLICATION": "dialog_icon_question"
}
}
]
});
isc.TreeGrid.create({
ID: "mStatusSummaryTree",
dataSource: "applicationDS",
showOpenIcons:false,
showDropIcons:false,
position:"absolute",
selectionAppearance:"checkbox",
showSelectedStyle:false,
showPartialSelection:true,
cascadeSelection:true,
closedIconSuffix:"",
//autoFetchData:true,
//dataFetchMode:"local",
//loadDataOnDemand:true,
initialData: [
{Type:"SERVER",Name:"localhost",ApplicationStatus:3,StartCount:0, Children:[
{Type:"GROUP",Name:"ThinClient",ApplicationStatus:3,StartCount:0,Children:[
{Type:"APPLICATION",Name:"Dematic Tomcat",ApplicationStatus:3,StartCount:0}]}]}
],
baseStyle: "df-tree-sc",
width:"100%",
canHover: null,
canResizeFields: false,
getIcon: function(node) {
var lType = node.Type;
if (lType === 'SERVER')
{
return "<%=lbasePath%>/foundation/images/stopped.png";
}
else if (lType === 'GROUP')
{
return "<%=lbasePath%>/foundation/images/manual_stopped.png";
}
else if (lType === 'APPLICATION')
{
return "<%=lbasePath%>/foundation/images/running.png";
}
},
dataProperties:{
dataArrived:function (parentNode) {
this.openAll();
}
},
fields: [
{
name: "Type",
showHover:true,
width: 125,
hoverHTML: function(record, rowNum, colNum) {
return record.Type;
},
showValueIconOnly: true
},
{
name: "ApplicationStatus",
showValueIconOnly: true,
showHover: true,
hoverHTML: function(record, rowNum, colNum) {
if (record.ApplicationStatus == 3)
{
return "RUNNING";
}
else if (record.ApplicationStatus == 1)
{
return "NOT RUNNING";
}
else if (record.ApplicationStatus == 2)
{
return "STOPPED";
}
else if (record.ApplicationStatus == 4)
{
return "UNKNOWN";
}
}
},
{name: "Name",
hoverHTML: function(record, rowNum, colNum) {
if (record.ApplicationStatus == 4 &&
record.Type === "SERVER")
{
return record.StatusMessage;
}
},
showHover: true
},
{name: "StartCount", width:120}
]
});
isc.HLayout.create({
ID: "mPanelLayout",
width:"98%",
height:"93%",
position:"relative",
styleName:"df-hlayout-sc",
members: [
mStatusSummaryTree
]
});