列表项 item

列表项 item 部件是一个不能单独渲染的特殊内部部件，主要用于在其它部件使用列表时，作为其它部件的列表项使用。

用法

以 工具栏 toolbar 部件为例，其 buildItem() 方法将 item 部件渲染为 toolbar-item 类的 button 元素。

zin 部件

toolbar
(
    item(set(
    [
        'text'  => '导出',
        'icon'  => 'export',
        'class' => 'ghost text-darker',
        'url'   => '/project-export.html',
    ])),
    item(set::type('divider')),
    item(set(
    [
        'text'  => '创建项目',
        'icon'  => 'plus',
        'class' => 'btn primary',
        'url'   => '/project-create.html'
    ])),
);

生成的 HTML

<div class="toolbar" id="actionBar">
    <a class="toolbar-item ghost text-darker btn btn-default" type="button" href="/project-export.html">
        <i class="icon icon-export"></i>
        <span class="text">导出</span>
    </a>
    <div class="toolbar-divider"></div>
    <a class="toolbar-item btn primary btn-default" type="button" href="/project-create.html">
        <i class="icon icon-plus"></i>
        <span class="text">创建项目</span>
    </a>
</div>

方法

build()

构建部件时将回调父级部件的 buildItem() 方法，将自身作为参数传入。

使用列表项 item 的部件

部件	说明
inputBtn	输入框按钮
formGroup	表单组
mainMenu	主菜单
toolbar	工具栏
select	选择框
inputGroup	输入框组
inputAddon	输入框附加
menu	菜单
btnGroup	按钮组