नमस्ते। सबसे पहले - परियोजना के लिए धन्यवाद।
मेरी भी यही समस्या है। मुझे सर्वर से प्राप्त डेटा के साथ फ़िल्टर अपडेट करने की आवश्यकता है, लेकिन मुझे नहीं पता कि फ़िल्टर-डेटा func को कैसे ट्रिगर किया जाए।

मैंने पाया कि यदि आप अपने डेटा को गेटडाटा फ़ंक्शन के भीतर घोषित करते हैं तो ऐसा लगता है कि यह तालिका को अपडेट करता है।
तो..... getData: function($defer, params){
वर डेटा = $scope.yourdata;
वर आदेश दिया गया डेटा = …………………
}

मेरा डेटा डीओएम पर सफलतापूर्वक लोड हो गया है, लेकिन जब मैं सर्वर से डेटा प्राप्त करता हूं और टेबल पैराम्स द्वारा एनजी-टेबल को रीफ्रेश करना चाहता हूं। परिणाम को प्रतिबिंबित नहीं कर रहा है, लेकिन जब मैं सॉर्टिंग या पेजिंग पर क्लिक करता हूं तो यह परिणाम को दर्शाता है।
यह क्या मुद्दा हो सकता है?

मैं दूसरा करना चाहता हूं जो @basilcronus ने सुझाव दिया है, यह मेरे लिए भी काम करता है। यह जानना अच्छा लगेगा कि इसका क्या कारण है।

@Developersatish के साथ भी यही समस्या थी।
इस समस्या के समाधान की प्रतीक्षा करें।

हेलो सब लोग। मैंने अभी हाल ही में ngTable का उपयोग करना शुरू किया है। मुझे विशेष रूप से नेस्टेड एनजीटेबल्स के साथ एक समान समस्या है और मूल डेटा से अलग डेटा पुनः लोड करना है। यहाँ एक त्वरित विचार है:

मूल नियंत्रक:

वर पेरेंटडेटा = [...];

$scope.details = -1

$scope.showDetails = फ़ंक्शन (आईडी) {
$scope.details = आईडी;
};

// एनजीटेबल ////////
$scope.tableParams = नया ngTableParams({
पेज: 1, // पहला पेज दिखाएं
गिनती: 10, // प्रति पृष्ठ गिनें
छँटाई: {
आईडी: 'एएससी' // प्रारंभिक छँटाई
}
}, {
कुल: parentData.length, // डेटा की लंबाई
गेटडाटा: फ़ंक्शन ($ डिफर, पैराम्स) {
// बिल्ड-इन कोणीय फ़िल्टर का उपयोग करें
वर आदेश दिया डेटा = params.sorting () ?
$filter('orderBy')(parentData, params.orderBy()) :
पैरेंटडेटा;
$defer.resolve(orderedData.slice((params.page() - 1) * params.count(), params.page() * params.count()));
}
});

एचटीएमएल पर मेरे पास आईडी भेजने और विवरण क्षेत्र बदलने के लिए एक एनजी-क्लिक है।

बाल नियंत्रक (द्वितीयक तालिका जो पहले नियंत्रक से संबंधित है):

वर चाइल्डडाटा = [...];

$ स्कोप। $ माता-पिता। $ घड़ी ('विवरण', फ़ंक्शन () {
कंसोल.लॉग ("आपने इसे यहां बनाया है");
$scope.tableParams2.reload ();
});

// चाइल्ड एनजीटेबल ////////
$scope.tableParams2 = नया ngTableParams({
पेज: 1, // पहला पेज दिखाएं
गिनती: 10, // प्रति पृष्ठ गिनें
छँटाई: {
आईडी: 'एएससी' // प्रारंभिक छँटाई
}
}, {
कुल: ChildData.length, // डेटा की लंबाई
गेटडाटा: फ़ंक्शन ($ डिफर, पैराम्स) {
// बिल्ड-इन कोणीय फ़िल्टर का उपयोग करें
वर आदेश दिया डेटा = params.sorting () ?
$filter('orderBy')(childData, params.orderBy()) :
चाइल्डडेटा;
$defer.resolve(orderedData.slice((params.page() - 1) * params.count(), params.page() * params.count()));
},
$स्कोप: {$डेटा: {}}
});

जब मैं क्लिक करता हूं तो मैं परिवर्तन देख सकता हूं लेकिन मेरी चाइल्ड टेबल अपडेट नहीं हो रही है। सुनिश्चित नहीं है कि यह मदद करता है, लेकिन मुझे लगता है कि यह संबंधित है।

