<ruby id="bdb3f"></ruby>

    <p id="bdb3f"><cite id="bdb3f"></cite></p>

      <p id="bdb3f"><cite id="bdb3f"><th id="bdb3f"></th></cite></p><p id="bdb3f"></p>
        <p id="bdb3f"><cite id="bdb3f"></cite></p>

          <pre id="bdb3f"></pre>
          <pre id="bdb3f"><del id="bdb3f"><thead id="bdb3f"></thead></del></pre>

          <ruby id="bdb3f"><mark id="bdb3f"></mark></ruby><ruby id="bdb3f"></ruby>
          <pre id="bdb3f"><pre id="bdb3f"><mark id="bdb3f"></mark></pre></pre><output id="bdb3f"></output><p id="bdb3f"></p><p id="bdb3f"></p>

          <pre id="bdb3f"><del id="bdb3f"><progress id="bdb3f"></progress></del></pre>

                <ruby id="bdb3f"></ruby>

                ThinkChat2.0新版上線,更智能更精彩,支持會話、畫圖、視頻、閱讀、搜索等,送10W Token,即刻開啟你的AI之旅 廣告
                ## addButton('name值', '按鈕屬性' [, '按鈕類型']) 標識符:`button` | 參數 | 含義 | 類型 | | --- | --- | --- | | name | name值 | string | | attr | 按鈕屬性 | array | | ele_type | 按鈕類型 | string | >[info] 1.0.2版本開始支持 ~~~ // 定義按鈕屬性 $btn = [ 'title' => '自定義按鈕', ]; return ZBuilder::make('form') ->addButton('test', $btn) ->fetch(); ~~~ ![](https://box.kancloud.cn/49fe7fbf990145c130af8c2333f8923a_165x68.png) 默認情況下,按鈕為`button`類型,也就是一個普通的按鈕,不帶任何事件,本身會有一個id,也就是上面的`name`參數。 比如上面的按鈕,id默認為`test`,我們可以通過js來給它加事件,做我們想做的事情。 ~~~ $('#test').click(function(){ alert('按鈕被點擊了'); }); ~~~ ### a標簽按鈕 如果有需要,我們可以把按鈕改為a標簽按鈕,并添加按鈕連接。 ~~~ // 定義按鈕屬性 $btn = [ 'title' => '自定義按鈕', 'target' => '_blank', 'href' => url('add') // 此屬性僅用于a標簽按鈕,button按鈕不產生作用 ]; return ZBuilder::make('form') ->addButton('test', $btn, 'a') ->fetch(); ~~~ >[info] 需要注意的是,`target`和`href`屬性僅適用于a標簽按鈕。 ### 添加圖標 ~~~ // 定義按鈕屬性 $btn = [ 'title' => '自定義按鈕', 'icon' => 'fa fa-plus-circle', ]; return ZBuilder::make('form') ->addButton('test', $btn) ->fetch(); ~~~ ![](https://box.kancloud.cn/b408cf875a88aee4b5fbcda6627739f9_144x58.png) 也可以只用圖標,不顯示按鈕標題。 ~~~ // 定義按鈕屬性 $btn = [ 'icon' => 'fa fa-plus-circle', ]; return ZBuilder::make('form') ->addButton('test', $btn) ->fetch(); ~~~ ![](https://box.kancloud.cn/888c5b7846307a940f7b3a9c38024588_64x56.png) ### 更改按鈕顏色 可以通過添加class屬性,來改變按鈕顏色。 ~~~ // 定義按鈕屬性 $btn = [ 'title' => '自定義按鈕', 'icon' => 'fa fa-plus-circle', 'class' => 'btn-success', ]; return ZBuilder::make('form') ->addButton('test', $btn) ->fetch(); ~~~ ![](https://box.kancloud.cn/b74dbc12d5e72c970000da473c36fcdc_135x62.png) ### 禁用按鈕 如果想默認禁用按鈕,可以添加`disabled`。 ~~~ // 定義按鈕屬性 $btn = [ 'title' => '自定義按鈕', 'icon' => 'fa fa-plus-circle', 'class' => 'btn-success', 'disabled' => '', ]; return ZBuilder::make('form') ->addButton('test', $btn) ->fetch(); ~~~ ![](https://box.kancloud.cn/ca4236a67deedc487276abae0f1e041b_135x61.png) ### 修改按鈕id 默認情況下,按鈕的id值是name參數的值,如果需要修改按鈕的id,可以直接給id另外賦值。 ~~~ // 定義按鈕屬性 $btn = [ 'title' => '自定義按鈕', 'id' => 'newid', ]; return ZBuilder::make('form') ->addButton('test', $btn) ->fetch(); ~~~ ### 添加自定義屬性 除了一些常規的參數,還可以給按鈕添加一些自定義屬性,但僅限于“data-”開頭。 ~~~ // 定義按鈕屬性 $btn = [ 'title' => '自定義按鈕', 'id' => 'newid', 'data-url' => url('add') ]; return ZBuilder::make('form') ->addButton('test', $btn) ->fetch(); ~~~ ### 添加布局寬度 按鈕也支持設定布局,但只能用`addFormItem`或`addFormItems`方法。 ~~~ // 定義按鈕屬性 $btn = [ 'title' => '自定義按鈕', ]; return ZBuilder::make('form') ->addFormItem('button:4', 'test', $btn) ->fetch(); ~~~ ![](https://box.kancloud.cn/888c5b7846307a940f7b3a9c38024588_64x56.png)
                  <ruby id="bdb3f"></ruby>

                  <p id="bdb3f"><cite id="bdb3f"></cite></p>

                    <p id="bdb3f"><cite id="bdb3f"><th id="bdb3f"></th></cite></p><p id="bdb3f"></p>
                      <p id="bdb3f"><cite id="bdb3f"></cite></p>

                        <pre id="bdb3f"></pre>
                        <pre id="bdb3f"><del id="bdb3f"><thead id="bdb3f"></thead></del></pre>

                        <ruby id="bdb3f"><mark id="bdb3f"></mark></ruby><ruby id="bdb3f"></ruby>
                        <pre id="bdb3f"><pre id="bdb3f"><mark id="bdb3f"></mark></pre></pre><output id="bdb3f"></output><p id="bdb3f"></p><p id="bdb3f"></p>

                        <pre id="bdb3f"><del id="bdb3f"><progress id="bdb3f"></progress></del></pre>

                              <ruby id="bdb3f"></ruby>

                              哎呀哎呀视频在线观看