BootstrapTable searchList動態渲染

1. ajax動態獲取數據

js中初始化表格前,ajax異步請求獲得數據

// 動態獲取類型列表
$.ajax({
    url: "shopro/user_wallet_log/getTypeList",
    async: false,
    success: function (res) {
        typeList = res.data;
    }
});

// 初始化表格
table.bootstrapTable({

 

請求的路徑中的代碼是

/* \addons\shopro\model\UserWalletLog::$typeAll

    public static $typeAll = [
        // money
        'wallet_pay' => ['code' => 'wallet_pay', 'name' => '余額付款'],
        'recharge' => ['code' => 'recharge', 'name' => '用戶充值'],
        'admin_recharge' => ['code' => 'admin_recharge', 'name' => '后台充值'],
        'admin_deduct' => ['code' => 'admin_deduct', 'name' => '后台扣除'],
        'cash' => ['code' => 'cash', 'name' => '提現'],
        'cash_error' => ['code' => 'cash_error', 'name' => '提現駁回'],
        'wallet_refund' => ['code' => 'wallet_refund', 'name' => '余額退款'],
        'commission_income' => ['code' => 'commission_income', 'name' => '佣金收益'],
        'commission_back' => ['code' => 'commission_back', 'name' => '佣金扣除'],
        'zhuanzhang' => ['code' => 'zhuanzhang', 'name' => '轉賬'],

        // score
        'sign' => ['code' => 'sign', 'name' => '簽到'],
        'score_pay' => ['code' => 'score_pay', 'name' => '積分付款'],
        'score_back_order' => ['code' => 'score_back_order', 'name' => '取消訂單退回'],
    ]; 
*/

public function getTypeList()
{
    $data = \addons\shopro\model\UserWalletLog::$typeAll;
    $data = array_column($data, 'name', 'code');
    $this->success('獲取類型列表成功', null, $data);
}

2. searchList動態渲染

{ field: 'type', title: __('Type'), searchList: typeList, formatter: Table.api.formatter.normal },