## 開關 ~~~ // 添加開關 $data_list = Db::name('admin')->select(); return Format::ins() //實例化 ->addColumn('is_hot', '是否熱門', 'switch') ->setData($data_list)//設置數據 此數據根據字段自動匹配 ->fetch();//顯示 ~~~ 該組件作用可以在列表展示一個復選框開關，勾選后數據庫值被設成1，否則設置成0 ~~~ ->addColumns([ ['is_hot', '是否熱門', 'switch'] ]) ~~~ 1，在extend/service/Format.php文件的compileRows方法中，在switch ($column\['type'\])? 的單元，增加一個case 支持swicth組件 ~~~ case 'switch': // 開關 $column['param'] = $column['param'] != '' ? $column['param'] : $column['name']; $row[$column['name'] . '__' . $column['type']] = '<div class="switch" ><input type="checkbox" data-table="' . $this->createTableToken($_table_name == '' ? $this->_table_name : $_table_name, $this->_prefix) . '" data-pk="' . $row['_primary_key_value'] . '" data-name="' . $_name . '"'; if($row[$column['name']] ){ $row[$column['name'] . '__' . $column['type']] .= " checked "; } $row[$column['name'] . '__' . $column['type']] .= "/></div>"; break; ~~~  2，修改public/static/admin/js/table.js 文件，找到如下代碼片段 ~~~ // 開關 $('.table-builder .switch input:checkbox').on('ifChanged', function () {<br> ... }) ~~~ 將這一段修改為： ~~~ // 開關 $('.table-builder .switch input:checkbox').on('click', function () { var $switch = $(this); var $data = { value: $switch.prop('checked'), _t: $switch.data('table') || '', name: $switch.data('name') || '', type: 'switch', pk: $switch.data('pk') || '', model: $switch.data('model') || '', module: $switch.data('module') || '', controller: $switch.data('controller') || '', }; // 發送ajax請求 Stars.loading(); $.post( lwwan.quick_edit_url, $data , function(res){ Stars.loading('hide'); if (res.code == 0) { Stars.notify(res.msg, 'danger'); $switch.prop('checked', !$data.status); return false; } }).fail(function (res) { Stars.loading('hide'); }); }); ~~~ 用例： ~~~ $fields = [ ['id', 'ID'], ['is_recommend','是否推薦',"switch"], ['right_button', '操作', 'btn'] ]; return Format::ins() ->addColumns($fields) ->setRightButtons($this->right_button) ->setData($data_list) ->fetch(); ~~~