नमस्ते,
मुझे भी @developersatish जैसी ही समस्याएं आ रही हैं। मेरे द्वारा तालिका को सॉर्ट या फ़िल्टर करने के बाद ही तालिका डेटा अपडेट किया जाता है। क्या इस मुद्दे का कोई समाधान है?

मेरा भी वही मुद्दा है।

एक क्लिक ईवेंट पर मैं एक सर्वर (एकाधिक कॉल) से डेटा पुनर्प्राप्त करना प्रारंभ करता हूं।
तो मेरे पास लूप के लिए है और वहां मेरे पास अनुरोध प्राप्त हैं और मैं उन परिणामों को संग्रहीत करता हूं जो एक स्कोप वैरिएबल में वापस आते हैं जिसे मैं एक टेबल एसिंक में प्लॉट करना चाहता हूं।

हालांकि क्लिक पर मैं अपनी तालिका को तुरंत चालू करता हूं:

`$scope.tableParams = new ngTableParams({
        page: 1, // show first page
        count: 10, // count per page
        sorting: {
            Country: 'asc' // initial sorting
        }
    }, {
        total: $scope.continentTableData.length, // length of data
        getData: function($defer, params) {
            for (var i = 0; i < numberOfCountries; i++) {
                try {
                    var country = $("path[class*=" + $scope.currentContinentCountries[i].toUpperCase() + "]")[0].__data__.properties.name;
                    MapService.getInfographicsData(2013, country, function(infrographicsData) {
                        counter++;
                        // debugger;
                        var cpi = infrographicsData[0].data.CPI;
                        var trace = infrographicsData[1].data;
                        var countryName;

                        if (cpi == null) {
                            countryName = trace.Ref_Country;
                        } else {
                            countryName = cpi.Country;
                        }

                        var joinedData = {
                            Country: countryName,
                            Cpi: cpi,
                            Trace: trace
                        }
                        $scope.continentData.push(joinedData);

                        $scope.continentTableData = $scope.continentData;

                        // if (counter==numberOfCountries-1) {
                        //     console.log("tier");
                            $timeout(function() {
                            // update table params
                            params.total($scope.continentTableData.length);
                            // set new data
                            console.log("new data set");
                            $defer.resolve($scope.continentTableData);
                        }, 1500);
                        // };

                    });
                } catch (e) {
                    // console.log(e);
                    continue;
                }                    
            }

            // $scope.$apply();
        }
    });`

जैसा कि अजाक्स के साथ एनजीटेबल उदाहरण में है। हालांकि तालिका में कुछ भी नहीं दिखाया गया है (getData को कभी भी कॉल नहीं किया जाता है।)

अगर मैं टेबल पैराम्स "रीफ्रेश" पर क्लिक करता हूं, तो टेबल सब कुछ लोड करना शुरू कर देता है सिवाय इसके कि प्रत्येक आइटम डुप्लिकेट किया जाता है।

कोई उपाय?

@developersatish मैं

$scope.tableParams.count(1);

मैंने इसे अपने अनुरोध के कॉलबैक में रखा है।

myRequest().then(function(response) {
    $scope.data = response;
    $scope.tableParams.total($scope.data.length);
    $scope.tableParams.count(1);
});

संपादित करें:

मेरी मूल पोस्ट में, 1 में $scope.tableParams.count(1) को वास्तव में एक वेरिएबल के साथ प्रतिस्थापित किया जाना चाहिए जिसमें count में ngTableParams count सेट मान शामिल है।
एक कार्यशील उदाहरण के लिए http://embed.plnkr.co/harWG3J6OlNHzbOu0e6S/preview देखें।

चूंकि यह इस समस्या के लिए शीर्ष खोज परिणाम है, इसलिए मैंने अपने समाधान के लिए जो किया उसे शामिल करूंगा। मैंने बस अपने $scope में {id, title} ऑब्जेक्ट्स की सरणी संग्रहीत की है जिसका उपयोग defer के तर्क के रूप में किया जाता है। फ़िल्टर-डेटा फ़ंक्शन में हल करें। (यह शुरू में / शायद खाली हो सकता है।) फिर आप उस सरणी को किसी भी समय अपडेट कर सकते हैं और परिवर्तन फ़िल्टर चयन में दिखाई देंगे। इसलिए जब मेरा AJAX कॉल सर्वर प्रतिक्रिया वापस लाता है तो मैं इसे अपडेट करता हूं।

