ڈیٹا گرڈ ایک نیٹو ٹیبل ہے جو سارٹ، فلٹر، صفحہ بندی اور ترمیم کرتا ہے۔ columns بیان کریں، rows دیں، اور ہر سیل اپنی ٹائپ اور لوکیل کے مطابق فارمیٹ ہو جاتا ہے: اعداد، کرنسیاں، تاریخیں، ہاں اور نہیں، اور enum ویلیوز کے لیبلز۔
اس کی اسٹیٹ ایسے ماڈلز میں رہتی ہے جنہیں آپ بائنڈ، محفوظ اور سرور کو ارسال کر سکتے ہیں: sort، filters، search، page، selected، اور columnState، جس میں صارفین کی چنی ہوئی چوڑائیاں، ترتیب، پن اور چھپے کالم ہوتے ہیں۔ صفحات کے بغیر صرف نظر آنے والی قطاریں رینڈر ہوتی ہیں، اس لیے ایک لاکھ قطاریں بھی دس کی طرح اسکرول ہوتی ہیں۔
ہر سیل تک کی بورڈ سے پہنچا جا سکتا ہے، اور ہر کالم کا پینل اسے سارٹ، فلٹر، پن، منتقل اور مواد کے مطابق فٹ کرتا ہے، اور چھپاتا بھی ہے۔
تلاش، سارٹنگ اور صفحات
ہر کالم میں تلاش کے لیے ٹائپ کریں۔ سارٹ کرنے کے لیے ہیڈر پر کلک کریں، اور دوسرا کالم شامل کرنے کے لیے Shift دبا کر کلک کریں۔ nuiGridCell اسٹیٹس بناتا ہے، اور exportCsv() جو کچھ دکھ رہا ہے وہ آپ کو دے دیتا ہے۔
انتخاب
selection="multiple" چیک باکس شامل کرتا ہے اور منتخب قطاروں کی کلیدیں بائنڈ کرتا ہے۔ Shift دبا کر کلک کرنے سے ایک رینج منتخب ہوتی ہے؛ ہیڈر کا باکس میچ کرنے والی تمام قطاریں منتخب کرتا ہے۔
ترمیم
کسی سیل پر ڈبل کلک کریں، Enter دبائیں یا بس ٹائپ کریں۔ validate ایڈیٹر کو پیغام کے ساتھ کھلا رکھتا ہے؛ مکمل ہونے والی ترمیم rows اپ ڈیٹ کرتی ہے اور cellEdit ایمٹ کرتی ہے۔
ایک لاکھ قطاریں
صفحات کے بغیر صرف نظر آنے والی قطاریں رینڈر ہوتی ہیں۔ پن کیے گئے کالم کناروں پر رہتے ہیں، اور columnState صارفین کا بنایا ہوا لے آؤٹ محفوظ رکھتا ہے۔
سرور کا ڈیٹا
server موڈ میں گرڈ قطاریں جیسے آتی ہیں ویسے دکھاتا ہے، اور ہر تبدیلی queryChange میں بتاتا ہے۔ ڈیٹا لاتے وقت loading سیٹ کریں۔