jQuery MiniUI

 找回密码
 立即注册
查看: 4435|回复: 4
打印 上一主题 下一主题

progressbar超过100%问题 [复制链接]

Rank: 2

跳转到指定楼层
楼主
发表于 2016-11-24 22:03:35 |只看该作者 |倒序浏览
我在treegrid使用了progressbar,也渲染好了,输入数字后,progressbar动态变化,问题来了,当我输入值使progressbar为600%时,点击progressbar按钮,会自动变为100%,那么如果操作这个progressbar按钮,使得它不改变,我这个progressbar是不可编辑的。
附件: 你需要登录才可以下载或查看附件。没有帐号?立即注册

Rank: 4

沙发
发表于 2016-11-25 08:58:48 |只看该作者
再加一列:超出经费比例。。。

Rank: 8Rank: 8

板凳
发表于 2016-11-25 09:19:40 |只看该作者
wise 发表于 2016-11-25 08:58
再加一列:超出经费比例。。。

这只是绘制效果,不是功能控件,请绘制的时候自行控制,
比如如果值大于100%,那么就强制到100%或者绘制不同的内容

Rank: 2

地板
发表于 2016-11-25 14:06:01 |只看该作者
dforce 发表于 2016-11-25 09:19
这只是绘制效果,不是功能控件,请绘制的时候自行控制,
比如如果值大于100%,那么就强制到100%或者绘制 ...

我想了个法子,用readonly属性不让用户点击,就不会出现点击600%又会变回100%的情况,目前有两种情况,{ field:"pet"+month,headerAlign: "center",header:"累计计划执行进度(%)",readOnly:"true",
                           editor: {type: "progressbar", style: "width:100%"}
                      }]}; ,这里构造的时候添加readonly属性是可以实现只读。还有一种情况,<div field="actualPet" name="actualPet" width="200" headerAlign="center" align="left">
累计实际执行进度(%) <input property="editor" class="mini-progressbar" readOnly
        style="width:100%;"/></div>,页面构造时添加readonly却不行,还是能够点击,使600%变为100%。这是什么原因呢,两者有何差别。

Rank: 8Rank: 8

5#
发表于 2016-11-25 14:12:12 |只看该作者
he342989854 发表于 2016-11-25 14:06
我想了个法子,用readonly属性不让用户点击,就不会出现点击600%又会变回100%的情况,目前有两种情况,{  ...

表格没有progressbar编辑器,请参考示例绘制进度条效果, 而不是用mini-progressbar
http://www.miniui.com/demo/#src=treegrid/drawcell.html

Archiver|普加软件

GMT+8, 2025-7-29 23:43 , Processed in 1.043773 second(s), 10 queries .

Powered by Discuz! X2

© 2001-2011 Comsenz Inc.

回顶部