मेरे पास प्राइम एनजी स्वत: पूर्ण के साथ लोड करने के लिए 19 हजार डेटा है, लेकिन जब मैं ड्रॉप डाउन आइकन पर क्लिक करता हूं तो पूरे यूआई को फ्रीज कर देता है।

जीथब लिंक और मंचों का दौरा किया है लेकिन कोई जवाब नहीं मिला।

क्या पी स्वत: पूर्ण में वर्चुअल स्क्रॉल बनाने का कोई तरीका है?

0
kushal Baldev 4 मई 2021, 06:50

1 उत्तर

सबसे बढ़िया उत्तर

stackblitz Link में डेमो

आपको बस प्राइमएनजी का नवीनतम संस्करण चाहिए, अब, प्राइमएनजी बॉक्स के बाहर Virtual-Scrol का समर्थन कर रहा है। आपको केवल दो गुण सेट करने की आवश्यकता है ..

virtualScroll = "true"
itemSize = "10"

अब, आपके पास आपका वर्चुअल स्क्रॉल है PrimeNG AutoComplete उपयोग के लिए तैयार है। यदि आप डेमो लिंक में देखते हैं, तो पहला ड्रॉपडाउन वर्चुअल स्क्रॉल के बिना है, और यह हैंग हो जाता है, लेकिन दूसरा ड्रॉपडाउन इसकी वर्चुअल स्क्रॉल और इसकी लटकती नहीं है ..

<h5>Virtual Scroll [Length - {{this.manyRecords?.length}} ]</h5>

<p-autoComplete virtualScroll="true" itemSize="4" [(ngModel)]="manyRecords" 
  [suggestions]="filteredCountries"
  (completeMethod)="filterCountry($event)" field="name" [dropdown]="true">
    <ng-template let-country pTemplate="item">

       <div style="font-size:18px;">{{country.name}}</div>

    </ng-template>
</p-autoComplete>

इतना ही।

1
GaurangDhorda 4 मई 2021, 12:14