Laravel-datatables: एक सेवा कार्यान्वयन के रूप में Datatable में कस्टम फ़िल्टर का उपयोग करना

अगर मैं इसे आपके लिए समझा सकता हूं तो मुझे कोशिश करने दें।

अपने डीटी सेवा वर्ग में आपके पास ajax() पद्धति है जो क्लाइंट-साइड के लिए ajax json प्रतिक्रिया को संभालती है। यह वह जगह है जहाँ आप अपने json प्रतिक्रिया को एडिट / कॉलम जोड़कर बदल देते हैं, आदि ...

एक अन्य विधि query() विधि है जो डीटी द्वारा उपयोग की जाने वाली आपकी आधार क्वेरी को संभालती है। कक्षा में request() पद्धति है जिसका उपयोग आप Request उदाहरण का उपयोग करने के लिए कर सकते हैं। नीचे उदाहरण स्निपेट देखें:

    public function ajax()
    {
        return $this->datatables
            ->eloquent($this->query())
            ->addColumn('action', 'audits.audit.datatables.action')
            ->make(true);
    }

    public function query()
    {
        $audits = Audit::query();

        if ($this->request()->get('auditType')) {
            $audits->where('type', $this->request()->get('auditType'));
        }

        return $this->applyScopes($audits);
    }

उम्मीद है की यह मदद करेगा। जल्द ही सेवा कार्यान्वयन पर और अधिक डेमो जोड़ने की कोशिश करेंगे।

धन्यवाद। मुझे यह हिस्सा मिल गया। क्या आप मुझे बता सकते हैं कि क्लाइंट से अजाक्स डेटा कैसे भेजें और फिर तालिका को फिर से तैयार करें?

सर्वर पर कस्टम डेटा पास करने के लिए अपने preXHR इवेंट पर अपने js को हुक करें। https://datatables.net/reference/event/preXhr

अब कस्टम फ़िल्टर काम करता है लेकिन इसके साथ पेजिनेशन काम नहीं कर रहा है।

धन्यवाद, मैंने इसे हल किया।

हाय क्या मैं एक उदाहरण देख सकता हूँ ???

उपरोक्त कोड स्निपेट @yajra द्वारा देखें। या यदि आप जावास्क्रिप्ट स्निपेट खोज रहे हैं तो मुझे बताएं।

'ऑडिट टाइप' के साथ उपरोक्त अनुरोध उदाहरण में - यह कहाँ से पोस्ट किया गया है? प्रतिशोध? क्या इसे किसी कंट्रोलर से पोस्ट किया जा सकता है?

जावास्क्रिप्ट से, यहाँ उदाहरण कोड है:

