वेब-अनुप्रयोगों में टेबल्स का उपयोग

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 ट्रिगर कैसे काम करता है।

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 फ़ील्ड होता है जो क्लिक किए गए रिकॉर्ड की आईडी संग्रहीत करता है। यह लिंक्ड टेबल बनाने और पदानुक्रम बनाने के लिए उपयोगी है

यह ट्रिगर कैसे काम करता है यह दिखाने के लिए, आइए एक बीपी सेट करें जो उपयोगकर्ता को उस लाइन की संख्या प्रदर्शित करेगा जिस पर उसने क्लिक किया था।

To string और Notification ब्लॉक के लिए आवश्यक हैं। To string में Record ID फ़ील्ड का मान पास करें। और रूपांतरण के बाद, परिणामी मान को Notification ब्लॉक के शीर्षक फ़ील्ड में पास करें।

अधिक सर्वोत्तम अभ्यास पढ़ें

व्यावसायिक प्रक्रिया समस्या निवारण
व्यावसायिक प्रक्रिया समस्या निवारण
आवेदन में त्रुटियों को कैसे खोजें और ठीक करें
डिबगिंग और लॉगिंग
डिबगिंग और लॉगिंग
डेटा लॉग कैसे करें और ऐपमास्टर में डिबगिंग के लिए इसका उपयोग कैसे करें
Inspired to try this yourself?

AppMaster टीम के साथ अपने नो-कोड कौशल को बढ़ाएं!

हमारे पाठ्यक्रम देखें और चरण-दर-चरण सीखें कि ऐपमास्टर का पूरी तरह से उपयोग कैसे करें!

अधिक ऐपमास्टर संसाधन

हमारे विशेषज्ञों की मदद से किसी भी मुद्दे को हल करें।
समय बचाएं और अपने एप्लिकेशन बनाने पर ध्यान दें।

मदद समर्थन

हमारे विशेषज्ञों की मदद से किसी भी मुद्दे को हल करें।

सहायता प्राप्त करें

प्रलेखन

आरंभ करने और सुविधाओं के बारे में उपयोगी जानकारी।

डॉक्स पढ़ें

वीडियो शिक्षण

वीडियो ट्यूटोरियल के साथ ऐपमास्टर का उपयोग करना सीखें।

ट्यूटोरियल देखें

उपयोगकर्ता समुदाय

हमारे समुदाय का हिस्सा बनें और अधिक जानकारी प्राप्त करें।

समुदाय में शामिल हों