साथ ही मेरे मामले में तालिका डेटा सेट का विस्तार (संवर्धित किया जाता है) क्योंकि उपयोगकर्ता खोज सीमा का विस्तार करता है। इसके लिए यह आवश्यक है कि मैं चुनिंदा फ़िल्टरों को भी संशोधित (एक अंतर लागू करें)।

मैंने यह कोशिश की लेकिन यह काम नहीं किया। क्या आप अपना कामकाजी उदाहरण पेस्ट कर सकते हैं?

हे लोगों,
मेरे पास @almaplayera जैसा ही मुद्दा है, मेरे पास कुछ ऐसा परिदृश्य है

1. ड्रॉपडाउन में प्रयुक्त फ़िल्टरडेटा सेवा से आ रहा है

2. और उसी डेटा को अपडेट करने के लिए मेरे पास एक सेक्शन है जहां से उपयोगकर्ता नई प्रविष्टियां जोड़ सकता है/मौजूदा अपडेट कर सकता है।

3. ड्रॉपडाउन के लिए अनुभाग फ़िल्टर डेटा जोड़ें/संपादित करें से प्रविष्टियों को जोड़ने/अपडेट करने के बाद तालिका के पुनः लोड होने के बाद ड्रॉपडाउन को ताज़ा किया जाना चाहिए।

मैं अपनी कंपनी के डेटा को फ़िल्टर-डेटा में लाने के लिए ऐसा कर रहा हूं -

उसके बाद मैंने अपने विचार के फ़िल्टर-डेटा में getCompany विधि को कॉल किया -

क्या कोई मेरे फ़िल्टर-डेटा को सेवा से हाल के डेटा के साथ अद्यतन करने के लिए कोई समाधान सुझा सकता है या समान उपयोग के मामले के लिए कुछ उदाहरण प्रदान कर सकता है।

@esvit : मैंने ngTablePrams में getData कॉलबैक पर अपना डेटा प्राप्त करने का प्रयास किया है और इसे $ स्कोप से बांध दिया है उसके बाद मैंने उसी चर को फ़िल्टर-डेटा में पास करने का प्रयास किया है, जैसे कि https://github.com/esvit में सुझाए गए @israelidanny जैसा कुछ /एनजी-टेबल/पुल/342 लेकिन वह भी मेरे लिए काम नहीं कर रहा है। :(

पुनश्च: मैं tableParams.reload() कर रहा हूँ; जोड़ने और संपादित करने के बाद।

मेरे पास अब मेरा कोड नहीं है क्योंकि मैंने कुछ भी करने से पहले एनजी टेबल से दूर स्विच किया था। हालांकि, स्मृति से जा रहा है:

फ़िल्टर फ़ंक्शन (आपका getCompany फ़ंक्शन) केवल एक बार तालिका init पर लागू किया जाता है। इसलिए जब भी रिकॉर्ड परिवर्तन होते हैं तो आपको हल किए गए डेटा सरणी में परिवर्तन लागू करना होगा और कोणीय उन परिवर्तनों को डोम पर लागू करेगा।

$scope.company_filter = [];

$scope.getCompanyFilter = function(data) {
  var def = $q.defer();
  companyService.getAll().success(function(response) {
    $scope.updateCompanyFilter(response.data);
    def.resolve($scope.company_filter);
  });
  return def;
};

$scope.updateCompanyFilter = function(data) {
  $scope.company_filter.length = 0;
  for (i in data) {
    $scope.company_filter.push({
        'id': data[i].id,
        'title': data[i].name
    });
  }
};

// Then wherever you refresh your table data, just call updateCompanyFilter(data).
// Or you could micro manage the filter array when you do adds/deletes instead of reseeding it every time.

<td ... filter-data="getCompanyFilter($column)" >

दोबारा, मैं गलत हो सकता हूं क्योंकि कुछ महीने हो गए हैं।

क्या यह समस्या एनजी-टेबल के नवीनतम संस्करण में तय की गई है?

क्या कोई उदाहरण कोड प्रदान कर सकता है

मुझे नहीं लगता कि यह है।

अब, मुझे नहीं लगता कि इसे बनाना बहुत मुश्किल होगा
controler.loadFilterData फ़ंक्शन उपलब्ध है जिसे से कॉल किया जा सकता है
टैब्लपरम्स। सूचियां बदलने पर आप इसे कॉल करने में सक्षम होंगे
आपकी एप्लिकेशन।

सी

शुक्र, 19 जून, 2015 को सुबह 6:59 बजे, रचिता शेट्टी सूचनाएं @github.com
लिखा था:

क्या यह समस्या एनजी-टेबल के नवीनतम संस्करण में तय की गई है?

