ASP.NET کنٹرول: چیک باکس ، ریڈیو بٹن ، لسٹ باکس ، ٹیکسٹ باکس ، لیبل۔

اس سبق میں ، آپ سیکھیں گے-

ASP.Net کنٹرولز کو ویب فارمز میں شامل کرنا۔

ASP.Net میں ٹیکسٹ بکس اور لیبل جیسے فارم میں کنٹرول شامل کرنے کی صلاحیت ہے۔

آئیے ویب فارمز کے لیے دستیاب دیگر کنٹرولز کو دیکھیں اور ان کی کچھ عام خصوصیات دیکھیں۔

ہماری مثال میں ، ہم ایک فارم بنائیں گے جس میں درج ذیل فعالیت ہوگی۔

  1. صارف کے لیے اپنا نام درج کرنے کی صلاحیت۔
  2. وہ شہر منتخب کرنے کا آپشن جس میں صارف رہتا ہے۔
  3. صارف کے لیے صنف کے لیے کوئی آپشن داخل کرنے کی صلاحیت۔
  4. ایک ایسا کورس منتخب کرنے کا آپشن جسے صارف سیکھنا چاہتا ہے۔ C# اور ASP.Net دونوں کے لیے انتخاب ہوں گے۔

آئیے ہر کنٹرول کو تفصیل سے دیکھیں۔ آئیے انہیں مذکورہ بالا فعالیت کے ساتھ فارم بنانے کے لیے شامل کریں۔

مرحلہ نمبر 1) پہلا قدم ڈیمو ویب فارم کے لیے فارمز ڈیزائنر کھولنا ہے۔ ایک بار جب آپ یہ کر لیتے ہیں تو ، آپ ٹول باکس سے کنٹرول کو ویب فارم پر گھسیٹ سکیں گے۔

ڈیزائنر ویب فارم کھولنے کے لیے ،

  • حل ایکسپلورر میں Demo.aspx فائل پر دائیں کلک کریں اور
  • مینو آپشن دیکھیں ڈیزائنر کا انتخاب کریں۔

ایک بار جب آپ مذکورہ بالا مرحلہ انجام دیں گے ، تو آپ اپنے فارم ڈیزائنر کو دیکھ سکیں گے جیسا کہ نیچے دکھایا گیا ہے۔

اب آئیے ایک ایک کرکے اپنے کنٹرولز کو شامل کرنا شروع کریں۔

لیبل کنٹرول

لیبل کنٹرول کا استعمال فارم پر صارف کو متن یا پیغام ظاہر کرنے کے لیے کیا جاتا ہے۔ لیبل کنٹرول عام طور پر دوسرے کنٹرول کے ساتھ استعمال ہوتا ہے۔ عام مثالیں وہ ہیں جہاں ٹیکسٹ باکس کنٹرول کے ساتھ ایک لیبل شامل کیا جاتا ہے۔ لیبل صارف کو اشارہ دیتا ہے کہ ٹیکسٹ باکس میں کیا بھرنا ہے۔ آئیے دیکھتے ہیں کہ ہم ذیل میں دکھائی گئی مثال کے ساتھ اسے کیسے نافذ کرسکتے ہیں۔ ہم 'نام' نامی لیبل استعمال کریں گے۔ یہ ٹیکسٹ باکس کنٹرولز کے ساتھ مل کر استعمال کیا جائے گا ، جسے بعد کے سیکشن میں شامل کیا جائے گا۔

مرحلہ نمبر 1) پہلا قدم یہ ہے کہ 'لیبل' کنٹرول کو ٹول باکس سے ویب فارم پر گھسیٹیں جیسا کہ نیچے دکھایا گیا ہے۔

مرحلہ 2) لیبل شامل کرنے کے بعد ، درج ذیل مراحل پر عمل کریں۔

  1. لیبل کنٹرول پر دائیں کلک کرکے پراپرٹیز ونڈو پر جائیں۔
  2. پراپرٹیز مینو کا آپشن منتخب کریں۔

مرحلہ 3) پراپرٹیز ونڈو سے ، ٹیکسٹ پراپرٹی کا نام نام میں تبدیل کریں۔

