ควบคุมกริดสำหรับ ASP.NET MVC? [ปิด]


278

หากคุณใช้ ASP.NET MVC คุณจะแสดงตารางอย่างไร รีดของคุณเองหรือ มีห้องสมุดจากที่อื่นใช่ไหม

เหล่านี้คือโซลูชันการแสดงผลกริดที่รู้จักซึ่งฉันพบสำหรับ ASP.NET MVC

หากคุณรู้เรื่องอื่นใดที่คุณกำลังใช้หรือรู้ว่าดีโปรดแจ้งให้เราทราบ


5
ฉันหวังว่าจะมีกริดพร้อมด้วยการสนับสนุนจาวาสคริปต์ แต่สิ่งที่อาจลดลงไปเป็นคำขอ GET แบบสมบูรณ์หากปิดใช้งาน JavaScript อย่างไรก็ตามฉันจะต้องสร้างของตัวเอง: (
Andrei Rînea

18
ไม่เห็นด้วยกับคุณอีก .. ฉันมีคำถามที่โหวตอย่างดีปิดลงเช่นกัน แต่ฉันก็ประหลาดใจที่มันเกินไป การได้รับคะแนนโหวตที่ดีควรพูดว่าคำถามนั้นสร้างสรรค์อย่างไร ยังไม่พอสำหรับผู้ดูแลเหล่านี้เนื่องจากพวกเขากระตือรือร้นที่จะแสดงให้เราเห็นว่าอะไรที่สร้างสรรค์และอะไรที่ไม่ดี
Sonic Soul

11
ใช่คำถามนี้สร้างสรรค์มากสำหรับฉัน แต่พวกเขามักจะปิดคำถามที่ถามว่าห้องสมุดใดดีที่สุดที่จะใช้
Josh Mouch

11
มันค่อนข้างน่าประหลาดใจสำหรับฉันที่ "ผู้ดำเนินรายการ" เหล่านี้ดูเหมือนจะคิดว่าพวกเขารู้ว่าสิ่งใดมีประโยชน์ดีกว่าคนที่อืมพบว่ามีประโยชน์
Ken Smith

4
ฉันไม่เห็นด้วยเพิ่มเติม คำคุณศัพท์·คำคุณศัพท์ tive 1. การแสดงวัตถุประสงค์ที่เป็นประโยชน์ มีแนวโน้มที่จะสร้างขึ้น
Dave Jellison

คำตอบ:


40

เราใช้jqGridในโครงการและโชคดีกับมัน มีตัวเลือกมากมายสำหรับการแก้ไขแบบอินไลน์ ฯลฯ หากสิ่งนั้นไม่จำเป็นเราก็ใช้ลูป foreach ธรรมดาอย่าง @Hrvoje


สวัสดี @ SeanCarpenter- ข้อเสนอแนะใด ๆ สำหรับสิ่งนี้
Mohammed Zameer

1
โปรดทราบว่านี่เป็นผลิตภัณฑ์เชิงพาณิชย์และดาวน์โหลดเป็นระยะเวลา 30 วัน
Amir978

29

เราใช้Slick Gridใน Stack Exchange Data Explorer ( ตัวอย่างที่มี 2,000 แถว )

ผมพบว่ามันมีประสิทธิภาพเหนือกว่าjqGridและflexigrid มันมีชุดคุณสมบัติที่สมบูรณ์มากและฉันไม่สามารถแนะนำได้เพียงพอ

ตัวอย่างของการใช้งานของมันอยู่ที่นี่

คุณสามารถดูตัวอย่างแหล่งข้อมูลเกี่ยวกับวิธีการรวมเข้ากับแอป ASP.NET MVC ได้ที่นี่: https://code.google.com/p/stack-exchange-data-explorer/


เป็นสิ่งที่ดีและมีประสิทธิภาพ แต่ถ้าคุณจะใช้ข้อมูลและคอลัมน์อย่างง่าย ๆเสมอ (ฉันพบว่าตัวเองเพิ่มสัมผัสเช่น rowspans กราฟิกและอื่น ๆ ลงในตารางบางตารางเพื่อทำให้พวกเขาดีกว่า)
Eduardo Molteni

กำลังดูตัวอย่าง ... ดูเหมือนว่าคุณสามารถทำสิ่งต่าง ๆ ได้มากมายด้วยกริดนี้ ... ฉันชอบ ...
Romias

คุณยังใช้ slickgrid อยู่หรือไม่?
naveen

24

เราเพิ่งเปิดตัวของเราเองเนื่องจากข้อกำหนดการใช้งานที่ จำกัด บนกริดของเรา เราใช้ JQuery ที่นี่และมีบางอย่างเช่นเลขหน้าและนั่นคือทั้งหมดที่เราต้องการจริงๆ

ถ้าคุณต้องการบางสิ่งบางอย่างเล็ก ๆ น้อย ๆ อย่างเต็มที่ให้ความสำคัญคุณสามารถตรวจสอบ ExtJs กริดที่นี่

นอกจากนี้ยังมีการดำเนินการ MvcContrib ตารางที่คุณสามารถตรวจสอบ - ลองที่นี่ หรือมากขึ้นโดยเฉพาะที่นี่


2
ยังใช้ extjs มาก่อน ชอบมันมากโดยใช้มัน
Dai Bok

16

ฉันเพิ่งค้นพบ Telerik มีองค์ประกอบที่ยอดเยี่ยมรวมถึงกริดและพวกมันก็เป็นโอเพ่นซอร์สด้วย http://demos.telerik.com/aspnet-mvc/


9
ฉันใช้เวลาในวันสุดท้ายกับการทำงานกับกริด Telerik และมันก็ค่อนข้างดีถ้าคุณสามารถจัดการให้อยู่บน "เส้นทางแห่งความสุข" ได้ อย่างไรก็ตามแอพของฉันใช้การจัดเส้นทางแบบสงบ (เช่นที่การลบของฉันจะโพสต์ไปที่ "/ controller / {id}" ด้วยการแทนที่เมธอด Http ของ DELETE) และเห็นได้ชัดว่าอยู่ไกลเกิน "เส้นทางแห่งความสุข" สำหรับตาราง Telerik เป็นประโยชน์กับผมและรหัสของพวกเขาเป็นคู่แน่นเกินไปที่จะแทนที่เรียบร้อยพฤติกรรมของมันผ่านมรดก ฯลฯ
เจมส์เล็บ

10
ควรสังเกตว่าข้อกำหนดของผลิตภัณฑ์โอเพ่นซอร์สหมายความว่าควรใช้กับโครงการโอเพ่นซอร์สที่เข้ากันได้ของ GPLv2 เท่านั้น กฎที่ออกมากของการใช้งานในเชิงพาณิชย์ - ถ้าคุณต้องการที่จะอยู่ :) ทางกฎหมาย
เจมส์ McCormack

