Ng-table: पेजिनेशन json फ़ाइल से कस्टम डेटा के साथ काम नहीं करता है

को निर्मित 2 अग॰ 2016 · 10टिप्पणियाँ · स्रोत: esvit/ng-table

मैं .json फ़ाइल से कस्टम डेटा का उपयोग कर रहा हूं और डेटा को पेजेट करना चाहता हूं लेकिन सभी डेटा सिंगल पेज में आता है; ऐसा क्यों? नीचे मेरा कोड है

 $http.get('app/user_keys.json').success(function(data) {
            vm.data = data;
            vm.tableParams = new NgTableParams({ page: 1, count: 2 }, {
                    total: vm.data.length,
                    getData: function (params) {
                        console.log(vm.data.length);
                        var deferred = $q.defer();
                        var orderedData = params.sorting() ? $filter('orderBy')(vm.data, params.orderBy()) : vm.data;
                        deferred.resolve(orderedData.slice((params.page() - 1) * params.count(),  params.page() * params.count()));
                    }
                });
        });

<table ng-table="vm.tableParams" class="table table-striped" >
                    <colgroup>
                          <col width="5%"/>
                          <col width="30%"/>
                          <col width="50%"/>
                          <col width="15%"/>
                    </colgroup>
                    <tr ng-repeat="row in vm.data | filter: searchText  track by $index">
                        <td header="'headerCheckbox.html'">
                        <input type="checkbox" value="row._id" ng-model="vm.checkboxes.items[row._id]" ></td>
                        <td data-title="'ID'">{{ row.index }}</td>
                        <td data-title="'Cloud Location'">{{ row.location }}</td>
                        <td data-title="'Action'"><i class="fa fa-trash"></i></td>
                    </tr>
                </table>

स्रोत

zymr-keshav

👍3

सबसे उपयोगी टिप्पणी

ठीक है, मैंने इसे ठीक कर दिया है, ऐसा इसलिए है क्योंकि dataOptions undefined $ हो सकता है। तो कोड होना चाहिए

 if (settings.dataOptions && !settings.dataOptions.applyPaging) {
   return ngTableDefaultGetData(result, params);
 }

miparnisari 21 दिस॰ 2016

👍4

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

क्या आप सुनिश्चित हैं कि यह इस तथ्य से संबंधित है कि आपका स्रोत एक JSON फ़ाइल है?
मुझे एक ही समस्या है, मुझे लगता है, हालांकि मेरा डेटा स्रोत एक सेवा है।

वह सेवा एक वादा लौटाती है और जब यह हल हो जाती है तो मैं params.total() सेट करता हूं, जैसा कि परिणाम वापस करने से पहले दस्तावेज़ीकरण में वर्णित है, लेकिन पेजिनेशन अभी भी काम नहीं करेगा।

batjko 11 अग॰ 2016

समूह डेटा पर पेजिंग करते समय मुझे एक ही समस्या है। तो, मैं इन पंक्तियों को अंत में getGroups फ़ंक्शन पर जोड़ता हूं।

if (!settings.dataOptions.applyPaging) {
    return ngTableDefaultGetData(result, params);
}
return ngTableDefaultGetData.applyPaging(result, params);

इस्तेमाल किए गए डिफ़ॉल्ट या कस्टम पर काम करने वाला पेजिनेशन।

fsm3xpert 11 अग॰ 2016

👍1

हां, यह लगभग वही समाधान है जिसका मैंने #872 में उल्लेख किया है। मुझे यकीन नहीं है कि settings.dataOptions.applyPaging चेक महत्वपूर्ण है क्योंकि यह मैन्युअल रूप से ऊपर की कुछ पंक्तियों को गलत पर सेट करता है।

tandibar 12 अग॰ 2016

@ fsm3xpert , @tandibar , मैंने @ fsm3xpert द्वारा प्रस्तावित समाधान लागू किया और यह काम करता है, लेकिन मुझे अपने कंसोल में निम्न मिलता है:

Possibly unhandled rejection: {}

कोई विचार?

miparnisari 19 दिस॰ 2016

 if (settings.dataOptions && !settings.dataOptions.applyPaging) {
   return ngTableDefaultGetData(result, params);
 }

miparnisari 21 दिस॰ 2016

👍4

BTW, एनजी-टेबल की भविष्य की रिलीज़ का मतलब होगा कि नेस्टेड सेटिंग मान (ईजी
dataOptions) कभी भी अपरिभाषित नहीं होंगे

बुधवार, 21 दिसंबर, 2016 को शाम 7:19 बजे, मारिया इनेस परनिसारी <
सूचनाएं@github.com> ने लिखा:

