You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
55 lines
1.7 KiB
55 lines
1.7 KiB
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" |
|
"http://www.w3.org/TR/html4/strict.dtd"> |
|
<html> |
|
<head> |
|
<title>Dojo Tree Widget Test</title> |
|
|
|
<script type="text/javascript"> |
|
var djConfig = {isDebug: true, debugAtAllCosts: true }; |
|
</script> |
|
<script type="text/javascript" src="../../../dojo.js"></script> |
|
<script type="text/javascript"> |
|
|
|
dojo.require("dojo.widget.*"); |
|
dojo.require("dojo.widget.TreeV3"); |
|
dojo.require("dojo.widget.TreeNodeV3"); |
|
dojo.require("dojo.widget.TreeBasicControllerV3"); |
|
dojo.require("dojo.widget.TreeDocIconExtension"); |
|
dojo.hostenv.writeIncludes(); |
|
</script> |
|
|
|
<style> |
|
.nowrap { white-space: nowrap; } |
|
|
|
|
|
</style> |
|
</head> |
|
<body> |
|
|
|
<h3>Tree in thin div wraps content, shouldn't wrap icons</h3> |
|
|
|
|
|
<div dojoType="TreeBasicControllerV3" widgetId="controller"></div> |
|
|
|
<div dojoType="TreeDocIconExtension" widgetId="docIcons"></div> |
|
|
|
<div style="width:150px;border:1px solid black;overflow:auto"> |
|
<div dojoType="TreeV3" listeners="controller;docIcons"> |
|
<div dojoType="TreeNodeV3" labelClass="nowrap" title="Item 1 blabla blabla blabla blabla blabla blabla blabla blabla blabla blabla" widgetId="Item 1"> |
|
<div dojoType="TreeNodeV3" title="Item 1.1 here is my very long title it should wrap what you think ?" widgetId="Item 1.1"></div> |
|
<div dojoType="TreeNodeV3" title="Item 1.2" widgetId="Item 1.2"></div> |
|
</div> |
|
|
|
<div dojoType="TreeNodeV3" title="Item 2<br/>title long yeah" widgetId="Item 2"> |
|
<div dojoType="TreeNodeV3" title="Item 2.1" widgetId="Item 2.1"></div> |
|
</div> |
|
|
|
<div dojoType="TreeNodeV3" title="Empty Folder" isFolder="true" widgetId="Item 3"></div> |
|
<div dojoType="TreeNodeV3" title="Item 4" widgetId="Item 4"></div> |
|
</div> |
|
|
|
</div> |
|
|
|
|
|
</body> |
|
</html>
|
|
|