组件版在线表格编辑器添加新的Tab

收藏

本教程将教您如何在组件版在线表格编辑器中添加自定义的Tab
新版的在线表格编辑器没有了config文件，所以只能通过GC.Spread.Sheets.Designer.DefaultConfig;获取默认的config配置，然后通过代码在配置上通过代码动态添加新的tab，然后再将修改过后的config配置交给designer进行初始化。
那么首先，我们需要找到config配置中tab的位置，从下图可以看出tab位于config的ribbon上。
image.png391280516.png

接下来，我们就需要具体的添加tab了，如下图代码所示

config.ribbon.push({
"id" : "customTab",
"text": "自定义Tab",
"buttonGroups": [
{
"label": "在这里填写您想要填写的内容",
"commandGroup": {
"children": [
]
}
}
]
})

复制代码

我们给ribbon用push方法插入一个对象，对象中有我们定义tab的名称，id等内容。
结果如图所示：
image.png614399108.png

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

组件版在线表格编辑器添加新的Tab

0 个回复

讲师达人

悬赏达人

微信认证勋章

SpreadJS 认证

SpreadJS 高级认证

元老葡萄