Questions tagged «slickgrid»

19
数百万行的JavaScript数据网格[关闭]
已关闭。这个问题是基于观点的。它当前不接受答案。 想改善这个问题吗?更新问题,以便通过编辑此帖子以事实和引文回答。 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); 要点要自定义插件,太长时间,包括在这里 特别是,如果你看看行57的slick.checkboxselectionmodel: $.each(dataItem.rows, function(index, groupRow) …
By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.