ওয়েব অ্যাপ্লিকেশনে টেবিলের ব্যবহার

Table set properties এবং Table update properties ব্লক টেবিল ডিজাইন ব্যবহার করা হয়.

প্রথম নজরে, এই দুটি ব্লক একই বলে মনে হচ্ছে। পার্থক্য হল তারা কিভাবে কাজ করে:

Table Set Properties ব্লক সম্পূর্ণরূপে বর্তমান সেটিংস পরিবর্তন. এমনকি যদি আপনি শুধুমাত্র একটি ইনপুট ক্ষেত্র সেট করেন, সমস্ত ক্ষেত্র পরিবর্তন হবে; তারা খালি হয়ে যাবে। Table Update Properties ব্লক শুধুমাত্র নির্দিষ্ট ক্ষেত্র পরিবর্তন করে, তাই এটি একটি দুর্দান্ত সমাধান যদি আপনি শুধুমাত্র আংশিকভাবে টেবিল সেটিংস পরিবর্তন করতে চান।

আসুন দেখি টেবিলে কি ধরনের ডিসপ্লে সেটিংস প্রয়োগ করা যেতে পারে।

Table set properties এবং Table update properties ব্লক ইনপুট ক্ষেত্র ব্যবহার করে সেটিংস সেট করা হয়। নিম্নলিখিত ক্ষেত্র আছে:

  • Component ID - পরিবর্তনগুলি কোন টেবিলে প্রয়োগ করা হবে তা নির্ধারণ করে;
  • টেবিলের Title ;
  • Style - টেবিলের সারিগুলির আকার পরিবর্তন করে;
  • পৃষ্ঠা Pagination - বহু-পৃষ্ঠা টেবিলের জন্য দায়ী; এটি ওভারলোড না করার জন্য প্রচুর সংখ্যক এন্ট্রি সহ একটি টেবিলে ব্যবহার করা যেতে পারে;
  • Bordered - টেবিলে সীমানা;
  • Visible - টেবিল দেখান/লুকান;
  • Loading - লোডিং অবস্থা; এই বিকল্পটি ব্যবহারকারীদের দেখায় যে টেবিলে পরিবর্তন আছে।

নিম্নোক্ত সেটিংস শুধুমাত্র তখনই কাজ করে যখন pagination সক্রিয় থাকে:

  • Current page - প্রদর্শনের জন্য টেবিলের পৃষ্ঠা নির্বাচন;
  • Records for page জন্য রেকর্ড - প্রতি পৃষ্ঠায় রেকর্ডের সংখ্যা;
  • Total records - টেবিলে রেকর্ডের মোট সংখ্যা।

ব্যবহারিক উদাহরণ

আসুন "টাস্ক" মডেলের জন্য একটি সাধারণ টেবিল ব্যবহার করি।

onShow ট্রিগার ব্যবহার করে ডাটাবেস থেকে টেবিলে ডেটা লোড করা হয়েছিল। এর জন্য প্রথমে ডিসপ্লে সেটিংস সেট করা যাক। এই জন্য, Table set properties ব্লক ব্যবহার করুন.

Component ID , প্রয়োজনীয় টেবিলটি নির্বাচন করুন।

Title টেবিলের নাম দিন - To Do List.

Style সেট করুন - মধ্যম।

Pagination.

Bordered চালু করুন।

এটি Visible চালু করা আবশ্যক। নইলে টেবিল দেখা যাবে না।

Loading.

প্রথম পৃষ্ঠা দেখতে Current page 1 এ সেট করুন।

Records for page 5 এর মধ্যে সীমাবদ্ধ।

Total records 10 সেট করা হয়েছে, উদাহরণস্বরূপ।

সব সেটিংস এখন সংরক্ষণ করা যেতে পারে.

Loading সম্পর্কে আরও

টেবিল প্রয়োজনীয় ফর্ম নিয়েছে. একমাত্র জিনিস বাকি, লোডিং অবস্থা অদৃশ্য হয় না। এটি সহজেই ঠিক করা যায়। এটি করার জন্য, loading. টেবিলে ডেটা লোড হওয়ার সময় লোডিং অবস্থা প্রদর্শিত হবে এবং প্রক্রিয়াটি সম্পূর্ণ হলে অদৃশ্য হয়ে যাবে।

সুতরাং একটি ব্যবসায়িক প্রক্রিয়া প্রয়োজন যা ডেটা লোড বিপি সম্পূর্ণ হওয়ার পরে টেবিলের বৈশিষ্ট্যগুলি পরিবর্তন করবে।

ডেটা লোডিং ব্লকটি Table update data ব্লকের সাথে শেষ হয় এবং একটি onDataUpdate ট্রিগার রয়েছে যা টেবিলগুলি আপডেট করার পরে চলবে৷

এটিতে একটি নতুন বিপি বরাদ্দ করুন। শুধুমাত্র একটি ক্ষেত্র পরিবর্তন করতে এবং লোডিং বন্ধ করতে Table update properties ব্লক নিন।

সমস্ত পরিবর্তন সংরক্ষণ করা যেতে পারে, এবং টেবিল প্রয়োজন হিসাবে প্রদর্শিত হবে.

onFilter ট্রিগার

