คำถามติดแท็ก slickgrid

19
ตารางข้อมูลจาวาสคริปต์สำหรับแถวนับล้าน [ปิด]
ปิด คำถามนี้เป็นคำถามความคิดเห็นตาม ไม่ยอมรับคำตอบในขณะนี้ ต้องการปรับปรุงคำถามนี้หรือไม่ อัปเดตคำถามเพื่อให้สามารถตอบข้อเท็จจริงและการอ้างอิงได้โดยแก้ไขโพสต์นี้ ปิดให้บริการใน6 ปีที่ผ่านมา ปรับปรุงคำถามนี้ ฉันต้องการนำเสนอแถวข้อมูลจำนวนมาก (เช่น. ล้านแถว) ให้กับผู้ใช้ในกริดโดยใช้ JavaScript ผู้ใช้ไม่ควรเห็นหน้าหรือดูข้อมูลในปริมาณที่ จำกัด ในแต่ละครั้ง แต่ควรปรากฏว่ามีข้อมูลทั้งหมดอยู่ แทนที่จะดาวน์โหลดข้อมูลทั้งหมดในครั้งเดียวจะมีการดาวน์โหลดชิ้นส่วนขนาดเล็กเมื่อผู้ใช้เข้ามาถึง (เช่นการเลื่อนผ่านกริด) แถวจะไม่ถูกแก้ไขผ่านส่วนหน้านี้ดังนั้นกริดแบบอ่านอย่างเดียวจึงเป็นที่ยอมรับ มีกริดข้อมูลใดที่เขียนด้วย JavaScript สำหรับการเพจแบบไม่มีรอยต่อชนิดนี้

1
SlickGrid การจัดกลุ่มหลายระดับพร้อมการเลือกระดับกลุ่ม
ฉันใช้กริดที่ลื่นไหลด้วยรูปแบบการเลือกที่กำหนดเองรวมถึงปลั๊กอินการเลือกช่องทำเครื่องหมายที่กำหนดเอง ฉันได้เพิ่มช่องทำเครื่องหมายระดับกลุ่มเพื่ออนุญาตให้สลับการเลือกที่ระดับบนสุด หนึ่งในความต้องการของฉันคือการจัดกลุ่มที่ถูกยุบยังคงสามารถเลือกได้ผ่านช่องทำเครื่องหมายการจัดกลุ่มระดับผู้ปกครอง บล็อกที่สะดุดของฉันดูเหมือนว่าฉันไม่สามารถเข้าใจวิธีเลือกแถวที่ไม่ปรากฏในกลุ่มในขณะนี้ เส้นตารางเรียบนั้นจะรักษาชุดของรายการที่เลือกทางสายตาในขณะที่มุมมองข้อมูลกริดเก็บชุดของรายการที่เลือกไว้เต็มรูปแบบให้มองเห็นหรือไม่ อย่างไรก็ตามฉันไม่สามารถหาวิธีการไพพ์ลงในข้อมูลได้เมื่อคลิกที่ช่องทำเครื่องหมายกลุ่มของแถวที่ยุบ ฉันกำลังกำหนดค่ากริดเช่น: let checkboxSelectionModel = new Slick.CheckboxSelectionModel(); this.grid.setSelectionModel(checkboxSelectionModel); this.grid.registerPlugin(new Slick.Data.GroupItemMetadataProvider()); let onSelectedRowIdsChanged = this.dataProvider.syncGridSelection(this.grid, true, true); onSelectedRowIdsChanged.subscribe( function(e: any, args: any) { //business logic stuff } ); let groupedCheckboxSelector = new Slick.GroupedCheckboxSelectColumn({ cssClass: "slick-cell-checkboxsel", onSelectedRowIdsChangedHandler: onSelectedRowIdsChanged }); let columns = this.grid.getColumns(); columns.unshift(groupedCheckboxSelector.getColumnDefinition()); this.grid.setColumns(columns); this.grid.registerPlugin(groupedCheckboxSelector); ส่วนสำคัญไปยังปลั๊กอินที่กำหนดเองนานเกินไปที่จะรวมไว้ที่นี่ …
โดยการใช้ไซต์ของเรา หมายความว่าคุณได้อ่านและทำความเข้าใจนโยบายคุกกี้และนโยบายความเป็นส่วนตัวของเราแล้ว
Licensed under cc by-sa 3.0 with attribution required.