অস্বীকৃতি: আমি দীর্ঘদিন ধরে মাথা ব্যথা ছাড়াই ভারী YUI ডেটাটেবল ব্যবহার করি । এটি শক্তিশালী এবং স্থিতিশীল। আপনার প্রয়োজনের জন্য, আপনি একটি স্ক্রোলিংডেটা টেবল উইচ সুপারপোর্ট ব্যবহার করতে পারেন
- এক্স-স্ক্রলিং
- Y-স্ক্রলিং
- XY-স্ক্রলিং
- একটি শক্তিশালী ইভেন্ট প্রক্রিয়া
আপনার যা প্রয়োজন, তার জন্য আমার মনে হয় আপনি একটি টেবিলস্ক্রোলইভেন্ট । এর এপিআই বলে
যখন একটি স্থির স্ক্রোলিং ডেটা টেবেলে একটি স্ক্রোল থাকে তখন ফায়ার করা হয়।
প্রতিটি ডেটাটেবল যেমন ডেটাসোর্স ব্যবহার করে, আপনি আপনার প্রয়োজনীয়তা অনুসারে আপনার স্ক্রোলিংডেটা টেবিলটি পপুল করার জন্য টেবিলস্ক্রোলইভেন্টের সাথে ল্যাপের আকারের পাশাপাশি এটির ডেটা পর্যবেক্ষণ করতে পারেন ।
রেন্ডার লুপের আকার বলছে
আপনার ডেটাটিবেলে খুব বড় সংখ্যক ডেটার সামগ্রিকতা প্রদর্শন করার প্রয়োজন রয়েছে, রেন্ডারলুপসাইফ কনফিগারেশন ব্রাউজার ডিওএম রেন্ডারিং পরিচালনা করতে সহায়তা করতে পারে যাতে ইউআই থ্রেড খুব বড় টেবিলগুলিতে লক না হয়ে যায় । 0 এর চেয়ে বড় যে কোনও মান ডওম রেন্ডারিংকে সেটটাইমআউট () চেইনে কার্যকর করতে সক্ষম করে যা প্রতিটি লুপে সুনির্দিষ্ট সংখ্যাকে রেন্ডার করে। কোনও কঠোর এবং দ্রুত নিয়ম নেই, কেবলমাত্র সাধারণ নির্দেশিকাগুলি না থাকায় আদর্শ মান কার্যকরভাবে নির্ধারণ করা উচিত:
- ডিফল্টরূপে রেন্ডারলুপসাইজ 0 হয়, সুতরাং সমস্ত সারি একক লুপে রেন্ডার হয়। একটি রেন্ডারলুপসাইজ> 0 ওভারহেড যুক্ত করে যাতে চিন্তাভাবনা করে ব্যবহার করুন।
- যদি আপনার ডেটার সেটটি যথেষ্ট পরিমাণে (কলামগুলির X সংখ্যাগুলি কলামের ফর্ম্যাটিং জটিলতার সংখ্যা) হয় যা ব্যবহারকারীরা ভিজ্যুয়াল রেন্ডারিংয়ে বিলম্বিত হন এবং / অথবা এটি স্ক্রিপ্টটি স্তব্ধ করে দেয়, একটি রেন্ডারলুপসাইজ সেট করে বিবেচনা করুন ।
- 50 এর কম বয়সী একটি রেন্ডারলুপসাইজ সম্ভবত এটির পক্ষে উপযুক্ত নয়। একটি রেন্ডারলুপসাইজ> 100 সম্ভবত আরও ভাল।
- একটি ডেটা সেট সম্ভবত যথেষ্ট বড় হিসাবে বিবেচিত হবে না যদি এর মধ্যে শত এবং শত শত সারি থাকে।
- একটি রেন্ডারলুপসাইজ> 0 এবং <মোট সারি থাকার ফলে টেবিলটি একটি লুপে রেন্ডার হয় (রেন্ডারলুপসিপ = 0 এর সমান) তবে এটি কার্যকারিতাও ট্রিগার করে যেমন পোস্ট-রেন্ডার সারি স্ট্রাইপিংকে আলাদা সেটটাইমআউট থ্রেড থেকে পরিচালনা করতে হয়।
এই ক্ষেত্রে
// Render 100 rows per loop
var dt = new YAHOO.widget.DataTable(<WHICH_DIV_WILL_STORE_YOUR_DATATABLE>, <HOW YOUR_TABLE_IS STRUCTURED>, <WHERE_DOES_THE_DATA_COME_FROM>, {
renderLoopSize:100
});
<WHERE_DOES_THE_DATA_COME_FROM> কেবলমাত্র একটি হল ডেটাউত্স । এটি একটি JSON, JSFunction, XML এবং এমনকি একটি একক এইচটিএমএল উপাদানও হতে পারে
এখানে আপনি আমার দ্বারা সরবরাহিত একটি সাধারণ টিউটোরিয়াল দেখতে পারেন। সচেতন থাকুন অন্য কোনও ডেটা_এইচএবিএਬਲ প্লাগলিন একই সময়ে একক এবং দ্বৈত ক্লিক সমর্থন করে না। YUI ডেটা টেবিল আপনাকে অনুমতি দেয়। এবং আরও, আপনি মাথা ব্যাথা ছাড়াই এমনকি জিকুয়ারি দিয়েও এটি ব্যবহার করতে পারেন
কিছু উদাহরণ, আপনি দেখতে পারেন
আপনি ইউইউআই ডেটাটেবল সম্পর্কে অন্য যে কোনও বিষয়ে প্রশ্ন করতে দ্বিধা বোধ করবেন না।
শুভেচ্ছান্তে,