اسی طرح ، کنٹرول کی ID پراپرٹی ویلیو کو بھی lblName میں تبدیل کریں۔ کنٹرولز کے لیے ایک بامعنی ID کی وضاحت کرکے ، کوڈنگ مرحلے کے دوران ان تک رسائی آسان ہوجاتی ہے۔ یہ ذیل میں دکھایا گیا ہے۔

ایک بار جب آپ مذکورہ بالا تبدیلیاں کرلیں گے تو آپ کو درج ذیل آؤٹ پٹ نظر آئے گی۔

آؤٹ پٹ:-

آپ دیکھیں گے کہ نام کا لیبل ویب فارم پر ظاہر ہوتا ہے۔

ٹیکسٹ باکس۔

ایک ٹیکسٹ باکس استعمال کیا جاتا ہے تاکہ صارف ویب فارم ایپلی کیشن میں کچھ ٹیکسٹ داخل کر سکے۔ آئیے دیکھتے ہیں کہ ہم ذیل میں دکھائی گئی مثال کے ساتھ اسے کیسے نافذ کرسکتے ہیں۔ ہم اس فارم میں ایک ٹیکسٹ باکس شامل کریں گے جس میں صارف اپنا نام درج کر سکتا ہے۔

مرحلہ نمبر 1) پہلا قدم یہ ہے کہ ٹیکسٹ باکس کنٹرول کو ٹول باکس سے ویب فارم پر گھسیٹیں جیسا کہ ذیل میں دکھایا گیا ہے۔

ایک بار ٹیکسٹ باکس کنٹرول فارم پر آنے کے بعد یہ فارم ڈیزائنر میں کیسا نظر آئے گا۔

مرحلہ 2) ایک بار ٹیکسٹ باکس شامل ہو جانے کے بعد ، آپ کو شناختی پراپرٹی کو تبدیل کرنا ہوگا۔

  • ٹیکسٹ باکس کنٹرول پر دائیں کلک کرکے پراپرٹیز ونڈو پر جائیں۔
  • پھر پراپرٹیز کا انتخاب کریں۔
  • ٹیکسٹ باکس کی آئی ڈی پراپرٹی کو txtName میں تبدیل کریں۔

ایک بار جب آپ مذکورہ بالا تبدیلیاں کرتے ہیں تو ، آپ کو درج ذیل آؤٹ پٹ نظر آتی ہے۔

آؤٹ پٹ:-

فہرست خانہ۔

ایک لسٹ باکس ویب فارم پر اشیاء کی فہرست ظاہر کرنے کے لیے استعمال ہوتا ہے۔ آئیے دیکھتے ہیں کہ ہم ذیل میں دکھائی گئی مثال کے ساتھ اسے کیسے نافذ کرسکتے ہیں۔ ہم شہر کے کچھ مقامات کو محفوظ کرنے کے لیے فارم میں ایک فہرست خانہ شامل کریں گے۔

مرحلہ نمبر 1) پہلا مرحلہ یہ ہے کہ فہرست باکس کنٹرول کو ٹول باکس سے ویب فارم پر گھسیٹیں جیسا کہ ذیل میں دکھایا گیا ہے۔

مرحلہ 2) ایک بار جب آپ لسٹ باکس کو فارم میں گھسیٹیں گے ، ایک علیحدہ سائیڈ مینو ظاہر ہوگا۔ اس مینو میں 'اشیاء میں ترمیم کریں' مینو کو منتخب کریں۔

مرحلہ 3) اب آپ کو ایک ڈائیلاگ باکس پیش کیا جائے گا جس میں آپ فہرست اشیاء کو فہرست خانہ میں شامل کر سکتے ہیں۔

  1. فہرست آئٹم شامل کرنے کے لیے شامل کریں کے بٹن پر کلک کریں۔
  2. فہرست آئٹم کی ٹیکسٹ ویلیو کے لیے ایک نام دیں - ہمارے معاملے میں ممبئی۔ منگلور اور حیدرآباد کے لیے فہرست اشیاء شامل کرنے کے لیے مرحلہ 1 اور 2 دہرائیں۔
  3. اوکے بٹن پر کلک کریں۔

