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

                ??一站式輕松地調用各大LLM模型接口,支持GPT4、智譜、豆包、星火、月之暗面及文生圖、文生視頻 廣告
                ![# FastAdmin中的表格列表的功能](https://img.kancloud.cn/6e/bc/6ebc1d48ac201ff2610459ea9130fe7b_1920x1057.png) >[info]**8.字段配置** 默認字段的控制是根據控制器對應的JS來配置的,因此字段配置是通過JS,而在我們的視圖`index.html`中是沒有任何字段配置的,通常我們的配置如下: ~~~ columns: [ [ {checkbox: true}, {field: 'id', title: __('Id')}, {field: 'admin_id', title: __('Admin_id')}, {field: 'category.name', title: __('分類名稱'), formatter:Table.api.formatter.search}, {field: 'category_id', title: __('Category_id'), visible: false}, {field: 'flag', title: __('Flag'), searchList: {"hot": __('Flag hot'), "index": __('Flag index'), "recommend": __('Flag recommend')}, operate: 'FIND_IN_SET', formatter: Table.api.formatter.label}, {field: 'genderdata', title: __('Genderdata'), searchList: {"male": __('Genderdata male'), "female": __('Genderdata female')}, formatter: Table.api.formatter.normal}, {field: 'title', title: __('Title')}, {field: 'image', title: __('Image'), formatter: Table.api.formatter.image}, {field: 'images', title: __('Images'), formatter: Table.api.formatter.images}, {field: 'createtime', title: __('Createtime'), operate: 'RANGE', addclass: 'datetimerange', formatter: Table.api.formatter.datetime}, {field: 'updatetime', title: __('Updatetime'), operate: 'RANGE', addclass: 'datetimerange', formatter: Table.api.formatter.datetime, visible: false}, {field: 'weigh', title: __('Weigh'), operate: false, visible: false}, {field: 'switch', title: __('Switch'), searchList: {"1": __('Yes'), "0": __('No')}, formatter: Table.api.formatter.toggle}, {field: 'status', title: __('Status'), searchList: {"normal": __('Normal'), "hidden": __('Hidden')}, formatter: Table.api.formatter.status}, ] ] ~~~ **字段配置的參數有** ~~~ checkbox:true, //是否為首列復選框 field:'name' //字段名稱,如果啟用了關聯查詢這里可以使用別名,比如:category.name,請注意服務端返回的字段一一對應,如果使用了一個不存在的字段,將不會渲染任何數據 title:'名稱' //字段標題,顯示于頭部的標題 operate:'=' //通用搜索的操作符,詳見上方通用搜索介紹 visible:false //字段是否可見,為false時將默認不可見 formatter:Table.api.formatter.search //格式化顯示的內容,FastAdmin內部定義了許多通用的格式化方法 events: //定義元素響應的事件 searchList: //定義通用搜索下拉列表的數據 addclass: //通用搜索文本框或下拉列表的額外class type: //通用搜索文本框的類型 data: //通用搜索文本框或下拉列表的額外屬性 buttons: //配置的按鈕組 ~~~ **FastAdmin封裝了許多常用的formatter方法,我們可以快速的調用即可。 ** ~~~ > `Table.api.formatter.icon` 快速將字段渲染成一個按鈕,僅支持Fontawesome按鈕 > `Table.api.formatter.image` 快速將字段渲染成圖片展示的形式 > `Table.api.formatter.images` 快速將字段渲染成多圖片展示的形式,字段數據請以`,`進行分隔 > `Table.api.formatter.status` 快速將字段渲染成狀態,默認`normal/hidden/deleted/locked`這四個狀態 > `Table.api.formatter.url` 快速將字段渲染成URL框 > `Table.api.formatter.search` 快速將字段渲染成可搜索的鏈接,點擊后將執行搜索 > `Table.api.formatter.addtabs` 快速將字段渲染成可添加到選項卡的鏈接,點擊后將把鏈接添加到選項卡 > `Table.api.formatter.flag` 快速將字段渲染成標志,僅支持`index/hot/recommend/new`這四種標志 > `Table.api.formatter.label` 快速將字段渲染Label標簽 > `Table.api.formatter.datetime` 快速時間戳數據渲染成日期時間數據 > `Table.api.formatter.operate` 操作欄固定按鈕 > `Table.api.formatter.buttons` 快速生成多個按鈕 > `Table.api.formatter.toggle` 快速生成切換按鈕 ~~~ 如果我們需要固定表頭,可以在初始化表格時給表格添加一個固定的高度即可,例如: ~~~ height:300 ~~~
                  <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>

                              哎呀哎呀视频在线观看