5
ฉันไม่เคยมีความสุขกับองค์ประกอบ Telerik พวกเขาดูดีและทำงานกับฟังก์ชั่นมาตรฐาน แต่สิ่งต่าง ๆ แย่ลงเมื่อคุณลองทำบางสิ่งที่ไม่ได้เป็นส่วนหนึ่งของการสาธิต คุณสามารถตรวจสอบ Kendo UI ของพวกเขา มันเป็นกองที่ดีขึ้น แต่ก็ยังไม่สมบูรณ์แบบ
Maksym Kozlenko

12

หากเป็นเพียงการดูข้อมูลฉันใช้ foreach หรือ aspRepeater ง่ายๆ สำหรับการแก้ไขฉันสร้างมุมมองและการกระทำพิเศษ ไม่ชอบ webforms GridView ความสามารถในการแก้ไขแบบอินไลน์นี่ค่อนข้างชัดเจนและดีกว่า - หนึ่งมุมมองสำหรับการดูและอีกมุมมองสำหรับการแก้ไข / ใหม่


ฉันเห็นด้วย. ฉันไม่ชอบการแก้ไขแบบอินไลน์ในกริดเช่นกัน
René

1
และจากมุมมองของ UX จะดีกว่าถ้ามีหน้าจอขนาดเล็กมากกว่าหนึ่งหน้าจอใหญ่และซับซ้อน นอกจากนี้ยังเหมาะกับการออกแบบโค้ดฝั่งเซิร์ฟเวอร์ (OOP) ที่ดีกว่าเพราะคุณสามารถแยกลักษณะการทำงานสำหรับคำสั่งหน้าจอและไม่ใช่ db.Save ขนาดใหญ่ (pageData) ขนาดใหญ่ย้ายไปที่คำกริยาในรูปแบบโดเมนซึ่งแตกต่างจาก วิธีการ
Hrvoje Hudo

ฉันเห็นด้วยเพราะฉันไม่ชอบการแก้ไขแบบอินไลน์ การแยกข้อกังวลช่วยให้งานง่ายขึ้น
Hemal


7

jqGrid คือ $ 299 ถ้าคุณใช้รุ่นพิเศษที่มีการรวมฝั่งเซิร์ฟเวอร์ แต่ก็ไม่ยากที่จะใช้รุ่นฟรีโอเพนซอร์สกับ ASP.NET MVC เมื่อคุณได้รับการกำหนดค่า jQuery ของคุณตรงเกือบจะง่ายต่อการใช้งานใด ๆ ใบอนุญาตอื่น ๆ :

http://haacked.com/archive/2009/04/14/using-jquery-grid-with-asp.net-mvc.aspx


7