ठीक है, मैंने इसे ठीक कर दिया है, ऐसा इसलिए है क्योंकि डेटाऑप्शन अपरिभाषित हो सकते हैं। तो कोड
होना चाहिए
अगर (सेटिंग्स.डेटाऑप्शन्स &&!सेटिंग्स.डेटाऑप्शन्स.लागूपेजिंग) {
वापसी ngTableDefaultGetData (परिणाम, पैरा);
}
-
आप इसे प्राप्त कर रहे हैं क्योंकि आपने इस थ्रेड की सदस्यता ली है।
इस ईमेल का सीधे उत्तर दें, इसे GitHub पर देखें
https://github.com/esvit/ng-table/issues/893#issuecomment-268614815 , या म्यूट करें
सूत्र
https://github.com/notifications/unsubscribe-auth/AA2HPk4I47xMpIlEbXSDSCMUu0mlGn7Vks5rKXu4gaJpZM4Jagxg
.

christianacca 22 दिस॰ 2016

यदि किसी के पास मेरे जैसा ही मुद्दा है, जो कि पुस्तकालय कोड को बदलना किसी भी कारण से एक विकल्प नहीं है, तो मुझे एक समाधान मिला:

मुद्दा यह प्रतीत होता है कि केवल पृष्ठांकित डेटा से निपटने के लिए समूहीकरण लागू नहीं किया गया है। मैंने जो किया वह वांछित पृष्ठ के लिए अपना डेटा पुनर्प्राप्त करना और एक चर में कुल आइटमों को कैश करना है।
actualTotal = params.total()
इसके बाद मैंने http://ng-table.com/#/global -customization/demo-response-interceptors में वर्णित एक प्रतिक्रिया इंटरसेप्टर लागू किया। वहां मैं कुल मान को कैश्ड मान पर वापस सेट कर सकता हूं। यह पेजिंग के प्रदर्शन को ठीक करता है।

एक समस्या शेष है, जो यह है कि यदि उपयोगकर्ता 1 के अलावा किसी अन्य पृष्ठ पर जाने का प्रयास करता है तो आपको कुछ भी दिखाई नहीं देगा क्योंकि समूह इस कोड के साथ डेटा सरणी को स्लाइस करता है:
var pagedData = data.slice((params.page() - 1) * params.count(), params.page() * params.count());
इसके लिए सरल उपाय यह भी है कि डेटा प्राप्त करने के बाद गेटडेटा फ़ंक्शन में पृष्ठ को 1 पर सेट करें, वास्तविक पृष्ठ को कैश करें और इंटरसेप्टर में रीसेट करें।

enpo 3 जन॰ 2017

सुझाए गए फ़िक्स को लागू करने के बाद, फ़िल्टरिंग ने मेरे लिए काम करना बंद कर दिया। इसे ठीक करने के लिए, ऊपर की पंक्तियों में, मुझे dataOptions को इस तरह सेट करना था:

settings.dataOptions = { applyPaging: false, applyFilter: false };

nmoinvaz 7 अक्तू॰ 2017

क्या यह सुधार नवीनतम संस्करण में उपलब्ध है? यदि नहीं तो किस लाइन पर इसे जोड़ने की जरूरत है।

r-arun-r 6 मार्च 2018

यह पिछले संस्करण में उपलब्ध नहीं है।
मुझे यह कोड के इस खंड को संशोधित करने के लिए काम कर रहा है:
if (sortDirection) {
var orderByFn = ngTableDefaultGetData.getOrderByFn();
var orderBy = util_1.convertSortToOrderBy({
value: sortDirection
});
result = orderByFn(result, orderBy);
}
return ngTableDefaultGetData.applyPaging(result, params);

इसके साथ ही:
if (sortDirection) {
var orderByFn = ngTableDefaultGetData.getOrderByFn();
var orderBy = util_1.convertSortToOrderBy({
value: sortDirection
});
result = orderByFn(result, orderBy);
}
अगर (सॉर्टडायरेक्शन) { var orderByFn = ngTableDefaultGetData.getOrderByFn (); var orderBy = util_1.convertSortToOrderBy({ value: SortDirection }); परिणाम = ऑर्डरबीएफएन (परिणाम, ऑर्डरबी); } अगर (!settings.dataOptions.applyPaging) { ngTableDefaultGetData(result, params); } वापसी ngTableDefaultGetData.applyPaging(result, params);`

davidecampello 8 जन॰ 2019

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

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

Ng-table: पेजिनेशन json फ़ाइल से कस्टम डेटा के साथ काम नहीं करता है

सबसे उपयोगी टिप्पणी

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

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