مرحلہ 4) پراپرٹیز ونڈو پر جائیں اور کنٹرول کی آئی ڈی پراپرٹی ویلیو کو تبدیل کریں۔مقام۔.

ایک بار جب آپ مذکورہ بالا تبدیلیاں کرلیں گے تو آپ کو درج ذیل آؤٹ پٹ نظر آئے گی۔

آؤٹ پٹ:-

آؤٹ پٹ سے ، آپ واضح طور پر دیکھ سکتے ہیں کہ فہرست خانوں کو فارم میں شامل کیا گیا تھا۔

ریڈیو بٹن

ایک ریڈیو بٹن ان اشیاء کی فہرست ظاہر کرنے کے لیے استعمال ہوتا ہے جن میں سے صارف ایک کا انتخاب کر سکتا ہے۔ آئیے دیکھتے ہیں کہ ہم ذیل میں دکھائی گئی مثال کے ساتھ اسے کیسے نافذ کرسکتے ہیں۔ ہم مرد/عورت آپشن کے لیے ایک ریڈیو بٹن شامل کریں گے۔

مرحلہ نمبر 1) پہلا قدم ٹول باکس سے 'ریڈیو بٹن' کنٹرول کو ویب فارم پر گھسیٹنا ہے۔ (نیچے تصویر دیکھیں)۔ 2 ریڈیو بٹن شامل کرنا یقینی بنائیں ، ایک 'مرد' کے اختیار کے لیے اور دوسرا 'خاتون' کے لیے۔

مرحلہ 2) ایک بار ریڈیو بٹن شامل کرنے کے بعد ، 'ٹیکسٹ' پراپرٹی کو تبدیل کریں۔

  • 'ریڈیو بٹن کنٹرول' پر کلک کرکے پراپرٹیز ونڈو پر جائیں۔
  • ریڈیو بٹن کی ٹیکسٹ پراپرٹی کو 'مرد' میں تبدیل کریں۔
  • اسے 'خاتون' میں تبدیل کرنے کے لیے وہی قدم دہرائیں۔
  • نیز ، متعلقہ کنٹرول کی شناختی خصوصیات کو rdMale اور rdFemale میں تبدیل کریں۔

ایک بار جب آپ مذکورہ بالا تبدیلیاں کرلیں گے تو آپ کو درج ذیل آؤٹ پٹ نظر آئے گی۔

آؤٹ پٹ:-

آؤٹ پٹ سے ، آپ واضح طور پر دیکھ سکتے ہیں کہ ریڈیو بٹن کو فارم میں شامل کیا گیا تھا۔

چیک باکس۔

ایک چیک باکس کو اختیارات کی فہرست فراہم کرنے کے لیے استعمال کیا جاتا ہے جس میں صارف ایک سے زیادہ انتخاب کر سکتا ہے۔ آئیے دیکھتے ہیں کہ ہم ذیل میں دکھائی گئی مثال کے ساتھ اسے کیسے نافذ کرسکتے ہیں۔ ہم اپنے ویب فارم میں 2 چیک باکس شامل کریں گے۔ یہ چیک باکس صارف کو ایک آپشن فراہم کریں گے کہ آیا وہ C# سیکھنا چاہتے ہیں یا ASP.Net۔

مرحلہ نمبر 1) پہلا قدم چیک باکس کنٹرول کو ویب فارم پر ٹول باکس سے گھسیٹنا ہے جیسا کہ نیچے دکھایا گیا ہے۔

مرحلہ 2) ایک بار جب چیک باکسز شامل ہوجائیں تو ، چیک باکس آئی ڈی پراپرٹی کو 'chkASP' میں تبدیل کریں۔

  • چیک باکس کنٹرول پر کلک کرکے پراپرٹیز ونڈو پر جائیں۔
  • متعلقہ کنٹرولز کی شناختی خصوصیات کو 'chkC' اور 'chkASP' میں تبدیل کریں۔

