ecomfe / moye

A Simple UI Library for ZX
73 stars 32 forks source link

Rating 星号评级控件需求汇总 #43

Closed oddjohn closed 9 years ago

oddjohn commented 9 years ago

百度教育评论: image

oddjohn commented 9 years ago

百度健康(这个地方用的不是moye的Rating组件): image

oddjohn commented 9 years ago

补充: Rating组件除了用星号,还能支持❤型这样的评级。 最小功能集合:

  1. 鼠标hover状态点亮的星星跟随鼠标位置,并提供hover的回掉方法;
  2. 鼠标选择之后,允许用户做一些操作,如提示之类的;
  3. 提供多种皮肤供选择,包括扁平化,拟物化等风格。

Rating组件属性与方法定义

属性

  1. {number} max
  2. {number} value
  3. {string} skin
  4. {bool} disabled
  5. {bool} readonly

接口

  1. {number} getValue()
  2. {number} setValue()
  3. disable()
  4. enable()

事件

change hover

// 是否可增加一种仅做展示的,支持小数点后一位的数字的评分功能

jinzhubaofu commented 9 years ago

仅做展示的评分控件是有需求的呀, 例如在百度财富这里有一个.

http://caifu.baidu.com/fund?tn=NONE&zt=self&fr=-&qid=1423489757455550

image

我这里没有做成moye的控件, 因为只有一个展现功能, 只有htmlcss就可以了.

不过, 我们后续可以把这种情况也包含在moye中, 也就是提供后端预渲染功能.

例如, 我们会提供一个smarty函数给大家来使用:

{%Rating data=$ratingConf%}

或者是提供etpltarget

<!-- use: Rating(data=${ratingConf}) -->

可以生成一个Rating的必要dom结构和相应的样式

<div class="ui-rating"> <!-- internal dom structure --> </div>

后续我们会安排一弹任务让大家来完成后端预渲染功能.

oddjohn commented 9 years ago

我考虑的是这种不是整1或整0.5的一种展示状态,例如下面这种 image

liulangyu90316 commented 9 years ago

setValue 会触发 change 事件么?

oddjohn commented 9 years ago

setValue就不触发change了吧,不然在change里面setValue那不是停不下来?

liulangyu90316 commented 9 years ago

我这边是有这样的需求的:需要提供接口,可以设置星星的选中,调用的时候,可以选择触发或者不触发change [http://koubei.baidu.com/w/tmall.com]()

jinzhubaofu commented 9 years ago

@oddjohn 这种不是0.5倍的也是一种需求吧, 应该会比较常用, 可以考虑纳入实现.