$ ('# dataTableBuilder')
.on ('preXhr.dt', function (e, settings, data) {
data.auditType = $ ('इनपुट [नाम = ऑडिट टाइप')। Val ();
};

<input type="text" onchange="abc(this.value)" >

    function abc(a) {
        $('.datatable')
        .on('preXhr.dt', function ( e, settings, data ) {
            data.auditType = a;
        });
    }

साहब, मैं भी datatable सेवा का उपयोग कर, क्यों मैं onchange के बाद लोड नहीं कर सकता ..

हाय मैं इस प्रकार है: मैं परिवर्तन की घटना को पकड़ने और इस तरह, datatable पर पुनः लोड बटन पर क्लिक करें:

$ (चयनकर्ता) .on ('परिवर्तन'), फ़ंक्शन () {
$ ('बटन। पुनः लोड')। क्लिक करें ();
};

मुझे यकीन नहीं है कि टेबल को अपडेट करने का यह सही तरीका है, लेकिन यह काम करता है।

नमस्ते, क्या आप कृपया मेरी मदद कर सकते हैं? इस मामले में अनुरोध कौन करता है।
मेरे विचार:
<input type="text" name="abc"> <div class="col-md-12"> {!! $dataTable->table(['style'=>'width:100%', 'class'=>'table table-striped table-hover']) !!} </div>
क्लाइंटडैटेबल:
`
सार्वजनिक समारोह क्वेरी ()
{{
$ वर्कस्टेशन_आईडी = प्रामाणिक :: उपयोगकर्ता () -> एक्टिववर्क () -> आईडी;

    $clients = Client::where('workstation_id', $workstation_id)->with('addresses')->with('devices');

    if ($this->request()->get('abc')) {
        $clients->where('name', $this->request()->get('abc'));
    }


    return $this->applyScopes($clients);
}

JS:

$('#dataTableBuilder').on('preXhr.dt', function ( e, settings, data ) {
    data.abc= $('input[name=abc]').val();
});

`

कृपया मदद करें, मुझे नहीं पता कि अनुरोध भेजने वाला कौन है।

हर बार जब आप अपने कस्टम फ़िल्टर पर मान बदलते हैं, तो डेटाटेबल अनुरोध करता है।

आपको इनपुट पर परिवर्तन, कीप या कीडाउन घटना को पकड़ना होगा, जैसे:
$(selector).on('change',function(){ $('.buttons-reload').click(); });

बटन-रीलोड वह बटन है जिसे आप डेटाटेबल क्लास पर कॉन्फ़िगर करते हैं:
public function html() { return $this->builder() ->columns($this->getColumns()) ->addAction(['width' => '35%']) ->parameters([ 'language' => [ 'url' => '//cdn.datatables.net/plug-ins/1.10.11/i18n/Spanish.json' ], "lengthMenu" => [[10, 25, 50, 100, -1], [10, 25, 50, 100, "All"]], "pagingType" => "full_numbers", 'dom' => 'lBfrtip', 'scrollX' => true, **'buttons' => [ 'reload' ],** ]); }

इसलिए जब आप इनपुट पर कीज़ दबाते हैं, और ईवेंट को पकड़ते हैं, तो डेटाटेबल के रीलोड बटन पर क्लिक किया जाता है, फिर यह रिक्वेस्ट को भड़काता है, डेटाटेबल क्लास इनपुट वैल्यू को पकड़ता है और उस क्वेरी पर लागू होता है जिसे आपको निष्पादित करने की आवश्यकता होती है।

यह मेरे लिए काम करता है, लेकिन संभवतः यह काम करने का एक बेहतर तरीका है।

नमस्ते,
इसने क्वेरी को फिर से लोड किया, लेकिन बिना पास किए डेटा। कोई भी सुझाव है?

यह काम करता है!!! क्षमा करें, मैं इस तरह के 'परिवर्तन पर' घटना में preXhr.dt को जोड़ना भूल गया:
$('input[name=abc]').on('change',function(){ $('#dataTableBuilder').on('preXhr.dt', function ( e, settings, data ) { data.abc= $('input[name=abc]').val(); }); $('.buttons-reload').click(); });

मैं अभी इसे यहाँ छोड़ रहा हूँ जो कोई दिलचस्पी रखता है;)

जावास्क्रिप्ट

$(document).ready(function () {
    $('.js-datatable-filter-form :input').on('change', function (e) {
        window.LaravelDataTables["dataTableBuilder"].draw();
    });

    $('#dataTableBuilder').on('preXhr.dt', function ( e, settings, data ) {
        $('.js-datatable-filter-form :input').each(function () {
            data[$(this).prop('name')] = $(this).val();
        });
    });
});

अतिरिक्त फ़िल्टर डेटा request() फ़ंक्शन के माध्यम से प्राप्त किया जा सकता है। एक स्कोप का उपयोग करके परिणाम बैक-एंड में फ़िल्टर किए जा सकते हैं।

उदाहरण स्कोप:

संग्रहीत दायरा

<?php namespace App\DataTables\Scopes;

use Yajra\Datatables\Contracts\DataTableScopeContract;

class ArchivedScope implements DataTableScopeContract
{
    public function apply($query)
    {
        $query->onlyTrashed();

        return $query;
    }
}

उदाहरण नियंत्रक विधि:

public function archived(UserDataTable $dataTable)
{
    $dataTable->addScope(new App\DataTables\Scopes\ArchivedScope());

    return $dataTable->render('admin.users.index');
}

भूमिका की गुंजाइश

यहां apply पद्धति में request() फ़ंक्शन को नोट करें।

<?php namespace App\DataTables\Scopes;

use Yajra\Datatables\Contracts\DataTableScopeContract;

class RoleScope implements DataTableScopeContract
{
    public function apply($query)
    {
        if ($roleId = request('role_id')) {
            $query->where('role_id', $roleId);
        }

        return $query;
    }
}

स्कोप के बारे में अधिक जानकारी यहां पाई जा सकती है: https://datatables.yajrabox.com/services/scope