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/) Powered by Discuz! X3.4