API Docs for: 0.2
Show:

window.Bizs.DisableLogic Class

这个应用将不再维护, 请使用 Bizs.ChangeLogic

Form Control禁用启用逻辑


应用场景

表单操作时, 选择某个 radio 时, 对应的 内容有效,
但选择其他 radio 时, 其他的内容无效
checkbox / select 也可使用( 带change事件的标签 )

require: JC.BaseMVC

JC Project Site | API docs | demo link

div 需要 添加 class="js_bizsDisableLogic"

box 的 HTML 属性

dltrigger
触发禁用/起用的control
dltarget
需要禁用/起用的control
dlhidetarget
需要根据禁用起用隐藏/可见的标签
dldonecallback = function
启用/禁用后会触发的回调, window 变量域
function dldonecallback( _triggerItem, _boxItem ){
   var _ins = this;
   JC.log( 'dldonecallback', new Date().getTime() );
}
dlenablecallback = function
启用后的回调, window 变量域
function dlenablecallback( _triggerItem, _boxItem ){
   var _ins = this;
   JC.log( 'dlenablecallback', new Date().getTime() );
}
dldisablecallback = function
禁用后的回调, window 变量域
function dldisablecallback( _triggerItem, _boxItem ){
   var _ins = this;
   JC.log( 'dldisablecallback', new Date().getTime() );
}

trigger 的 HTML 属性

dldisable = bool, default = false
指定 dltarget 是否置为无效
还可以根据这个属性 指定 dlhidetarget 是否显示
dldisplay = bool
指定 dlhidetarget 是否显示
dlhidetargetsub = selector
根据 trigger 的 checked 状态 显示或者隐藏 dlhidetargetsub node

hide target 的 HTML 属性

dlhidetoggle = bool, false
显示或显示的时候, 是否与他项相反
dlDisableToggle = bool, default = false
disabled 的时候, 是否与他项相反

Constructor

window.Bizs.DisableLogic

()

Example:

   <div class="js_bizsDisableLogic"
       dltrigger="/input[type=radio]"
       dltarget="/input.js_disableItem"
       >
       <label>
           <input type="radio" name="discount" checked  
           dldisable="true"
           />自本协议签订之日起10日内生效
       </label> <br>
       <label>
           <input type="radio" name="discount" 
           dldisable="false"
           />生效时间点
       </label>
       <input type="text" class="ipt js_disableItem" datatype="date" value=""
       /><input type="button" class="UXCCalendar_btn">
   </div>

Item Index

Methods

Methods

getInstance

(
  • _selector
)
DisableLogic instance static

获取或设置 DisableLogic 的实例

Parameters:

  • _selector Selector

Returns:

DisableLogic instance:

init

(
  • _selector,
)
static

初始化 _selector | document 可识别的 DisableLogic HTML属性

Parameters:

  • _selector, Selector

    default = document

on

(
  • _evtName
  • _cb
)

使用 jquery on 绑定事件

Parameters:

Returns:

DisableLogicInstance

selector

()

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

Returns:

selector

trigger

(
  • _evtName
)

使用 jquery trigger 绑定事件

Parameters:

Returns:

DisableLogicInstance