jQuery MiniUI

标题: progressbar超过100%问题 [打印本页]

---

作者: he342989854    时间: 2016-11-24 22:03:35     标题: progressbar超过100%问题

我在treegrid使用了progressbar，也渲染好了，输入数字后，progressbar动态变化，问题来了，当我输入值使progressbar为600%时，点击progressbar按钮，会自动变为100%，那么如果操作这个progressbar按钮，使得它不改变，我这个progressbar是不可编辑的。[attach]8414[/attach][attach]8415[/attach]

---

作者: wise    时间: 2016-11-25 08:58:48

再加一列：超出经费比例。。。

---

作者: dforce    时间: 2016-11-25 09:19:40

wise 发表于 2016-11-25 08:58
再加一列：超出经费比例。。。

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

---

作者: he342989854    时间: 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%。这是什么原因呢，两者有何差别。

---

作者: dforce    时间: 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

---

欢迎光临 jQuery MiniUI (http://miniui.com/discuss/)

Powered by Discuz! X2