<%@ taglib uri="/WEB-INF/tlds/cc-base.tld"      prefix="base" %>
<%@ taglib uri="/WEB-INF/tlds/struts-html.tld"  prefix="html" %>
<%@ taglib uri="/WEB-INF/tlds/cc-controls.tld"  prefix="ctrl" %>
<%@ taglib uri="/WEB-INF/tlds/cc-utility.tld"   prefix="util" %>
<%@ taglib uri="/WEB-INF/tlds/struts-bean.tld"  prefix="bean" %>

<script language='JavaScript' src='fw/html/jscript/calendar_res.js'></script>
<script language='JavaScript' src='fw/html/jscript/calendar.js'></script>
<link href="fw/html/calendar/layout1/calendar.css" rel="stylesheet" type="text/css">
<util:calendarresources/>

<ctrl:treelist
    name="virttree"
    action="sample301/treeBrowse"
    styleClass="tlcCustomStyle_nf"
    title="list.title"
    rows="50"
    refreshButton="true"
    expandMode="multiple"
    createButton="true"
    root="true"
    noframe="true">

    <ctrl:columntree
        title="list.id"
        property="id"
        width="180"
        sortable="true"/>
    
    <ctrl:columntext
        title="list.path"
        property="path"
        sortable="true"
        width="150"
        style="width:100%;border: 1px solid gray;"
        editable="true"/>
    
    <ctrl:columnselect
        title="list.role"
        property="role.value"
        editable="true"
        width="130"
        sortable="true">
        
        <base:options
            name="roleOptions"
            keyProperty="key"
            labelProperty="value"
            style="background-color:transparent;"/>
    </ctrl:columnselect>
    
    <ctrl:columnhtml
        title="list.birthday"
        id="row"
        editable="true"
        width="150"
        sortable="true"
        property="birthday">
            
        <ctrl:calendar
            name="row"
            property="birthday"
            format="dd/MM/yy"
            mode="inline"
            size="12"
            style="text-align:right; border: 1px solid gray;"
            onblur="Formatter.formatDateField(this, 'dd/MM/yy');"/>
    </ctrl:columnhtml>
    
    <ctrl:columnadd            title="list.add"            property="add"        onclick="return message();"/>
    <ctrl:columnedit        title="list.edit"           property="editable"   onclick="return message();"/>
    <ctrl:columndelete        title="list.delete"            property="editable"   onclick="return message();"/>
</ctrl:treelist>


<script language="JavaScript1.2">
<!--
function message() {
    var msg = '<bean:message key="notimplemented"/>'
    
    alert(msg);
    
    return false;
}
//-->
</script>