网站数据库清空正规手游代理商

网站数据库清空,正规手游代理商,做网站技术路线,新公司做网站怎么弄数据表格升级指南 与 迁移指南#xff1a;仪表盘 4.0、Grid Lite 2.0 和 Grid Pro 2.0 Grid Pro网格专业版#xff08;前称#xff1a;DataGrid#xff09;#xff08;原名为数据网格#xff09;现在作为一个单独的包进行分发。在 Dashboards 4.0.0 之前的版本中#x…数据表格升级指南 与 迁移指南仪表盘 4.0、Grid Lite 2.0 和 Grid Pro 2.0Grid Pro网格专业版前称DataGrid原名为数据网格现在作为一个单独的包进行分发。在 Dashboards 4.0.0 之前的版本中网格专业版与仪表盘捆绑在一起。目前Grid Pro是Highcharts仪表板的一部分并将在Dashboardsv4发布后作为独立的库可用。快速入门 - 关键变更在深入详细的迁移指南之前以下是最关键的重大变更Grid Pro数据网格现在是一个独立的包 - 必须单独安装和导入列使用ID而非名称 - 更新所有getColumnNames( )为getColumnIds( )组件必须使用renderTo- 已移除cell选项用getData( )替换getJSON( )- 适用于Grid Lite和Grid Pro用户连接器选项已扁平化 - 将嵌套的options内容移动到顶层table.modified现在是table.getModified ()- 属性已被方法取代.highcharts-datagrid-现在是.hcg-- 替换CSS覆盖中的所有出现位置概述这份指南涵盖升级到以下版本时的重大变更产品自到Dashboards 仪表板3.6.04.0.0Grid Lite 网格简易版1.4.02.0.0Grid Pro (DataGrid)网格专业版数据网格与仪表盘捆绑版本 2.0.0独立版本影响范围仪表盘 网格专业版用户请按照第1、2和4节操作仅使用仪表盘的用户请按照第1和2节操作网格简易版用户请遵循第1和第3节独立使用网格专业版的用户请按照第1和4节操作1. 数据层重大变更这些变更适用于数据层无论是独立使用还是在仪表盘中的用户。 不使用数据层的仅使用网格的用户可以跳过此部分列标识符名称 → ID变更内容 所有列引用现在都使用ID而非名称。Migration steps:迁移步骤用getColumnIds( )替换getColumnNames( )更新使用columnName的事件处理程序为使用columnId或columnIds将任何对table.columns进行迭代的代码改为使用 ID示例// Beforeconstnamestable.getColumnNames();table.on(afterSetColumns,(e){console.log(e.columnName);});// Afterconstidstable.getColumnIds();table.on(afterSetColumns,(e){console.log(e.columnIds);});DataTable.已修改 属性发生了什么变化 要获取已修改的表格请使用getModified( )方法。 虽然旧的modified属性仍然可用但在表格未被修改的情况下它不会被定义在这种情况下getModified( )方法会返回对原始未修改表格的引用。迁移步骤如果你想保持旧的功能方式将table.modified替换为table.getModified( )删除对DataTable.NULL和DataTable.isNull( )的引用都已删除使用空对象检查而不是null行助手注意 当表未被修改时它不再定义modified字段。在这种情况下getModified( )返回表本身的引用。示例// BeforeconstmodifiedDatatable.modified;// AfterconstmodifiedDatatable.getModified();数据连接器选项扁平化连接器配置不再将选项嵌套在子对象中。迁移步骤将嵌套的options内容移到顶层更新dataTables数组格式示例// BeforedataPool:{connectors:[{id:my-connector,type:CSV,options:{csv:Product,Price Apples,1.5 Oranges,2.0,// ... other options},dataTables:[{key:myTable// ... table options}]}]}// AfterdataPool:{connectors:[{id:my-connector,type:CSV,csv:Product,Price Apples,1.5 Oranges,2.0,// ... other optionsdataTables:[{key:myTable// ... table options}]}]}数据连接器API变更发生了什么变化 几个属性和方法被移除或重命名。 连接器事件现在只暴露外部负载。内部对象例如解析后的 DataTable 实例不再包含在内e.tables—可以从连接器本身connector.getTable()connector.dataTables获取它们。迁移步骤用 connector.getTable( ) 替换 connector.table移除对connector.save( )和connector.whatIs()的调用已删除移除事件中对e.tables的使用常见错误如果你看到connector.table is undefined请将其替换为connector.getTable( )。数据修改器简化变化内容增量修改钩子已被移除。迁移步骤将所有修改器逻辑合并到modifyTable( )方法中移除modifyRows( )、modifyColumns( )和modifyCell( )的实现确保modifyTable( )返回已修改的表格数据转换器更新变化内容辅助方法已迁移到DataConverterUtils类型猜测API发生了变化且自定义转换器现在必须返回列集合而非DataTable。迁移步骤重命名助手用法converter.asGuessedType(value) → converter.convertByType(value)使用 DataConverterUtils 命名空间中的助手例如 DataConverterUtils.trim( )、DataConverterUtils.asNumber( )更新自定义连接器/转换器DataConverter.getTable( ) 已被移除DataTable as an argumentDataConnector.CreateConverterFunction 不再接受 DataTable 作为参数代码示例之前3.6constconverternewCustomConverter(table);converter.parse(payload);table.setColumns(converter.getTable().getColumns());之前4.0constconverternewCustomConverter();constcolumnsconverter.parse(payload);// returns DataTable.ColumnCollectiontable.setColumns(columns);常见错误 如果你看到converter.getTable不是function函数你需要更新你的转换器使其直接返回列。2. 仪表盘 4.0 重大变更组件渲染变化内容 已移除已弃用的 cell 选项组件必须使用 renderTo迁移步骤将所有 cell 选项替换为 renderTo更新组件配置以明确指定渲染目标移除任何依赖隐式单元格回退的代码示例// Beforecomponent:{type:Highcharts,cell:chart-cell}// Aftercomponent:{type:Highcharts,renderTo:chart-cell}常见错误 如果你的组件无法渲染或看到 cell is not a valid option请将 cell 替换为 renderTo列分配给组件变化内容 已移除已弃用的 components[ ].columnAssignment 选项迁移步骤将任何组件级别的列分配移动到 components[].connector.columnAssignment连接器级别的 columnAssignment 选项保持可用且不变注意 这只影响已弃用的组件级别选项。常用的 components[ ].connector.columnAssignment 仍然完全支持。示例// Before (deprecated)component:{type:Highcharts,columnAssignment:{// ... mappings}}// After (use connector-level option)component:{type:Highcharts,connector:{columnAssignment:{// ... mappings}}}常见错误 如果看到 columnAssignment is not recognized at component level请将其移到 connector.columnAssignment。组件-连接器集成变化内容 连接器加载事件和表访问模式发生了变化。迁移步骤移除连接器加载事件中 e.tables 的监听器‘使用组件事件component.emit({ type: ‘tableChanged’ })’通过connector.getTable().getModified( )访问表格在修补连接器表时使用 DataConverterUtils 辅助工具3. Grid Lite 2.0.0 重大变更列宽调整 API变化内容 ColumnDistribution 被 ColumnResizing 取代并引入新的模式系统。迁移步骤用 Highcharts.DataGrid.ColumnResizing 替换 Highcharts.DataGrid.ColumnDistribution将rendering.columns.distribution更新为rendering.columns.resizing.mode“将旧值映射到新模式”fixed → distributed仅更新拖动的列mixed → adjacent调整列宽及其邻近列的大小full → 没有直接对应的等价物宽度不再以共享百分比的形式维护建议使用 adjacent 或 distributed 模式并删除任何 CSS 列宽设置因为列宽现在由 JavaScript 完全管理示例// Before (old mixed strategy)gridOptions:{rendering:{columns:{distribution:mixed}}}// AftergridOptions:{rendering:{columns:{resizing:{mode:adjacent}}}}常见错误如果你看到distribution is not a valid option请将其替换为resizing.mode。表格数据导出变化内容 getJSON() 被删除getData() 签名发生了变化。迁移步骤将所有grid.getJSON()调用替换为grid.getData()需要原始/未修改的表格数据时使用 grid.getData(false)使用 grid.getData(true)或 grid.getData()表示格式化的 JSON默认示例// Beforeconstdatagrid.getJSON();// Afterconstdatagrid.getData();// formatted by defaultconstrawDatagrid.getData(false);// unmodified常见错误如果你看到grid.getJSON is not a function请将其替换为grid.getData()。4. Grid Pro 2.0 重大变更独立包安装变化内容 Grid Pro 现在作为单独的包分发。迁移步骤** 对于独立的 Grid Pro 用户**安装 Grid Pronpm install highcharts/grid-pro在你的项目中导入选项A - ESM推荐用于现代打包工具import Grid from highcharts/grid-pro/es-modules/masters/grid-pro.src.js; import highcharts/grid-pro/css/grid-pro.css;选项B - 脚本标签适用于浏览器script srchttps://cdn.jsdelivr.net/npm/highcharts/grid-pro/grid-pro.js/scriptlink relstylesheethrefhttps://cdn.jsdelivr.net/npm/highcharts/grid-pro/css/grid-pro.css选项C - CommonJSconstGridrequire(highcharts/grid-pro);require(highcharts/grid-pro/css/grid-pro.css);** 针对仪表盘和网格专业版用户**安装两个包npm install highcharts/dashboards highcharts/grid-pro在仪表盘之前导入网格专业版选项A - ESM推荐用于现代打包工具importGridfromhighcharts/grid-pro/es-modules/masters/grid-pro.src.js;importhighcharts/grid-pro/css/grid-pro.css;importDashboardsfromhighcharts/dashboards/es-modules/masters/dashboards.src.js;importhighcharts/dashboards/css/dashboards.css;// Connect Grid Pro to DashboardsDashboards.GridPlugin.custom.connectGrid(Grid);Dashboards.PluginHandler.addPlugin(Dashboards.GridPlugin);选项B - 脚本标签适用于浏览器scriptsrchttps://cdn.jsdelivr.net/npm/highcharts/grid-pro/grid-pro.js/scriptscriptsrchttps://code.highcharts.com/dashboards/dashboards.js/scriptlinkrelstylesheethrefhttps://cdn.jsdelivr.net/npm/highcharts/grid-pro/css/grid-pro.csslinkrelstylesheethrefhttps://code.highcharts.com/dashboards/css/dashboards.css选项C - CommonJSconstGridrequire(highcharts/grid-pro);require(highcharts/grid-pro/css/grid-pro.css);constDashboardsrequire(highcharts/dashboards);require(highcharts/dashboards/css/dashboards.css);// Connect Grid Pro to DashboardsDashboards.GridPlugin.custom.connectGrid(Grid);Dashboards.PluginHandler.addPlugin(Dashboards.GridPlugin);重要说明必须在仪表盘之前导入/加载网格专业版使用脚本标签时Grid Pro 从 jsDelivr CDN 提供 (cdn.jsdelivr.net)而 仪表盘则从 code.highcharts.com 提供Grid Pro 的 CSS 包含所有 Grid Lite 样式因此你只需引入 Grid Pro 的 CSS无需引入 Grid Lite CSS常见错误 如果你看到 DataGrid is not defined 或者 Grid Pro 的功能无法正常工作请确保 在 Dashboards 之前已安装并导入 Grid Pro。新的CSS前缀变化内容 Grid Pro 的 CSS 类前缀现在是 .hcg-。迁移步骤在任何自定义样式覆盖中将所有 .highcharts-datagrid- 替换为 .hcg-。‘建议使用 主题变量 代替 CSS 覆盖。’示例// Before.highcharts-datagrid-row-even{background:#ccc;}// After.hcg-row-even{background:#ccc;}// Recommended--hcg-row-even-background:#ccc;其他重大变更Grid Pro 2.0.0 包含与 Grid Lite 2.0.0 相同的重大变更列宽调整 API - 见第 3 节网格数据导出 - 见第 3 节迁移清单请使用此清单确保迁移完整适用于数据层用户独立使用或配合仪表盘使用将所有列名引用更新为列ID将 table.modified 替换为 table.getModified( )扁平化连接器选项移除嵌套的options对象更新连接器API调用connector.table → connector.getTable( )将修饰符逻辑合并到modifyTable( )中将DataConverter助手引用更新为DataConverterUtils命名空间面向仪表盘用户在所有组件中用renderTo替换cell将已弃用的 components[ ].columnAssignment 移动到 components[ ].connector.columnAssignment更新连接器事件监听器移除e.tables引用面向 Grid Lite 用户更新列调整大小的API和配置将 getJSON() 替换为 getData()将 grid.css 替换为 grid-lite.css面向 Grid Pro 用户将 Grid Pro 作为单独的包安装导入Grid Pro在使用仪表盘之前包含网格专业版CSS包含所有网格轻量版样式更改 CSS 类前缀应用所有 Grid Lite 迁移步骤需要帮助文档: [highcharts.com/docs]社区: forum.highcharts.comAPI参考推荐阅读我们建议阅读我们在 理解网格 上的文章以了解新的选项和可能性也建议阅读 Changelog 以了解任何重大更改。