как сделать мою проверку данных JQuery Multi с помощью vue.js - PullRequest
0 голосов
/ 03 октября 2019

У меня есть таблица данных, в которой есть пара данных, для которых мне нужно установить флажок (выбрать все, множественный выбор), но я не знаю, как это сделать

Я следовал этому скрипка но это не помогает ...

Мне ничего не нужно, кроме Vue.js.

этого моего стола

<div id="orders">
    <table class="table table-responsive table-hover" id="sample_1">
        <thead>
            <tr>
                <th>Delivery Man</th>
                <th>#</th>
                <th>Client ID</th>
                <th>The Client</th>
                <th>Client Number</th>
            </tr>
        </thead>
        <tbody>
        </tbody>
    </table>
</div>

и это мой код vuejs

let app = new Vue({
    el: '#app',
    data: {
        orders: {!! $orders->toJson() !!}.data,
    },
    mounted() {
    let table = $('#sample_1').DataTable({
        dom: 'Bfrtip',
        buttons: [
            'colvis'
        ],
        aLengthMenu: [
            [-1],
            ["All"]
        ],
        columnDefs: [{
            // 'targets':0,
            // 'checkboxes': {
            // seletRow: true
            // },
            // // 'render': function (data, type, full, meta){
            // // return '<input type="checkbox" name="id[]" value="'
            // // + $('<div/>').text(data).html() + '">';
            // // }
            // }
            'targets': 0,
            'searchable': false,
            'orderable': false,
            'className': 'dt-body-center',
            'render': function (data, type, full, meta) {
                return '<input type="checkbox" name="id[]" value="' + $('<div/>').text(data).html() + '">';
            }
        }],
        // select:{
        // style: 'multi'
        // },
    }
});
<script src="{{ asset('vendor/js/datatable.min.js') }}"></script>
<script src="{{ asset('vendor/js/datatables.min.js') }}"></script>
<script src="{{ asset('vendor/js/datatables.bootstrap.js') }}"></script>

1 Ответ

0 голосов
/ 03 октября 2019

попробуйте использовать этот флажок в поле данных

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...