আসুন onFilter ঘনিষ্ঠভাবে দেখে নেওয়া যাক। এটি শুধুমাত্র তখনই কাজ করে যখন পৃষ্ঠা সংখ্যা সক্রিয় করা হয়, যখন টেবিলের পৃষ্ঠাগুলির মাধ্যমে একটি পরিবর্তন হয়। এটির দুটি অতিরিক্ত ক্ষেত্র রয়েছে:

  • _limit - পৃষ্ঠা সংখ্যা ট্রিগার হওয়ার সময় টেবিলে প্রদর্শিত রেকর্ডের সংখ্যা প্রেরণ করে;
  • _offset - কোন রেকর্ড থেকে প্রক্রিয়াকরণ শুরু করতে হবে তা নির্দিষ্ট করে।

onFilter ট্রিগার কিভাবে কাজ করে তা প্রদর্শনের জন্য BP সেট আপ করি।

onFilter ট্রিগার কাজ করে যখন একটি মাল্টিপেজ টেবিলে (পৃষ্ঠা সংখ্যা) এক পৃষ্ঠা থেকে অন্য পৃষ্ঠায় পরিবর্তন হয়।

আসুন তিনটি পৃষ্ঠা সহ একটি টেবিল নেওয়া যাক, প্রতিটিতে পাঁচটি রেকর্ড রয়েছে।

একটি বিপি তৈরি করুন যা ইন্টারফেসের onFilter ক্ষেত্রগুলি থেকে ডেটা দেখাবে৷

এটি করার to string ব্লকগুলি ব্যবহার করে _limit এবং _offset ক্ষেত্রগুলিকে রূপান্তর করুন এবং ফলাফলটি notification ব্লকগুলিতে পাস করুন।

প্রথম পৃষ্ঠা থেকে দ্বিতীয় পৃষ্ঠায় যাওয়ার সময়, দুটি বার্তা উপস্থিত হবে: _limit - 5 এবং _offset - 5। এর অর্থ টেবিলের পূর্ববর্তী পৃষ্ঠায় পাঁচটি রেকর্ড ছিল (_limit), এবং টেবিলটি এখন থেকে শুরু করে রেকর্ডগুলি প্রক্রিয়া করছে 5ম (_offset) । তৃতীয় পৃষ্ঠায় গেলে, নিম্নলিখিত বার্তাগুলি থাকবে: _limit - 5 (কারণ আগের পৃষ্ঠাটিতেও পাঁচটি রেকর্ড ছিল) এবং _offset - 10 (কারণ টেবিলটি 10 থেকে শুরু করে রেকর্ডগুলি প্রক্রিয়া করে)।

onRowClick এবং onRowDoubleClick triggers.

আসুন onRowClick এবং onRowDoubleClick ট্রিগারগুলি দেখি। একটি সারিতে একটি ক্লিক বা ডাবল ক্লিক হলে তারা কাজ করে। এই ট্রিগারগুলির একটি Record ID ক্ষেত্র রয়েছে যা ক্লিক করা রেকর্ডের আইডি সংরক্ষণ করে। এটি সংযুক্ত টেবিল তৈরি করতে এবং শ্রেণিবিন্যাস তৈরির জন্য দরকারী

এই ট্রিগারটি কীভাবে কাজ করে তা দেখানোর জন্য, আসুন একটি BP সেট আপ করি যা ব্যবহারকারীর কাছে সে যে লাইনে ক্লিক করেছে তার সংখ্যা প্রদর্শন করবে।

To string এবং Notification ব্লক প্রয়োজন. To stringRecord ID ক্ষেত্রের মান পাস করুন। এবং রূপান্তর করার পরে, Notification ব্লকের শিরোনাম ক্ষেত্রে ফলিত মানটি পাস করুন।

আরও ভাল অভ্যাস পড়ুন

ব্যবসায়িক প্রক্রিয়া সমস্যা সমাধান
ব্যবসায়িক প্রক্রিয়া সমস্যা সমাধান
অ্যাপ্লিকেশনে ত্রুটিগুলি কীভাবে সন্ধান করবেন এবং ঠিক করবেন
ডিবাগিং এবং লগিং
ডিবাগিং এবং লগিং
কীভাবে ডেটা লগ করবেন এবং অ্যাপমাস্টারে ডিবাগিংয়ের জন্য এটি ব্যবহার করবেন
Inspired to try this yourself?

অ্যাপমাস্টার টিমের সাথে আপনার নো-কোড দক্ষতা বাড়ান!

আমাদের কোর্সগুলি দেখুন এবং ধাপে ধাপে শিখুন কিভাবে AppMaster ব্যবহার করতে হয়!

আরও অ্যাপমাস্টার সম্পদ

আমাদের বিশেষজ্ঞদের সাহায্যে যে কোন সমস্যার সমাধান করুন।
সময় বাঁচান এবং আপনার অ্যাপ্লিকেশন তৈরিতে মনোযোগ দিন।

সাহায্য সহযোগীতা

আমাদের বিশেষজ্ঞদের সাহায্যে যে কোন সমস্যার সমাধান করুন।

সমর্থন পেতে

নথিপত্র

শুরু করা এবং বৈশিষ্ট্য সম্পর্কে সহায়ক তথ্য।

ডক্স পড়ুন

ভিডিও টিউটোরিয়াল

ভিডিও টিউটোরিয়াল দিয়ে অ্যাপমাস্টার কীভাবে ব্যবহার করবেন তা শিখুন।

টিউটোরিয়াল দেখুন

ব্যবহারকারী সম্প্রদায়

আমাদের সম্প্রদায়ের অংশ হোন এবং আরো জানুন।

কমিউনিটিতে যোগ দিন