beehive/netui/test/webapps/drt/web/richTree/cr182056.jsp

73 lines
4.2 KiB
Plaintext

<%@ page language="java" contentType="text/html;charset=UTF-8"%>
<%@ taglib uri="http://beehive.apache.org/netui/tags-databinding-1.0" prefix="netui-data"%>
<%@ taglib uri="http://beehive.apache.org/netui/tags-html-1.0" prefix="netui"%>
<%@ taglib uri="http://beehive.apache.org/netui/tags-template-1.0" prefix="netui-template"%>
<netui:html>
<head>
<title>cr182056.jsp</title>
<link href="style.css" rel="stylesheet" type="text/css">
<netui:base/>
</head>
<netui:body>
<h4 class="title"><netui:anchor action="begin" styleClass="homeAnchor">Home</netui:anchor>cr182056.jsp [goCr182056.do] </h4>
<!-- Attribute Information -->
<div style='float:left;width:300px'>
<table cellpadding="2" cellspacing="0" border="1" width="300px">
<tr><th>Creation</th><td>Static</td></tr>
<tr><th>tree</th><td>{pageFlow.tree6}</td></tr>
<tr><th>action</th><td>postback</td></tr>
<tr><th>runAtClient</th><td>false</td></tr>
</table>
</div>
<!-- Postback information -->
<div style='float:right;width:250px;border:solid 1pt gray;margin:2 4;'>
<p style="font-weight:bold;text-align:center;margin: 0;padding:0;">Tree Postback Information</p>
<table cellpadding='0' cellspacing='2' width="100%">
<tr><th style="text-align:right" width="100pt">Expand:</th><td><netui:content value="${pageFlow.expand}"/></td></tr>
<tr><th style="text-align:right" width="100pt">Selection:</th><td><netui:content value="${pageFlow.node}"/></td></tr>
</table>
</div>
This layout issue occurs when there is a very large label inside the tree. In the table based layout the
problem was that cells were proportionally spaced below the very large label causing them to space out instead
of being placed to the right.
<hr style="clear:left">
<div class="content">
<netui:tree dataSource="pageFlow.tree6" selectionAction="postback" tagId="tree">
<netui:treeItem action="postback" expanded="true">
<netui:treeLabel>0</netui:treeLabel>
<netui:treeItem action="postback" expanded="true">
<netui:treeLabel>0.0 Very Long Very Long Very Long Very Long 0.0</netui:treeLabel>
<netui:treeItem action="postback" expanded="true">0.0.0</netui:treeItem>
<netui:treeItem action="postback" expanded="true">0.0.1</netui:treeItem>
<netui:treeItem action="postback" expanded="true">0.0.2</netui:treeItem>
</netui:treeItem>
<netui:treeItem action="postback" expanded="true">
<netui:treeLabel>0.1</netui:treeLabel>
<netui:treeItem action="postback" expanded="true">0.1.0</netui:treeItem>
<netui:treeItem action="postback" expanded="true">
<netui:treeLabel>0.1.1 Very Long Very Long Very Long Very Long 0.1.1</netui:treeLabel>
<netui:treeItem action="postback" expanded="true">
<netui:treeLabel>0.1.1.0</netui:treeLabel>
</netui:treeItem>
<netui:treeItem action="postback" expanded="true">0.1.1.1</netui:treeItem>
<netui:treeItem action="postback" expanded="true">0.1.1.2</netui:treeItem>
<netui:treeItem action="postback" expanded="true">0.1.1.3</netui:treeItem>
</netui:treeItem>
<netui:treeItem action="postback" expanded="true">0.1.2</netui:treeItem>
</netui:treeItem>
<netui:treeItem action="postback" expanded="false">
<netui:treeLabel>0.2</netui:treeLabel>
<netui:treeItem action="postback" expanded="true">0.2.0</netui:treeItem>
<netui:treeItem action="postback" expanded="true">0.2.1</netui:treeItem>
<netui:treeItem action="postback" expanded="true">0.2.2</netui:treeItem>
</netui:treeItem>
</netui:treeItem>
</netui:tree>
</div>
</netui:body>
</netui:html>