主鍵不是ID時,表格內置樣式toggle無法執行的解決方法

Table.api.formatter.toggle默認使用的是id作爲主鍵,假如這個表格的主鍵不是id,綁定的數據會變爲undefined,從而導致執行失敗。

打開assets/js/require-table.js文件
找到下列代碼,並修改:

`

            toggle: function (value, row, index) {
                var options = $(table).bootstrapTable('getOptions'); //新增這行
                var color = typeof this.color !== 'undefined' ? this.color : 'success';
                var yes = typeof this.yes !== 'undefined' ? this.yes : 1;
                var no = typeof this.no !== 'undefined' ? this.no : 0;
                return "<a href='javascript:;' data-toggle='tooltip' title='" + __('Click to toggle') + "' class='btn-change' data-id='"  + row[options.pk] + "' data-params='" + this.field + "=" + (value ? no : yes) + "'><i class='fa fa-toggle-on " + (value == yes ? 'text-' + color : 'fa-flip-horizontal text-gray') + " fa-2x'></i></a>"; //row.id修改爲row[options.pk]
            }
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章