API Docs for: 0.2
Show:

JC.NumericStepper Class

数值加减
响应式初始化

require: jQuery , JC.common , JC.BaseMVC

JC Project Site | API docs | demo link

页面只要引用本脚本, 默认会处理 (div|span) class="js_compNumericStepper"

可用的 HTML attribute

cnsMinusButton = selector
减少数值的 selector
cnsPlusButton = selector
增加数值的 selector
cnsTarget = selector
目标文本框的 selector
cnsChangeCb = function
内容改变后的回调
function cnsChangeCb( _newVal, _oldVal, _ins ){
   var _ipt = $(this);
   JC.log( 'cnsChangeCb: ', _newVal, _oldVal );
}
cnsBeforeChangeCb = function
内容改变前的回调, 如果显式返回 false 将终止内容变更
function cnsBeforeChangeCb( _newVal, _oldVal, _ins ){
   var _ipt = $(this);
   JC.log( 'cnsBeforeChangeCb: ', _newVal, _oldVal );
   if( _newVal > 5 ) return false;
}

textbox 可用的 HTML attribute

minvalue = number
最小值
maxvalue = number
最大值
step = number, default = 1
每次变更的步长
fixed = int, default = 0
显示多少位小数点

Constructor

JC.NumericStepper

(
  • _selector
)

Parameters:

Example:

   <h2>JC.NumericStepper 示例</h2>
   <span class="js_compNumericStepper"
       cnsMinusButton="|button:first"
       cnsPlusButton="|button:last"
       cnsTarget="|input[type=text]"
       cnsChangeCb="cnsChangeCb"
       >
       <button type="button" class="cnsIcon cnsMinus"></button>
       <input type="text" value="0" class="ipt" minvalue="0" maxvalue="10" />
       <button type="button" class="cnsIcon cnsPlus"></button>
   </span>

Methods

_beforeInit

() private

初始化之前调用的方法

_init

(
  • _selector
)
private

内部初始化方法

Parameters:

  • _selector Selector

_inited

() private

内部初始化完毕时, 调用的方法

_initHanlderEvent

() private

内部事件初始化方法

init

(
  • _selector
)
Array of NumericStepperInstance static

初始化可识别的 NumericStepper 实例

Parameters:

  • _selector Selector

Returns:

Array of NumericStepperInstance:

minus

()

减少一个 step

notification

(
  • _evtName
  • _args
)

通知选择器有新事件
JC 组件以后不会在 HTML 属性里放回调, 改为触发 selector 的事件

Parameters:

notificationHandler

(
  • _evtName
  • _args
)

通知选择器有新事件, 有返回结果
JC 组件以后不会在 HTML 属性里放回调, 改为触发 selector 的事件

Parameters:

Returns:

:

on

(
  • _evtName
  • _cb
)

使用 jquery on 绑定事件

Parameters:

Returns:

BaseMVCInstance

plus

()

增加一个 step

selector

()

获取 显示 BaseMVC 的触发源选择器, 比如 a 标签

Returns:

selector

trigger

(
  • _evtName
  • _args
)

使用 jquery trigger 触发绑定事件

Parameters:

Returns:

BaseMVCInstance

triggerHandler

(
  • _evtName
  • _args
)

使用 jquery triggerHandler 触发绑定事件

Parameters:

Returns:

:

Properties

redoMs

Ms static

按下鼠标时 重复执行的频率

Default: 100

timeoutMs

Ms static

按下鼠标时 延迟 多少毫秒执行重复执行

Default: 100