نیز ، چیک باکس کنٹرول کی ٹیکسٹ پراپرٹی کو 'C#' میں تبدیل کریں۔ دوسرے چیک باکس کنٹرول کے لیے بھی ایسا ہی کریں اور اسے 'ASP.Net' میں تبدیل کریں۔

  1. چیک باکس کی شناختی جائیداد کو 'chkASP' میں تبدیل کریں

  1. چیک باکس کی شناختی جائیداد کو chkC میں تبدیل کریں۔

ایک بار جب آپ مذکورہ بالا تبدیلیاں کرلیں گے تو آپ کو درج ذیل آؤٹ پٹ نظر آئے گی۔

آؤٹ پٹ:-

آؤٹ پٹ سے ، آپ واضح طور پر دیکھ سکتے ہیں کہ چیک باکسز کو فارم میں شامل کیا گیا تھا۔

بٹن

صارف کو بٹن پر کلک کرنے کی اجازت دینے کے لیے ایک بٹن استعمال کیا جاتا ہے جس کے بعد فارم کی پروسیسنگ شروع ہو جاتی ہے۔ آئیے دیکھتے ہیں کہ ہم اسے اپنی موجودہ مثال کے ساتھ کس طرح نافذ کرسکتے ہیں جیسا کہ ذیل میں دکھایا گیا ہے۔ ہم ایک سادہ بٹن شامل کریں گے جسے 'جمع کروائیں' بٹن کہا جاتا ہے۔ یہ فارم پر تمام معلومات جمع کرنے کے لیے استعمال کیا جائے گا۔

مرحلہ نمبر 1) پہلا قدم یہ ہے کہ بٹن کنٹرول کو ٹول باکس سے ویب فارم پر گھسیٹیں جیسا کہ نیچے دکھایا گیا ہے۔

مرحلہ 2) ایک بار بٹن شامل کرنے کے بعد ، بٹن کنٹرول پر کلک کرکے پراپرٹیز ونڈو پر جائیں۔ جمع کرنے کے لیے بٹن کنٹرول کی ٹیکسٹ پراپرٹی کو تبدیل کریں۔ نیز ، بٹن کی ID پراپرٹی کو 'btnSubmit' میں تبدیل کریں۔

ایک بار جب آپ مذکورہ بالا تبدیلیاں کرلیں گے تو آپ کو درج ذیل آؤٹ پٹ نظر آئے گی۔

آؤٹ پٹ:-

آؤٹ پٹ سے ، آپ واضح طور پر دیکھ سکتے ہیں کہ بٹن کو فارم میں شامل کیا گیا تھا۔

ASP.Net میں ایونٹ ہینڈلر۔

ویب فارم کے ساتھ کام کرتے وقت ، آپ ایونٹس کو کنٹرول میں شامل کر سکتے ہیں۔ واقعہ ایک ایسی چیز ہے جو اس وقت ہوتی ہے جب کوئی عمل کیا جاتا ہے۔ شاید سب سے عام عمل کسی فارم پر بٹن پر کلک کرنا ہے۔

ویب فارم میں ، آپ متعلقہ aspx.cs فائل میں کوڈ شامل کر سکتے ہیں۔ اس کوڈ کو کچھ اعمال انجام دینے کے لیے استعمال کیا جا سکتا ہے جب فارم پر بٹن دبایا جائے۔ یہ عام طور پر ویب فارمز میں سب سے عام واقعہ ہے۔ آئیے دیکھتے ہیں کہ ہم اسے کیسے حاصل کر سکتے ہیں۔

ہم اسے آسان بنانے جا رہے ہیں۔ بٹن کنٹرول میں صرف ایک ایونٹ شامل کریں جو صارف نے داخل کیا تھا۔ آئیے اس کو حاصل کرنے کے لیے درج ذیل مراحل پر عمل کریں۔

مرحلہ نمبر 1) پہلے آپ کو ویب فارم کے بٹن پر ڈبل کلک کرنا ہوگا۔ یہ بصری اسٹوڈیو کے بٹن کے لیے ایونٹ کوڈ سامنے لائے گا۔

btnSubmit_Click ایونٹ خود بخود بصری اسٹوڈیو کے ذریعے شامل ہو جاتا ہے جب آپ ویب فارم ڈیزائنر کے بٹن پر ڈبل کلک کرتے ہیں۔

