关于FlexSheet / FlexGrid的一些疑问

TonyKang · 发表于 2017-1-17 10:28:13

我们公司最近打算把主打产品（桌面系统）搬到web上，正在技术选型中，现在主要问题卡在一个清单控件上：

上面是桌面系统的一个清单界面，这是一个树 + grid的复合结构，可折叠。主要要求如下：
1. 数据可从excel拷贝及导入，当然反向操作也是必须的。（这是重点中的重点）。
2. 头部可合并，文字对齐，看图就应该能明白滴。
3. 左边序号自动显示或者可控，这个跟excel的一样。
4. 行的颜色根据清单层次可控。
5. 可方便地进行增删改操作。

我先前研究了一下Demo，觉得基本上FlexGrid应该能满足大部分功能，但估计FlexSheet才是真正能完成所有功能。
主要是对API不熟，希望能得到你们及时的建议和帮助。十分感谢！

Alice · 发表于 2017-1-17 15:11:04

不好意思回复晚了。
从您的意思来看，是想使用Wijmo5的flexgrid或flexsheet控件？
我帮您移到对应的平台。

flexgrid是很多用户都在用的控件，flexsheet是新出的控件。
从你图上看，有treeview的树形视图，flexgrid自带这个功能。
其他上两个控件很接近。
两个控件的接口API请参考文档：
http://wijmo.gcpowertools.com.cn ... mo.grid.Module.html

TonyKang · 发表于 2017-1-17 16:52:08

Hi Alice,
我个人也倾向于用FlexGrid, 感觉FlexSheet好难掌控，感觉要装载好多东西才行，自己做Demo的时候，连创建都搞不定，看了一些其他人的Demo，才稍微了解一点。
如果用FlexGrid的话，主要是要解决一下几个问题：
1. header的层次
有2层，可合并，显示文字居中
2. 左边的序号
类似于Excel的序号
3. 可单独选择一列数据copy
这个我估计有点麻烦，在你们的Demo中我可以选择一行，但无法选择一列。
4. 能隐藏指定columns
感觉是Code Demo少了些。还有你说的flexgrid自带的treeview树形试图，如何捣鼓? 求女神解惑。

如需要我可以另外单独给你一份业务数据。

Alice · 发表于 2017-1-17 17:51:45

TonyKang 发表于 2017-1-17 16:52
Hi Alice,
我个人也倾向于用FlexGrid, 感觉FlexSheet好难掌控，感觉要装载好多东西才行，自己做Demo的时候 ...

如果使用flexgrid，可以先看看我的系列博客初级篇介绍flexgrid如何使用，里面有你提到的几个问题。
http://blog.gcpowertools.com.cn/post/Wijmo5_Acticle.aspx

TonyKang · 发表于 2017-1-20 17:41:02

Hi Alice,
捣鼓了2天，FlexGrid算是入门了，能出来结果了。先谢谢女神的信息

不过现在有几个问题需要再深入的：
1. 生成tree后，不能直接编辑数据，这个有点

难道需要我写Editor?
2. 默认是打开所有的树节点，在数量比较多的情况下，performance有点差。我想在开始阶段这些父节点是收缩的，不要打开。自己找了下，没有找到相关switch。
3. 黑灰色的背景很沉重，是不是得在itemFormatter里去调整？
这几点能解决，我就基本可以做决定了，麻烦女神啦。

Alice · 发表于 2017-1-22 09:21:12

TonyKang 发表于 2017-1-20 17:41
Hi Alice,
捣鼓了2天，FlexGrid算是入门了，能出来结果了。先谢谢女神的信息
不过现在有几个问题需 ...

谢谢您的反馈。
1.默认树是只读的。如果想要树可以编辑。
就设置行的IsReadOnly属性为false，就可以编辑该行的树节点。
2.你可以使用FlexGrid.collapseGroupsToLevel 方法直接收缩你需要的节点。
3.不知道您说的黑灰色背景指的是什么？
样式是用itemFormatter 来设置，可以参考在线示例：
http://demos.wijmo.com/5/purejs/flexgridintro/flexgridintro/

TonyKang · 发表于 2017-1-22 15:02:24

试过了 isReadOnly 及 collapseGroupsToLevel属性，not works. 是不是版本问题？还是有其他相关属性也得先打开？有没有完整点的代码实例？背景样式我自己知道怎么调了，现在就差这2样，求女神搭救。

Alice · 发表于 2017-1-22 17:40:00

TonyKang 发表于 2017-1-22 15:02
试过了 isReadOnly 及 collapseGroupsToLevel属性，not works. 是不是版本问题？还是有其他相关属性也得先 ...

测试没有重现您提到的问题。
1.树可以编辑。
我测试下面的代码，可以实现树的编辑：

$scope.itemFormatter=function(p,r,c,cell){
p.rows[r].isReadOnly=false;
}

复制代码

2.折叠树可以参考帖子：
http://gcdn.gcpowertools.com.cn/showtopic-28102-1-1.html

TonyKang · 发表于 2017-1-23 17:34:20

谢谢Alice，现在是能得到我想要的样子了。
但是我发现了写一些缺陷：
1. 在copy数据到Excel时，我从第一行开始选择，按shift, 然后到我想要的范围，结果发现第一行总是选不上。
2. 在数据是折叠的时候，我跨节点选择了数据，ctrl+c, copy出来数据就是我看到的数据，但实际上我想要把折叠的节点数据也一起copy。
不知道这2点是bug还是我的操作问题，请女神答疑。

Alice · 发表于 2017-1-24 09:05:37

TonyKang 发表于 2017-1-23 17:34
谢谢Alice，现在是能得到我想要的样子了。
但是我发现了写一些缺陷：
1. 在copy数据到Excel时，我从第一 ...

1.重现不了，给个可以重现的Demo吧。
2.数据复制所见即所得，这点是设计。

[已处理] 关于FlexSheet / FlexGrid的一些疑问

本帖子中包含更多资源

GrapeCity

微信认证勋章

答侠葡萄

活力葡萄

活跃葡萄