Author: jmorliaguet Date: Sat Feb 18 18:32:48 2006 New Revision: 2424 Modified: cpsskins/branches/jmo-perspectives/ui/framework/tests/zope3/functional/treeview/cpsskins_treeview.pt cpsskins/branches/jmo-perspectives/ui/framework/tests/zope3/functional/treeview/treeview_widget.pt Log:
- cosmetic Modified: cpsskins/branches/jmo-perspectives/ui/framework/tests/zope3/functional/treeview/cpsskins_treeview.pt ============================================================================== --- cpsskins/branches/jmo-perspectives/ui/framework/tests/zope3/functional/treeview/cpsskins_treeview.pt (original) +++ cpsskins/branches/jmo-perspectives/ui/framework/tests/zope3/functional/treeview/cpsskins_treeview.pt Sat Feb 18 18:32:48 2006 @@ -18,16 +18,19 @@ <style type="text/css"> + #area0 { + border: 1px solid #ddd; + padding: 1em; + width: 175px; + margin: 1em; + } .tree img { vertical-align: middle; } - - .tree a { - } </style> <script type="text/javascript"> - function openContainer(event) { + function openNode(event) { var target = Event.element(event); var nodeid = target.getAttribute("nodeid"); @@ -39,7 +42,7 @@ CPSSkins.getModelById("tree").getData() } - function closeContainer(event) { + function closeNode(event) { var target = Event.element(event); var nodeid = target.getAttribute("nodeid"); @@ -52,8 +55,8 @@ } CPSSkins.registerHandlers( - {'open-container': openContainer, - 'close-container': closeContainer + {'open-node': openNode, + 'close-node': closeNode } ); </script> @@ -63,6 +66,15 @@ <h1>CPSSkins treeview</h1> + <p>In this example the tree view is entirely rendered on the client. + without reloading the page</p> + + <p>The tree state is stored in a local storage using cookies. Hence the user + may reload the page and the tree state will be restored as long as + the cookie information does not expire</p> + + <p>The server uses the tree state information to generate the tree data.</p> + <div id="area0"> <ins class="controller"> @@ -70,10 +82,10 @@ "type": "behaviour", "rules": { "img.open": { - "click": "open-container" + "click": "open-node" }, "img.close": { - "click": "close-container" + "click": "close-node" } }} </ins> Modified: cpsskins/branches/jmo-perspectives/ui/framework/tests/zope3/functional/treeview/treeview_widget.pt ============================================================================== --- cpsskins/branches/jmo-perspectives/ui/framework/tests/zope3/functional/treeview/treeview_widget.pt (original) +++ cpsskins/branches/jmo-perspectives/ui/framework/tests/zope3/functional/treeview/treeview_widget.pt Sat Feb 18 18:32:48 2006 @@ -1,4 +1,6 @@ +<div ctal:condition="javascript:items.length == 0">Loading data ...</div> + <div class="tree" ctal:repeat="item items"> <span ctal:attributes="style -- http://lists.nuxeo.com/mailman/listinfo/z3lab-checkins