模态框 modal

用法

生成模态框的HTML代码，继承自 模态对话框 modalDialog 组件。

使用内置属性

modalTrigger
(
    to::trigger('打开模态框', setClass('btn btn-primary')),
    modal
    (
        set::id('modal'),
        set::modalProps(array(  // 使用内置属性 modalProps
            'title' => '标题'
        )),
        to::footer
        (
            btn('关闭'), 
            btn('确认', setClass('primary'))
        ),

        'HTML5是HTML最新的修订版本，2014年10月由万维网联盟（W3C）完成标准制定。目标是替换1999年所制定的HTML 4.01和XHTML 1.0标准，以期能在互联网应用迅速发展的时候，使网络标准达到匹配当代的网络需求。广义论及HTML5时，实际指的是包括HTML、CSS和JavaScript在内的一套技术组合。它希望能够减少网页浏览器对于需要插件的丰富性网络应用服务（Plug-in-Based Rich Internet Application，RIA），例如：AdobeFlash、Microsoft Silverlight与Oracle JavaFX的需求，并且提供更多能有效加强网络应用的标准集。'
    )
);

使用父组件属性

modalTrigger
(
    to::trigger('打开模态框', setClass('btn btn-primary')),
    modal
    (
        set::id('modal'),
        set::title('标题'), // 使用父属性 title
        to::footer
        (
            btn('关闭'), 
            btn('确认', setClass('primary'))
        ),

        'HTML5是HTML最新的修订版本，2014年10月由万维网联盟（W3C）完成标准制定。目标是替换1999年所制定的HTML 4.01和XHTML 1.0标准，以期能在互联网应用迅速发展的时候，使网络标准达到匹配当代的网络需求。广义论及HTML5时，实际指的是包括HTML、CSS和JavaScript在内的一套技术组合。它希望能够减少网页浏览器对于需要插件的丰富性网络应用服务（Plug-in-Based Rich Internet Application，RIA），例如：AdobeFlash、Microsoft Silverlight与Oracle JavaFX的需求，并且提供更多能有效加强网络应用的标准集。'
    )
);

属性

属性名	类型	默认值	说明
id	string	-	对话框的ID。
modalProps	array	-	对话框的属性, 具体属性项目请参考 模态对话框 modalDialog 组件。

块

继承自 模态对话框 modalDialog 组件。

块名词	映射类型	说明
header	-	对话框头部
actions	-	对话框底部操作按钮
footer	toolbar	对话框底部

数据

无