鼠标移入单元格显示tip以及怎么设置列的最小宽度问题

收藏

你好！
我这边使用贵公司产品时遇到两个问题，希望能帮忙解决，多谢。。。

1.我们公司产品有个需求，就是，鼠标移到那个单元格，哪该单元格的内容会显示在tip里（就是在鼠标箭头旁边显示单元格内容，和HTML中的img标签里的title属性那样，移入图片，就在鼠标箭头旁边显示title内容），tip里的提示内容是随着单元格的内容变化的。

2.能不能设置列的最小宽度，当手动拖拽缩小某列列宽到一定程度，就不能继续缩小，还有单元格里的内容超过列宽时，怎么让它在后面显示三个点...

Clark.Pan · Clark.Pan

您好：

第一个问题：
您参考一下这个demo:
http://runjs.cn/code/p1vf6r6y 这个demo能满足您的需求，您只需根据您的情况更换一下demo中tooltips显示的内容即可。

第二个问题：
可以绑定事件，在事件中判断。
spread.bind(GC.Spread.Sheets.Events.ColumnWidthChanged, function (sender, args) {
            var changedCols = args.colList, sheet = args.sheet;
            changedCols.forEach(function (colIndex) {
                  if (sheet.getColumnWidth(colIndex) < 50) {
                     sheet.setColumnWidth(colIndex, 50);
                  }
            })
         });
您说得显示不下用...的问题，您参考一下附件的demo,然后两个结合起来使用就OK了

回复 · 410863605

这两个没问题，，我现在又碰到一个问题，就是我们这边单元格类型设置为Base类型(不可编辑),在function paint(ctx, value, x, y, w, h, style, context) {}函数中，对某一列设置style.wordwrap = true,让它能自动换行，问题出现在，我这一列有些单元格可以编辑，然后我通过createEditorElement函数中对可编辑的单元格返回一个input标签，让其可输入值，不过这样设置可编辑单元格后，自动换行失效了，，那些不可编辑的单元格自动换行还是生效的，，这种怎么解决呢？

Clark.Pan · Clark.Pan

410863605 发表于 2017-8-23 22:16
这两个没问题，，我现在又碰到一个问题，就是我们这边单元格类型设置为Base类型(不可编辑),在function pain ...

您好，鉴于目前您的问题，您能否提供一个简单demo,我根据您写的逻辑具体帮您调一下。

回复 · 410863605

你好，，这个Demo连基本的换行都没实现，好奇怪。。。麻烦帮忙看看。。。谢谢

Clark.Pan · Clark.Pan

您好，这个问题正在处理中，预计星期一会有结果，到时给您答复。

回复 · 410863605

好的，麻烦了。。。。还有这种滚动条滚动到后面会有空白，能不能解决？就是让内容刚好沾满，，滚动到最后不会出现空白（我们这边切成页面，虽然滚动到后面空白没那么大，还是会有一段距离，领导叫优化一下）

Clark.Pan · Clark.Pan

第一个问题：
您需要继承FivePointedStarCellType.prototype = new spreadNS.CellTypes.Text();而不是FivePointedStarCellType.prototype = new spreadNS.CellTypes.Base(); 因为Base中没有换行的功能，只有最基本的一些属性。
第二个问题您需要设置
spread.scrollbarMaxAlign(true);

回复 · 410863605

这个，，我们项目刚开始是继承Text()，后来不知道是什么原因，选择了继承Base(),改过来比较麻烦，而且快要上线了，除了换成继承Text()，没有其他可行方法吗？

回复 · 410863605

空白那个，我在demo上试了一下，效果是有，不过还是会留有一些空白，没能完全占满，还能继续优化吗？

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

[已处理] 鼠标移入单元格显示tip以及怎么设置列的最小宽度问题

21 个回复

浏览过的版块

讲师达人

悬赏达人

微信认证勋章

SpreadJS 认证

SpreadJS 高级认证

元老葡萄