FineUI 官方论坛

标题: 【已确认】如何明确标识新增行，你说了算！ [打印本页]

作者: kinsonlr 时间: 2018-8-2 16:17
标题: 【已确认】如何明确标识新增行，你说了算！
通过前台 GetAddNewRecordReference(defaultObj, true);新增的行只能从字面上看出区别。
能否实现就是左上角有个红点。这样方便知道当前grid 是未保存状态。

作者: kinsonlr 时间: 2018-11-22 15:52
难道没人和我有一样的疑惑吗？

作者: sanshi 时间: 2018-11-24 16:48

kinsonlr 发表于 2018-11-22 15:52
难道没人和我有一样的疑惑吗？

嗯，你一说还真是这么回事。有没有可以参考的实现方式，最好是别人的已经实现的效果可以参考

作者: kinsonlr 时间: 2018-11-29 16:49
想了很多方法，都不能实现。
因为单元格开放出来的事件无论是JS 的还有 c# 的我看过没有什么办法可以手动加红色小三角。
最后我只能添加个默认字段 field 并把该字段的默认值设置为 * ，放在行号前面。通过这个方式来区分是否是前台新增行
[attach]11706[/attach]

作者: sanshi 时间: 2018-11-29 21:50

kinsonlr 发表于 2018-11-29 16:49
想了很多方法，都不能实现。
因为单元格开放出来的事件无论是JS 的还有 c# 的我看过没有什么办法 ...

红色小三角用于标识修改的单元格，如果再用来标识新增行就容易混淆了。
不知道类似下面，在行前面增加一个红色的点是否合适？
[attach]11685[/attach]

或者用绿色的点标识新增行也行，你觉得哪？或者你有更好的建议？
[attach]11686[/attach]

------------------------------
在黑色背景下：
[attach]11687[/attach][attach]11688[/attach]

作者: sanshi 时间: 2018-11-29 22:03
左侧显示竖线的效果：
[attach]11690[/attach][attach]11689[/attach]

作者: zy32002 时间: 2018-11-30 10:00
建议2种都保留

作者: lyz419061050 时间: 2018-11-30 10:03

sanshi 发表于 2018-11-29 22:03
左侧显示竖线的效果：

我觉得红色的竖线好像好看点

作者: yalehorance 时间: 2018-11-30 10:03
用户使用方便来讲，新增行默认放在最上面比较好。
除了新增一个标识来体现的话，是不是也可以考虑整行的颜色区分。
比如加一点浅色系的行背景色。
另外或者使用带颜色的线条框住新增行的数据。

作者: aqsoft 时间: 2018-11-30 10:06
用小绿点吧

作者: sanshi 时间: 2018-11-30 10:07

yalehorance 发表于 2018-11-30 10:03
用户使用方便来讲，新增行默认放在最上面比较好。
除了新增一个标识来体现的话，是不是也可以考虑整行的颜 ...

新增时可以指定放到最上面，还是最下面

背景色区分有点麻烦，因为不同主题的背景色不同，因此大面积用色在某些主题下会很突兀

作者: sanshi 时间: 2018-11-30 10:11

aqsoft 发表于 2018-11-30 10:06
用小绿点吧

为什么不是红点？

作者: capfhz 时间: 2018-11-30 11:13
坚线好点，或都保留，给个配置项，喜欢谁就用谁

作者: capfhz 时间: 2018-11-30 11:16
本帖最后由 capfhz 于 2018-11-30 11:36 编辑

如果为了和主题实现统一，可以在行首，放一个小三角，放小*感觉不如放竖线

作者: houxw 时间: 2018-11-30 11:39
新增行内文本字体加粗bolder，保存后恢复正常

作者: kinsonlr 时间: 2018-11-30 11:52
受宠若惊。。突然得到各种关注。

因为一行都是新行那么如果只标识在前头外框上，感觉容易被忽略如果是用红线那么需要加粗一下。

话说回来只要能区分就是好事，红线红* 都可以。

搬小板凳坐等大神拍板。

作者: alpha 时间: 2018-11-30 12:25
或者表格下边框不同颜色或样式标注呢？

作者: sanshi 时间: 2018-11-30 12:37

capfhz 发表于 2018-11-30 11:16
如果为了和主题实现统一，可以在行首，放一个小三角，放小*感觉不如放竖线 ...

放三角不行哦，比如第一列就是可编辑单元格的情况，这个小三角就没法区分了

作者: sanshi 时间: 2018-11-30 15:31
经过大家的集思广益，最终决定在行首放一个星号（*）来标识新增行，星号的颜色随着主题的改变而改变！

特别感谢知识星球的用户【哎呦喂，那个没有啊! 】的提醒，决定了最终采用星号的方式：

Winform用的是"*",还是用黑色大一点的星星吧，红星星放这里会有错觉。

[attach]11694[/attach]

部分主题下的效果截图：
[attach]11695[/attach]
[attach]11696[/attach]

[attach]11697[/attach]

[attach]11698[/attach]

[attach]11699[/attach]

[attach]11700[/attach]

[attach]11701[/attach]

[attach]11702[/attach]

[attach]11703[/attach]

[attach]11704[/attach]

对于拥护行首显示竖线的网友，也不要灰心，你可以通过简单的CSS来把这个星号改为竖线的！

---------------------这个功能会出现在 FineUIPro/Mvc/Core v5.4.0 中，请耐心等待。

作者: 老泡菜坛子 时间: 2018-11-30 15:39

很不错。。。

作者: hyjchina 时间: 2018-11-30 16:26

sanshi 发表于 2018-11-30 15:31
经过大家的集思广益，最终决定在行首放一个星号（*）来标识新增行，星号的颜色随着主题的改变而改变！

特 ...

建议不是能过CSS来改，在表格控件中增加个属性较好。

作者: sanshi 时间: 2018-11-30 17:20

hyjchina 发表于 2018-11-30 16:26
建议不是能过CSS来改，在表格控件中增加个属性较好。

特殊需求特殊处理，正常情况下还是推荐用FineUIPro默认的显示效果

欢迎光临 FineUI 官方论坛 (https://fineui.com/bbs/)