مرحلہ 2) آئیے اب کوڈ کو سبمٹ ایونٹ میں شامل کریں تاکہ نام ٹیکسٹ باکس ویلیو اور صارف کے منتخب کردہ مقام کو ظاہر کیا جا سکے۔

protected void btnSubmit_Click(object sender,EventArgs e) { Response.Write(txtName.Text + '
'); Response.Write(lstLocation.SelectedItem.Text + '
'); lblName.Visible = false; txtName.Visible = false; lstLocation.Visible = false; chkC.Visible = false; chkASP.Visible = false; rdFemale.Visible = false; btnSubmit.Visible = false; }

کوڈ کی وضاحت:-

  1. کوڈ کی مندرجہ بالا لائن آسان ترین کام کرتی ہے۔ یہ نام ٹیکسٹ باکس کنٹرول کی قدر لیتا ہے اور کلائنٹ کو ریسپانس آبجیکٹ کے ذریعے بھیجتا ہے۔ لہذا اگر آپ نام ٹیکسٹ باکس میں سٹرنگ 'گرو 99' داخل کرنا چاہتے ہیں تو txtName کی قدر۔ ایک متن 'گرو 99' ہوگا۔
  2. کوڈ کی اگلی لائن لسٹ باکس کی منتخب کردہ قیمت پراپرٹی 'lstLocation.SelectedItem.text' کے ذریعے لیتی ہے۔ اس کے بعد یہ قیمت Response.Write طریقہ کے ذریعے کلائنٹ کو واپس لکھتا ہے۔
  3. آخر میں ، ہم فارم پر تمام کنٹرولز کو پوشیدہ بنا دیتے ہیں۔ اگر ہم ایسا نہیں کرتے ہیں تو ، تمام کنٹرولز کے علاوہ ہماری جوابی اقدار ایک ساتھ دکھائی جائیں گی۔

    عام طور پر ، جب کوئی شخص فارم پر تمام معلومات داخل کرتا ہے جیسے نام ، مقام ، صنف وغیرہ ، صارف کو دکھائے گئے اگلے صفحے میں صرف وہ معلومات ہونی چاہیے جو درج نہیں کی گئی تھی۔ صارف نام ، جنس ، مقام کنٹرول دوبارہ نہیں دیکھنا چاہتا۔ لیکن ASP.Net یہ نہیں جانتا ، اور اس وجہ سے ، بطور ڈیفالٹ ، جب صارف Submit بٹن پر کلک کرتا ہے تو یہ دوبارہ تمام کنٹرول دکھائے گا۔ لہذا ، ہمیں کوڈ لکھنے کی ضرورت ہے تاکہ یہ یقینی بنایا جا سکے کہ تمام کنٹرول چھپے ہوئے ہیں تاکہ صارف صرف مطلوبہ آؤٹ پٹ دیکھ سکے۔

ایک جو آپ مندرجہ بالا تبدیلیاں کرتے ہیں ، آپ کو مندرجہ ذیل آؤٹ پٹ نظر آئے گا۔

آؤٹ پٹ:-

آؤٹ پٹ اسکرین میں ، درج ذیل اقدامات کریں۔

  1. نام ٹیکسٹ باکس میں گرو 99 کا نام دیں۔
  2. بنگلور کے لسٹ باکس میں ایک مقام منتخب کریں۔
  3. Submit بٹن پر کلک کریں۔

ایک بار جب آپ یہ کر لیتے ہیں تو ، آپ کو 'گرو 99' نظر آئے گا اور صفحہ پر 'بنگلور' کا مقام ظاہر ہوگا۔

خلاصہ:

  • ASP.Net میں ، آپ معیاری کنٹرول کو کسی فارم میں شامل کرسکتے ہیں جیسے لیبل ، ٹیکسٹ باکس ، لسٹ باکس وغیرہ۔
  • ہر کنٹرول میں اس کے ساتھ کوئی واقعہ منسلک ہو سکتا ہے۔ سب سے عام واقعہ بٹن کلک ایونٹ ہے۔ یہ اس وقت استعمال ہوتا ہے جب ویب سرور پر معلومات جمع کرانے کی ضرورت ہوتی ہے۔