-
इस ईमेल का सीधे उत्तर दें या इसे GitHub पर देखें
https://github.com/esvit/ng-table/issues/186#issuecomment -113384084।

: +1: @kyleboyle : आपका समाधान चट्टान दोस्त, यह मेरे लिए काम करता है ..! कमाल है...! बहुत - बहुत धन्यवाद।

ऐसा प्रतीत होता है कि इस मुद्दे का समाधान (पुल अनुरोध 403: https://github.com/esvit/ng-table/pull/403) v0.4.2 में विलय कर दिया गया था, लेकिन इसके बाद किए गए परिवर्तन को वापस कर दिया गया है।

एनजी-टेबल.जेएस की लाइन 549 में परिवर्तन

$scope.$watch('params.$params', function(newParams, oldParams) {
प्रति
$scope.$watch('[params.$params, params.data]', function(newParams, oldParams) {

इसने डेटा को अद्यतन करने के साथ समस्या का समाधान किया, लेकिन परिवर्तनों को प्रस्तुत करने के लिए तालिका ताज़ा नहीं हो रही थी।
ऐसा प्रतीत होता है कि इस बग को इस कमिट में पुन: प्रस्तुत किया गया था: https://github.com/esvit/ng-table/commit/9189e987fba90b07ffc6b17c982961ad65edf725#diff -6aca4bc06732c0635eb9860dc6cd040fL490

दुर्भाग्य से $watch ' params.data में कुछ परिस्थितियों में समस्याएँ उत्पन्न होती हैं:

जब params.data भीतर के तत्व जटिल होते हैं जिनमें परिपत्र संदर्भ शामिल होते हैं, तो $watch 'ing _by value_ एक स्टैक ओवरफ़्लो अपवाद का कारण बनता है जब angular.copy एक गहरा क्लोन बनाता है।

मेरा मानना ​​है कि angular.copy का एक नया संस्करण इस विशेष समस्या को ठीक करता है, हालांकि प्रदर्शन कारणों से params.data _by value_ देखना अभी भी एक बुरा विचार है।

@kyleboyle यह कोड पूरी तरह से काम करता है! धन्यवाद! और inArray फ़ंक्शन जोड़ने से डुप्लिकेट को फ़िल्टर किया जा सकता है।

    $scope.manufacturer_filter = [];
    $scope.getManufactFilter = function(column){
        var def = $q.defer();
        ResourseAPI.query(function(data){
            $scope.updateManufactFilter(data.devices);
            def.resolve($scope.manufacturer_filter);
        });
        return def;
    };
    $scope.updateManufactFilter= function(data) {
        var arr = [];

        angular.forEach(data, function (item) {
            if (inArray(item.manufacturer, arr) === -1) {
                arr.push(item.manufacturer);
                $scope.manufacturer_filter.push({
                    'id': item.manufacturer,
                    'title': item.manufacturer
                });
            }
        });
    };

    var inArray = Array.prototype.indexOf ?
    function (val, arr) {
        return arr.indexOf(val);
    } :
    function (val, arr) {
        var i = arr.length;
        while (i--) {
            if (arr[i] === val) return i;
        }
        return -1;
    };

@kyleboyle आपका समाधान बहुत अच्छा है।
क्या किसी को पता है कि क्या वे कुछ इसी तरह लागू कर सकते हैं लेकिन एनजी-टेबल-डायनामिक का उपयोग कर रहे हैं?
मैं जावास्क्रिप्ट द्वारा गतिशील रूप से कॉलम लोड करता हूं।

उदाहरण:

var column = {
    title: 'Example',
    sortable: 'example',
    filter: 'example',
        filterData: .....,
    show: true,
    field: 'example'
};

संपत्ति फ़िल्टरडेटा क्या सेट करना चाहिए? या डेटा फ़िल्टर पुनः लोड करने का कोई और तरीका है?

उस सरणी को निर्दिष्ट करने के कई अलग-अलग तरीके हैं जिनका चयन फ़िल्टर डेटा स्रोत के रूप में उपयोग करेगा। इनमें से प्रत्येक विधि ng-table और ng-table-dynamic दोनों पर लागू होती है।

शायद निम्नलिखित कोड नमूना आपको कुछ पता लगाने में मदद कर सकता है?

http://codepen.io/christianacca/pen/JdqjxB?editors=101

अच्छा नमूना, लेकिन मुझे अपनी समस्या का समाधान नहीं मिल रहा है। सभी उदाहरणों में डेटा केवल एक बार (सिंक या एसिंक) लोड किया जाता है लेकिन उन्हें पुनः लोड नहीं किया जाता है।

मुझे जो मिलता है उसका एक उदाहरण है:
मेरे पास दो कॉलम हैं: देश और शहर, प्रत्येक एक फिल्टर के साथ।
इसलिए:

• जब देश फ़िल्टर शून्य होता है, तो सर्वर को सभी शहरों में संकेत दिया जाता है।
• जब देश फ़िल्टर का चयन किया जाता है, तो सर्वर से देश में लागू होने वाला एकमात्र शहर पूछने और शहरों के फ़िल्टरडेटा कॉलम को अपडेट करें।

यह समझा जाता है? मेरी अंग्रेजी के लिए खेद है।

उत्तर के लिए धन्यवाद।

@kyleboyle इनमें से कोई भी समाधान मेरे लिए काम नहीं करता है (मैं कोई फ़िल्टरिंग भी नहीं कर रहा हूं) और मैं इसे खराब कोड गुणवत्ता के संकेत के रूप में ले रहा हूं कि अंतर्निहित डेटा होने पर तालिका अपडेट नहीं होती है। आपने किस कोणीय तालिका समाधान पर स्विच किया?

@BartoGabriel मुझे लगता है कि आप जो करने की कोशिश कर रहे हैं वह संभव है। जिस व्यक्ति के साथ मैंने काम किया, उसने अपना फ़िल्टर टेम्प्लेट बनाकर समस्या का समाधान किया जिसने ठीक वही किया जो आपने कहा था। उन्होंने निम्न उदाहरण के समान तरीके से select.html टेम्पलेट को ओवरराइड किया: http://codepen.io/christianacca/pen/xGeWGX?editors=101

क्षमा करें, मैं और अधिक सहायक नहीं हो सकता, बस समय के लिए धक्का दिया!

ओह बीटीडब्ल्यू, जिस लड़के का मैंने उल्लेख किया है, उसने यूई-चयन 2 का इस्तेमाल किया था

@christianacca आपकी मदद के लिए धन्यवाद। यह बहुत उपयोगी था।
जब मेरे पास समाधान होगा मैं साझा करूंगा।

ठंडा :-)

हाय दोस्तों, क्या मेरा समाधान पूरी तरह गलत है या @kyleboyle सिर्फ एक बेहतर विकल्प है?

@telwing आपके समाधान ने मेरे लिए काम नहीं किया, लेकिन फिर, न तो @kyleboyle ने किया। हालाँकि, मैं वास्तव में कोई फ़िल्टरिंग नहीं कर रहा हूँ। मैं सिर्फ एक सरणी, $scope.users से डेटा सॉर्ट कर रहा हूँ। जब मैं उस सरणी से कोई तत्व हटाता हूं और तालिका पैरामीटर पर पुनः लोड() को कॉल करता हूं, तो कुछ भी नहीं होता है। यह वास्तव में आश्चर्यजनक है कि ऐसा कुछ इतना जटिल है जब तक कि मैं कुछ बुनियादी याद नहीं कर रहा हूं।

मुझे @ Developersatish.i जैसी ही समस्याएं आ रही हैं, मैंने टेबल पैराम्स गिनती सेट करने का भी प्रयास किया है, लेकिन ड्रॉप डाउन सूची द्वारा डेटा फ़िल्टर करते समय मेरा गेटडाटा फ़ंक्शन कॉल केवल पेज लोड पर कॉल करता है, यह इस फ़ंक्शन को कॉल करने में सक्षम नहीं है

$scope.tableParams = नया ngTableParams({
पेज: 1, // पहला पेज दिखाएं
गिनती: 8, // प्रति पृष्ठ गिनती
छँटाई: {
LastSeen: 'desc' // प्रारंभिक छँटाई
},
फ़िल्टर: {
रोगी का नाम: '', // प्रारंभिक फ़िल्टर
},
}, {
फ़िल्टर स्विच: सच,
गेटडाटा: फ़ंक्शन ($ डिफर, पैराम्स) {
// बिल्ड-इन कोणीय फ़िल्टर का उपयोग करें
वर फ़िल्टर्डडेटा = params.filter() ?
$filter('filter')($scope.items, params.filter()) :
$scope.items;

        var orderedData = params.sorting() ?
                            $filter('orderBy')(filteredData, params.orderBy()) : filteredData;
        params.total(orderedData.length); // set total for recalc pagination
        $scope.tableParams.count(orderedData.slice((params.page() - 1) * params.count(), params.page() * params.count()));

        $defer.resolve(orderedData.slice((params.page() - 1) * params.count(), params.page() * params.count()));



    }
});