วิธีเปิดใช้งานปุ่มลบใน DataGridView ใน Winforms

เนื้อหา

• คำสั่ง
• เคล็ดลับ

DataGridViews นำพลังของตารางไปยัง. NET Winforms applications ตารางซึ่งประกอบด้วยแถวและคอลัมน์เป็นตัวควบคุมที่มีประโยชน์ที่ช่วยให้นักพัฒนาสามารถแสดงข้อมูลเชิงสัมพันธ์ที่ซับซ้อนในพื้นที่ขนาดเล็ก ตาราง DataGridView ซึ่งแตกต่างจากตาราง HTML ทำให้ผู้ใช้สามารถแก้ไขและลบข้อมูลที่อยู่ในแหล่งข้อมูลพื้นฐานได้ ในการเพิ่มฟังก์ชันการทำงานนี้ลงใน DataGridView ของคุณให้เปิดใช้งานปุ่มควบคุม "ลบ" ดังนั้น DataGridView ของคุณจะมีปุ่มสำหรับแต่ละแถวในตัวควบคุม

คำสั่ง

ใช้ Visual Basic (แล็ปท็อป 9 ภาพโดย Harvey Hudson จาก Fotolia.com)

1. เปิด Visual Studio คลิก "File" จากนั้นเลือก "Project" คลิก "Visual C #" เพื่อเลือกและดับเบิลคลิกที่ "Windows Forms Applications"; Visual Studio จะสร้างโครงการใหม่และวางไฟล์ของคุณในหน้าต่าง Solution Navigator

2. คลิกที่ "ดู" จากนั้นคลิก "กล่องเครื่องมือ" เพื่อให้หน้าต่างของคุณปรากฏ เลื่อนดูรายการการควบคุมและดับเบิลคลิกที่ "DataGridView"; Visual Studio จะวาง DataGridView ใหม่ชื่อ "dataGridView1" ในแบบฟอร์มใหม่ที่ปรากฏในหน้าต่างเมนูโครงการ

3. คลิกสองครั้งที่แถบชื่อของแบบฟอร์ม หน้าต่างรหัสจะเปิดขึ้นและแสดงเมธอด "Form'_Load" ของแบบฟอร์ม วิธีนี้ไม่มีรหัส วางรหัสต่อไปนี้ในวิธีนี้:

   System.Data.DataTable dataTable = ใหม่ System.Data.DataTable (); dataTable.Columns.Add (ใหม่ DataColumn ("Color", typeof (สตริง))); dataTable.Columns.Add (ใหม่ DataColumn ("ขนาด", typeof (สตริง)));

   
   

   / เพิ่มปุ่มลบ / DataGridViewButtonColumn deleteButton = ใหม่ DataGridViewButtonColumn (); deleteButton.HeaderText = "ลบนี่"; dataGridView1.Columns.Add (deleteButton);

   dataTable.Rows.Add (สตริงใหม่ [] {"Red", "Large"}); dataTable.Rows.Add (สตริงใหม่ [] {"Blue", "Small"}); this.dataGridView1.DataSource = dataTable;

   สามแถวแรกจะสร้างตารางข้อมูลและเพิ่มสองคอลัมน์ลงไป สามบรรทัดด้านล่างส่วนความคิดเห็นซึ่งอ่าน "เพิ่มปุ่มลบ" จะสร้างปุ่ม "ลบ" ของคุณ เปลี่ยน "ลบสิ่งนี้" สำหรับสิ่งที่คุณต้องการ นี่คือข้อความที่จะปรากฏในส่วนหัวของคอลัมน์ปุ่ม สามบรรทัดสุดท้ายจะเพิ่มข้อมูลสองแถวลงในตารางข้อมูล

4. ไปที่ด้านบนของหน้าต่างรหัสและเพิ่มบรรทัดของรหัสต่อไปนี้:

   ใช้ System.Data;

   นี่ควรเป็นบรรทัดแรกของรหัสในหน้าต่างรหัส บรรทัดนี้จะทำให้คลาส System.Data พร้อมใช้งานบนแบบฟอร์ม

5. กด "F7" เพื่อแสดงแบบฟอร์มในหน้าต่างรหัส คลิกการ DataGridView ตัวควบคุมที่อยู่บนแบบฟอร์มและกด "F4" เพื่อเปิดหน้าต่างคุณสมบัติ

   
   

6. คลิกปุ่ม "กิจกรรม" ที่ด้านบนของหน้าต่างนี้จากนั้นดับเบิลคลิกที่เหตุการณ์ "CellContentClick" หน้าต่างรหัสจะเปิดขึ้นและแสดงวิธีการที่ชื่อว่า "dataGridView1_CellContentClick" วิธีการนี้จะถูกดำเนินการเมื่อผู้ใช้คลิกเซลล์ใน DataGridView วางรหัสต่อไปนี้ในวิธีนี้:

   if (dataGridView1.Columns [e.ColumnIndex] คือ DataGridViewButtonColumn && e.RowIndex! = -1) 2 dataGridView1.Rows.RemoveAt (e.RowIndex); }

   รหัสจะตรวจสอบคุณสมบัติ e.RowIndex คุณสมบัตินี้มีหมายเลขแถวของปุ่ม "ลบ" ที่ผู้ใช้จะคลิก ตัวอย่างเช่นหากผู้ใช้คลิกปุ่ม "ลบ" ในแถวที่สองของ DataGridView คุณสมบัติ e.RowIndex จะมีค่านี้ บรรทัดนี้จะถูกลบโดยวิธี "RemoveAt."

7. กด "F5" เพื่อเรียกใช้โครงการและดูแบบฟอร์ม DataGridView จะปรากฏขึ้นและจะแสดงสองแถวและสองคอลัมน์ของข้อมูล ปุ่มลบจะปรากฏที่จุดเริ่มต้นของแต่ละบรรทัด

8. คลิกปุ่ม "ลบ" ถัดจากหนึ่งในบรรทัด รหัสจะถูกดำเนินการและบรรทัดจะถูกลบ

เคล็ดลับ

• ในการลบปุ่ม "ลบ" ให้ลบรหัสสามบรรทัดที่ระบุไว้ในส่วน "เพิ่มปุ่มลบ" ของรหัส เมื่อคุณเรียกใช้โครงการอีกครั้งปุ่มจะไม่แสดงในตัวควบคุม DataGridView