报表getTemplate方法获取模版单元格配置属性不全

eat_grape_5

用自定义ui方式替换原有的属性面板，然后通过api设置模版属性和获取模版属性，但是有一个问题，getTemplateCell方法获取到的属性不全

image.png616332702.png

比如这个单元格，只返回了这两属性，还是我通过setTemplateCell设置的，不设置压根没有，这就存在一个问题，每次要是要更新模版单元格，岂不是要把所有属性都全部设置一遍嘛？不然我回显的时候，通过getemplateCell方法拿到的属性配置根本不全，想问一下这个怎么处理好点，全部设置会有性能问题，比如用户选择一个区域，全量去设置会卡顿页面一段时间。

eat_grape_5 · eat_grape_5

本帖最后由 eat_grape_5 于 2024-6-27 10:07 编辑

gnip 发表于 2024-6-26 18:54
而且这样如果每次更新带上所有属性，用户如果框选一个区域，批量设置，页面会卡住，根据选中单元格的数量决 ...

找到一个可行的方法，即控制绘制次数。当表单发生变化时SpreadJS自动刷新，在这样的机制下，当您批量设置报表单元格时，每设置一个都将刷新一次，可在设置前后合理利用挂起绘制与恢复绘制，能够节省一定时间，示例如下：

// 报表模板，spread为当前工作簿
var templateSheet = spread.getSheetTab(0).getTemplateSheet();
function setCellAdvanced(rowStart, colStart, rowCount, colCount) {
spread.suspendPaint();
spread.suspendEvent();
for (var i = rowStart; i < rowCount; i++) {
for (var j = colStart; j < colCount; j++) {
templateSheet.setTemplateCell(i, j, {
type: 'List',
binding: `Orders[orderId]`,
autoExpand: 'Vertical',
spillMode: 'Overwrite',
spillDirection: 'Vertical',
});
}
}
spread.resumeEvent();
spread.resumePaint();
}

复制代码

关于挂起绘制与恢复绘制对性能的优化可详细参考官方demo：https://demo.grapecity.com.cn/spreadjs/help/docs/BestPractices/UsingsuspendPaintandresumePaint

eat_grape_5 · eat_grape_5

楼主展示的属性是autoExpand，这个属性的默认值是Both，即横向和纵向双向扩展。在默认的设置面板中，这个属性的默认值会正常渲染显示，如下图：
1719395543238.png10030211.png

由于楼主自定义了设置面板，因此在显示属性时需要跟原有设置面板的属性显示一致，解决了这个问题就都ok了。
关于autoExpand属性，请参考官方demo链接：https://demo.grapecity.com.cn/spreadjs/SpreadJSTutorial/features/report-sheet/layout-settings/auto-expand/purejs。

Ellia.Duan · Ellia.Duan

您好，参考楼上热心小伙的回复即可。有问题随时交流。

gnip · gnip

eat_grape_5 发表于 2024-6-26 17:54
楼主展示的属性是autoExpand，这个属性的默认值是Both，即横向和纵向双向扩展。在默认的设置面板中，这个属 ...

大哥，你没看懂我的需求，不是你理解的这样

gnip · gnip

gnip 发表于 2024-6-26 18:21
大哥，你没看懂我的需求，不是你理解的这样

楼上大哥都理解错我的意思，我的意思是通过getTemplateCell获取的属性不全，api调用的方式我需要所有的属性配置项，不然回显有问题

eat_grape_5 · eat_grape_5

gnip 发表于 2024-6-26 18:21
大哥，你没看懂我的需求，不是你理解的这样

那请楼主指正下理解不到位的地方，谢谢！

eat_grape_5 · eat_grape_5

gnip 发表于 2024-6-26 18:24
楼上大哥都理解错我的意思，我的意思是通过getTemplateCell获取的属性不全，api调用的方式我需要所有的属 ...

getTemplateCell接口的返回值中不包含那些未设置的属性，因为这些属性未被设置过，没有值与其匹配。

gnip · gnip

eat_grape_5 · eat_grape_5

gnip 发表于 2024-6-26 18:31

前后两次设置，虽然作用于同一个单元格，但setTemplateCell的第三个参数有变化。从面向对象的编程角度而言，这两个参数本质上是两个完全不同的对象，当然是后一个对象把前一个对象覆盖了。一般而言，设置之前要获取原来的属性对象，在这个属性对象中追加新的属性，再用变化后的属性对象调用setTemplateCell方法将属性设置回单元格。以楼主提供的图片中的代码为例，第二次设置的代码应该是：

templateSheet.setTemplateCell(i, j, {
type: 'List',
binding: 'Bid[age]',
spillMode: 'Overwrite'
});

复制代码

		自动登录	找回密码
密码			立即注册

[已处理] 报表getTemplate方法获取模版单元格配置属性不全

最佳答案

14 个回复

悬赏达人

SpreadJS 认证

SpreadJS 高级认证