คุณยังสามารถใช้การแทรก / ปรับปรุง / ลบ DataGrid การควบคุม MVC ของฉันพร้อม Toolkit ที่นี่ใน CodePlex: http://mvccontrolstoolkit.codeplex.com/ ที่นี่คุณสามารถดาวน์โหลดตัวอย่างที่สมบูรณ์ได้ที่นี่ DataGrid ใช้งานได้ที่นี่และที่นี่แบบฝึกหัด DataGrid ทำงานได้อย่างสมบูรณ์ทั้งฝั่งไคลเอ็นต์และกำหนดค่าการเปลี่ยนระหว่างโพสต์ ใช่มันเป็น mantains เซ็ตการแก้ไขหมายความว่าคุณสามารถเข้าถึงได้ทั้งเวอร์ชันเก่าและเวอร์ชั่นที่แก้ไขของแต่ละเรคคอร์ดเพื่อดูว่าการเปลี่ยนแปลงใดที่จะส่งผ่านไปยัง DB (สิ่งที่จำเป็นต้องแก้ไขลบหรือแทรก) เซ็ตการแก้ไขนี้ได้รับการจัดการหลังจากมีการโพสต์หลายครั้งจนกว่าคุณจะยืนยันหรือยกเลิกการแก้ไขทางฝั่งเซิร์ฟเวอร์


5

ถ้าเป็นแบบอ่านอย่างเดียวความคิดที่ดีคือการสร้างตารางจากนั้นให้ใช้ JQuery ที่เรียบง่าย แต่ทรงพลังกับสิ่งนั้น

สำหรับสีทางเลือกที่ง่ายลอง JQuery ง่าย

หากคุณต้องการเรียงลำดับปลั๊กอิน JQuery นี้จะทำให้ง่ายขึ้น


1
ใช่. ฉันเห็นสิ่งนี้ Scott Hanselman กำลังพูดถึงสิ่งนี้เมื่อ Phil Hack โพสต์รหัสผู้ช่วย repeater ของเขาในบทความนี้: haacked.com/archive/2008/05/03/…
MikeJ

1
ฉันคิดว่านั่นเป็นวิธีที่ฉันค้นพบเกี่ยวกับลิงค์แรกด้วย! ส่วนใหญ่ของตารางสิ่งที่ฉันทำตอนนี้ส่วนใหญ่จะทำกับลูกค้า เคล็ดลับของสกอตต์ถูกนำมาอย่างดี
Mark Kadlec

4

ฉันลองตัวอย่างที่นี่ของตาราง Mvc Controls Toolkit มันดูเป็นตารางที่ค่อนข้างทรงพลังและใช้งานง่าย บทช่วยสอนไม่เพียง แต่อธิบายวิธีการใช้กริดเท่านั้น แต่ยังอธิบายถึงวิธีการทำเพจจิ้ง, จัดระเบียบโมเดลมุมมองและหมายเหตุประกอบข้อมูลด้วย มันคุ้มค่าที่จะอ่าน



2

ตรวจสอบตารางจากการควบคุม Infragistics jQuery

นี่คือตัวอย่าง ASP.NET MVC พร้อมรหัส:

http://labs.infragistics.com/aspnet-mvc/Grid/AllFeatures


ขอบคุณ จะเพิ่มในรายการด้านบน
MikeJ

ไมค์คุณสามารถเพิ่มรายการต่อไปนี้ในรายการ: infragistics.com/dotnet/netadvantage/jquery-controls/grid.aspx
akshayl

ฉันได้อัปเดตพร้อมลิงก์ไปยัง igGrid จาก infragistics ขอโทษสำหรับความล่าช้าที่ฉันได้ไปขอบคุณพระเจ้า igGrid ดูน่าสนใจ
MikeJ

1
มาจากใครบางคนที่พยายามใช้สิ่งนี้ในแอปที่ใช้งานจริงฉันจะไม่แนะนำกริดนี้ เอกสารมีคุณภาพต่ำและแทบไม่มีการสนับสนุนจากชุมชนอาจเป็นเพราะไม่ใช่โอเพ่นซอร์ส คุณลักษณะส่วนใหญ่ (การเรียงลำดับการปรับขนาดคอลัมน์ ฯลฯ ) มีปัญหากับคุณลักษณะที่เกี่ยวข้องกับการหลีกเลี่ยงและการประนีประนอมต่างๆ Winforms Infragistics grid ที่เราเคยใช้กันในอดีตนั้นใช้งานได้ดี แต่ฉันขอแนะนำให้ลบเวอร์ชันเว็บของพวกเขาจนกว่ามันจะอบมากขึ้น
Josh Noe
โดยการใช้ไซต์ของเรา หมายความว่าคุณได้อ่านและทำความเข้าใจนโยบายคุกกี้และนโยบายความเป็นส่วนตัวของเราแล้ว
Licensed under cc by-sa 3.0 with attribution required.