登录/注册

首页 › SpreadJS & GcExcel专区 › 求助中心 › 查看内容

120 主题	308 帖子	968 积分

积分: 968

5511
金币
120
主题
308
帖子

最新发帖

[已处理] 菜单箭头方向更改

gnip
中级会员 / 发表于：2024-6-28 18:09 / 查看：1014 / 回复：9

1金币

image.png297833556.png

这个箭头方向我想改成和边框一样，在右边，这咋设置呢

最佳答案

查看完整内容

您好，试了下，加上bigButton ,才会生效

收藏

回复

9 个回复

倒序浏览

最佳答案

最佳答案

Ellia.Duan
超级版主 / 发表于：2024-6-28 18:09:38 来自 8^#

您好，试了下，加上bigButton ,才会生效

image.png496087340.png

image.png496087340.png

回复 使用道具举报

eat_grape_5
高级会员 / 发表于：2024-7-1 10:05:50 2^#

可以通过设置相应标签样式float为right实现，具体地：
1. 分析原生样式层级设置，如下图所示为SpreadJS在线表格编辑器中“粘贴”选项下拉框的样式设置以及相关层级关系；
2. 通过document.querySelector或document.querySelectorAll方法，根据样式class名称沿着样式层级关系获取“粘贴”选项下拉框元素；
3. 为该元素设置float属性为right，令其悬浮至父容器内部的右侧。
1719799226638.png154808043.png

1719799226638.png154808043.png

可参考如下代码：

const gcRibbonBar = document.querySelector(".gc-ribbon-bar");
const gcRibbonChild = gcRibbonBar.querySelectorAll(".ribbon-button-hover-item.vertical");
const gcRibbonPaste = gcRibbonChild[1];
const gcRibbonPasteIcon = gcRibbonPaste.querySelector(".ribbon-custom-triangle2");
gcRibbonPasteIcon.style.float = "right";

复制代码

回复 使用道具举报

gnip
中级会员 / 发表于：2024-7-1 10:28:06 3^#

eat_grape_5 发表于 2024-7-1 10:05
可以通过设置相应标签样式float为right实现，具体地：
1. 分析原生样式层级设置，如下图所示为SpreadJS在 ...

不行，我要的效果是文字不要，箭头在图标右对齐，官方有没有对应的接口去改，这种直接dom改动会影响其他布局

回复 使用道具举报

gnip
中级会员 / 发表于：2024-7-1 13:32:42 4^#

gnip 发表于 2024-7-1 10:28
不行，我要的效果是文字不要，箭头在图标右对齐，官方有没有对应的接口去改，这种直接dom改动会影响其他 ...

image.png476993102.png

这是我最终想要实现的效果

image.png167859801.png

image.png974379882.png

image.png501616210.png

回复 使用道具举报

Ellia.Duan
超级版主 / 发表于：2024-7-1 14:21:43 5^#

本帖最后由 Ellia.Duan 于 2024-7-1 14:28 编辑

您好，"单元格合并"是否是您想要的效果， image.png847095031.png

image.png847095031.png

如果是的话，您可以查询单元格合并的node结点信息，如:
image.png840297241.png

image.png840297241.png

以及获取mergeCenter命令
image.png631801452.png

image.png631801452.png

您可以仿照此结构重写粘贴。

image.png473609313.png

image.png473609313.png

let command = GC.Spread.Sheets.Designer.getCommand('pasteAll')
command.direction='horizontal'
config.commandMap = {
'pasteAll': command
}
designer.setConfig(config)

复制代码

回复 使用道具举报

gnip
中级会员 / 发表于：2024-7-1 15:46:35 6^#

Ellia.Duan 发表于 2024-7-1 14:21
您好，"单元格合并"是否是您想要的效果，
如果是的话，您可以查询单元格合并的node结点信息，如:

感谢大佬啊，困扰了几天的问题

回复 使用道具举报

gnip
中级会员 / 发表于：2024-7-1 16:43:43 7^#

本帖最后由 Ellia.Duan 于 2024-7-2 18:43 编辑

gnip 发表于 2024-7-1 15:46
感谢大佬啊，困扰了几天的问题

垂直改水平没问题，但是水平改垂直有点问题 image.png437142943.png

image.png437142943.png

，想和查找一样，上中下，但是没生效 image.png584579467.png

image.png584579467.png

，两种写法都不行

回复 使用道具举报

gnip
中级会员 / 发表于：2024-7-2 19:31:42 9^#

Ellia.Duan 发表于 2024-7-2 18:41
您好，试了下，加上bigButton ,才会生效

感谢，可以啦

回复 使用道具举报

Joestar.Xu
超级版主 / 发表于：2024-7-3 10:58:44 10^#

好的，那就先结贴了，后续有其他问题的话随时开新帖提问哈。

回复 使用道具举报