This happens with Smartclient 8.0 all browsers, didn't test it on anything else.
To see the problem do:
1. Run this example but DO NOT run it by pasting it to FeatureExplorer because it works differently there.
2. You will see whole tree expanded
3. Expand all expansion components by clicking all triangles.
4. Now collapse by clicking minus icon for node Charles Madigen, you should see only one node with expansion component visible.
5. Now expand node Charles Madigen by clicking plus icon. You should observe all expansion components and nodes but their heights are not right. They are drawn one on another. When you sort the grid things get back to normal.
I thought I'm doing something wrong but I ran this basic example in many configurations, even embedding it in exampleApp provided with SC but it's the same.
What's more interesting that this example pasted to feature explorer works well.
Whats the problem?
This is standalone example:
To see the problem do:
1. Run this example but DO NOT run it by pasting it to FeatureExplorer because it works differently there.
2. You will see whole tree expanded
3. Expand all expansion components by clicking all triangles.
4. Now collapse by clicking minus icon for node Charles Madigen, you should see only one node with expansion component visible.
5. Now expand node Charles Madigen by clicking plus icon. You should observe all expansion components and nodes but their heights are not right. They are drawn one on another. When you sort the grid things get back to normal.
I thought I'm doing something wrong but I ran this basic example in many configurations, even embedding it in exampleApp provided with SC but it's the same.
What's more interesting that this example pasted to feature explorer works well.
Whats the problem?
This is standalone example:
Code:
<%@ page contentType="text/html; charset=UTF-8" %>
<%@ taglib uri="/WEB-INF/iscTaglib.xml" prefix="isomorphic" %>
<HTML>
<HEAD><TITLE>Example</TITLE>
<isomorphic:loadISC skin="Enterprise"/>
</HEAD>
<BODY>
<SCRIPT>
isc.TreeGrid.create({
ID: "employeeTree",
width:"100%",
height:"100%",
data: isc.Tree.create({
modelType: "parent",
nameProperty: "Name",
idField: "EmployeeId",
parentIdField: "ReportsTo",
data: [
{EmployeeId:"4", ReportsTo:"1", Name:"Charles Madigen"},
{EmployeeId:"188", ReportsTo:"4", Name:"Rogine Leger"},
{EmployeeId:"189", ReportsTo:"4", Name:"Gene Porter"},
{EmployeeId:"265", ReportsTo:"189", Name:"Olivier Doucet"},
{EmployeeId:"264", ReportsTo:"189", Name:"Cheryl Pearson"}
]
}),
// customize appearance
showOpenIcons:false,
showDropIcons:false,
cascadeSelection:true,
canExpandRecords: true,
getExpansionComponent:function(record) {
return HTMLFlow.create({
contents:"<p>this is inner content to represent sizing issues</p><p>this is inner content to represent sizing issues</p><p>this is inner content to represent sizing issues</p>"
})
}
})
employeeTree.getData().openAll();
</SCRIPT>
</BODY>
</HTML>
Comment