treegrid.xhtml

来自「OperaMasks是一种基于J2EE的Web开发技术」· XHTML 代码 · 共 37 行

<f:view xmlns="http://www.w3.org/1999/xhtml" xmlns:f="http://java.sun.com/jsf/core"
    xmlns:w="http://www.apusic.com/jsf/widget" xmlns:layout="http://www.apusic.com/jsf/layout"
    xmlns:ajax="http://www.apusic.com/jsf/ajax" renderKitId="AJAX"
    xmlns:h="http://java.sun.com/jsf/html"
    xmlns:om="http://www.apusic.com/jsf/misc">
    <w:page title="静态树">
        <w:head>
            <w:stylesheet src="/common/resources/examples.css" />
        </w:head>
    <om:useBean value="grid.page.StaticDataBean,DynamicTreeBean" />
    <f:loadBundle basename="demo.grid.page.LocalStrings" var="msgs" />
        <layout:borderLayout fitToBody="true">
            <layout:panel region="north" header="false" height="50" border="false">
                <div class="examDesc">
                <p>本例演示静态导航树树，树的节点提供导航</p>
                </div>
            </layout:panel>
            <layout:panel region="west" width="200" title="网址" split="true">
                <w:form transient="true">
                 <w:tree id="tree" border="false" style="height:100%;width:100%;" />
                </w:form>
            </layout:panel>
            <layout:panel region="center" title="网站内容" style="width: 100%;height: 100%;">
        <w:dataGrid loadMask="true" id="simple-grid" value="#{grid.page.StaticDataBean.stockData}" paged="true" rows="10"
            var="data">
            <w:outputColumn id="company" width="100" align="center" sortable="true" header="公司" />
            <w:outputColumn id="price" width="200" header="#{msgs['title.price']}" />
            <w:outputColumn id="change" align="right" header="#{msgs['title.change']}" />
            <w:outputColumn id="change_percent" header="#{msgs['title.change_percent']}" align="right" />
            <w:outputColumn id="lastupdate" value="#{data.lastUpdated}" header="#{msgs['title.lastupdated']}"
                converter="outputDateFormatter" />
        </w:dataGrid>
            </layout:panel>
        </layout:borderLayout>
    </w:page>
</f:view>