z:checkbox标签

作者:  最后修改:2013年10月09日  浏览数:390

简介

  多选框标签,可以生成一组多选按钮并可使用表格布局。

 

属性说明

名称

参数类型

是否必填

默认值

描述

id

String

false

 

设置或返回单选按钮的 id

name

String

false

 

设置或返回单选按钮的名称

code

String

false

 

代码类型

value

String

false

 

设置或返回单选按钮的选中项的值。

theme

String

false

 

外观主题

options

 

false

 

选项

onClick

String

false

 

当鼠标被单击时执行脚本

method

String

false

 

返回数据的后台方法

disabled

boolean

false

false

设置或返回是否禁用单选按钮

onChange

String

false

 

当元素改变时执行脚本

tableLayout

String

false

 

是否使用<table>来排列

column

int

false

1

使用<table>排列时,设置table 每行的列数

type

String

false

checkbox

控件类型,不需要手动设置

tableWidth

number

false

 

使用<table>排列时,设置表格宽度

defaultCheck

String

false

 

返回单选按钮的默认状态。

详细说明:

method属性

  为一个Java类的方法,当用户访问这个页面时,该Java类的方法。

 

options 属性

  指定多选框选项

 

code属性

  为固定数据类型或者固定值。在页面显示固定值,例如<z:select>标签中常用DataType,ControlType,<z:radio>标签常用YesOrNo,Enable。具体实现方式见《 代码管理文档

 

示例:

使用<table>排列

页面示例:

 

<table width="500" border="1" cellpadding="4" cellspacing="0" bordercolor="#eeeeee" class="formTable">

    <tr>

        <td width="160"><z:lang id="Article.SiteConfig.ArticleAutoFormatRule">文章自动排版规则</z:lang></td>

        <td>

            <z:checkbox tableLayout="true" tableWidth="100%" column="1" value="${ArticleAutoFormatRule}" id="ArticleAutoFormatRule" method="AutoFormatRule.getFormatRules" />

        </td>

    </tr>

    <tr>

        <td width="160"><z:lang id="Article.SiteConfig.OpenArticleAutoSave">开启文章自动保存</z:lang></td>

        <td>

            <z:radio value="${ArticleAutoSave}" id="ArticleAutoSave" code="YesOrNo" defaultCheck="N" />

        </td>

    </tr>

</table>

 

后台代码示例:

 

@Alias("AutoFormatRule")

public class AutoFormatRuleUI extends UIFacade {

    @Priv

    public DataTable getFormatRules() {

        DataTable dt = new DataTable();

        dt.insertColumns(new String[] { "ID", "Name" });

        for (IAutoFormatRule rule : AutoFormatRuleService.getInstance().getAll()) {

            dt.insertRow(new Object[] { rule.getID(), rule.getName() });

        }

        return dt;

    }

}

页面参考:article/siteConfigExtend.zhtml。

 

显示效果

1_副本

 

不使用<table>排列

页面示例:

 

<div class="z-legend"><b><z:lang id="Contentcore.Site.PublishTargetConfig">发布平台配置</z:lang></b></div>

<table width="500" border="1" cellpadding="4" cellspacing="0" bordercolor="#eeeeee" class="formTable">

    <tr>

      <td width="160"><z:lang id="Contentcore.Site.PublishTarget">发布平台</z:lang></td>

      <td><z:checkbox value="${PublishTarget}" id="PublishTarget" method="PublishTarget.getPublishTargets" /></td>

    </tr>

</table>

 

后台代码示例:

 

    @Priv

    public DataTable getPublishTargets() {

        DataTable dt = new DataTable();

        dt.insertColumns(new String[] { "ID", "Name", "ConfigURL", "Icon" });

        for (IPublishTarget item : PublishTargetService.getInstance().getAll()) {

            dt.insertRow(new Object[] { item.getID(), item.getName(), item.getConfigURL(), item.getIcon() });

        }

        return dt;

    }

页面参考:contentcore/siteConfigExtend.zhtml。

显示效果:

4_副本