Laravel-datatables: vue.js में इसका उपयोग कैसे करें

को निर्मित 18 फ़र॰ 2018 · 6टिप्पणियाँ · स्रोत: yajra/laravel-datatables

@ याजरा ,

मैं कैसे vue.js में उपयोग करने के लिए कुछ मदद पूछ सकते हैं?

index.blade

   <div class="row" id="app">
        <div class="col-md-12">
            <div class="box box-primary">
                <div class="box-header with-border">
                    <h3 class="box-title"><a href="{{ route('credit.create') }}" type="button" class="btn btn-block btn-success btn-flat">Create</a></h3>
                </div>
                <div class="table-responsive box-body">

                    <table width="100%" class="table table-bordered table-striped" id="my-table">
                        <thead>
                        <tr>
                            <th>Name</th>
                            <th width="20%;"></th>
                        </tr>
                        </thead>

                    </table>

                </div>
            </div>
        </div>

    </div>

यह मेरी getdata.js है

new Vue({
    el:'#app',
    created: function () {
        var mytable= $('#my-table').DataTable({
            processing: true,
            serverSide: true,
            ajax: 'getdata',
            columns: [
                {data: 'particulars', name: 'particulars'},
                {data: 'action', name: 'action', orderable: false, searchable: false}
            ]
        });

    }
});

question

स्रोत

ezekel

सभी 6 टिप्पणियाँ

मैंने अपने कस्टम व्यू डेटा-टेबल स्क्रिप्ट के साथ फिर से खेलने की कोशिश की। मैं एक रेफरी के रूप में बनाई गई जिस्ट का उपयोग करने की कोशिश करता हूं।

# 1607 का डुप्लीकेट

धन्यवाद!

yajra 11 मार्च 2018

@ याजरा मेरे टेबल में जो हुआ, उसे खत्म करने के लिए मेरे कंट्रोलर में एक एक्शन बटन है, यह दिखाया गया है और सब कुछ, मेरा सवाल यह है कि जब मैं फंक्शन @click de vue, js वर्क के साथ क्लिक करता हूं तो मैं इसे कैसे करता हूं।

`$('#user-datable').DataTable({
                processing: true,
                serverSide:true,
                language:{
                    'url': '{!! asset('assets/plugins/datatable/spanish.json') !!}'
                },
                ajax: '{!! route('user.index') !!}',
                columns:[
                    {data: 'id', name: 'users.id'},
                    {data: 'firstname', name: 'users.firstname'},
                    {data: 'lastname', name: 'lastname'},
                    {data: 'username', name: 'username'},
                    {data: 'email', name: 'email'},
                    {data: null, render: function (data) {
                            return '<span class="badge badge-primary">'+data.display_name+'</span>'
                        }, orderable:false, searchable:false},

                    {data: 'action', name: 'action', orderable: false, searchable: false},
                ]
            });`

`return DataTables::eloquent($users)->addColumn('display_name', function (User $user) {
                    return $user->roles->map(function($role) {
                        return str_limit($role->display_name, 30, '...');
                    })->implode(', ');
                })->addColumn('action', function ($user) {
                    return '<a href="user/'.$user->id.'/edit" class="btn btn-default btn-sm btn-icon-anim btn-circle"><i class="fa fa-edit"></i></a>
                            <button type="button" class="btn btn-default btn-sm btn-icon-anim btn-circle" v-on:click="dete('.$user->id.')"><i class="fa fa-trash"></i></button>';
                })->make(true);`

Bolhy10 16 अप्रैल 2018

क्या आपको @click का हल मिला?

antoniodesa 27 सित॰ 2018

नहीं, मैंने इसका हल ढूंढ लिया है

Bolhy10 28 सित॰ 2018

👀5

किसी को भी वी पर एक समाधान मिला: क्लिक करें?

Ubaidullah92 27 जन॰ 2019

बेशर्म प्लग, मैंने यह datatables.net vue आवरण घटक लिखा है: https://github.com/niiknow/vue-datatables-net - @ Ubaidullah92 जिसमें क्लिक इवेंट के लिए समाधान होना चाहिए

मैं सर्वर-साइड प्रतिक्रिया के लिए yajra/laravel-datatables का उपयोग कर रहा हूं। देशी वाउ समर्थन के लिए, मैंने बूटस्ट्रैप व्यू items-provider b-table यहाँ https://github.com/niiknow/bvtnet-items-provider लिखा (डेमो देखें)

noogen 8 अप्रैल 2019

क्या यह पृष्ठ उपयोगी था?

0 / 5 - 0 रेटिंग्स

Laravel-datatables: vue.js में इसका उपयोग कैसे करें

सभी 6 टिप्पणियाँ

संबंधित मुद्दों