<%@ 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" %>

<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/>

<html:form action="sample101/userBrowse">

<ctrl:list
    styleClass="lcCustomStyle_nf"
    name="users"
    title="list.title"
    rows="50"
    noframe="true"
    createButton="true"
    refreshButton="true">

    <ctrl:columntext
        title="list.name"
        property="name"
        sortable="true"
        width="200"
        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:columnedit        title="list.edit"/>
    
    <ctrl:columndelete      title="list.delete"/>

</ctrl:list>

</html:form>