API Docs for: 0.2
Show:

window.Bizs.DropdownTree Class

树菜单 形式模拟下拉框

require: JC.BaseMVC , JC.Tree

JC Project Site | API docs | demo link

页面只要引用本脚本, 默认会自动处理 div class="js_bizDropdownTree"

可用的 HTML attribute

bdtData = json, window 变量域
初始化的数据变量名
数据格式:
            {
                 root: [ id, label ]
                 data: {
                     id: [ [id, label], [id, label]... ] 
                     , id: [ [id, label], [id, label]... ]...
                 }
             }
bdtDefaultLabel = string
用于显示的 默认 label
bdtDefaultValue = string
默认选中 ID
bdtLabel = selector, default = "|.bdtLabel"
树的 label
bdtInput = selector, default = "|.bdtInput"
保存树 ID的 input
bdtTreeBox = selector, default = "|.bdtTreeBox"
树的 node

Constructor

window.Bizs.DropdownTree

(
  • _selector
)

Parameters:

Example:

   <div class="bdtBox js_bizDropdownTree" bdtData="treeData1" bdtDefaultLabel="请选择" bdtDefaultValue="0">
       <i class="bdtIcon"></i>
       <span class="bdtLabel"></span>
       <input type="hidden" name="tree03" value="" class="bdtInput" />                                                
       <div class="bdtTreeBox"></div>
   </div>

Methods

_beforeInit

() private

初始化之前调用的方法

_init

(
  • _selector
)
private

内部初始化方法

Parameters:

  • _selector Selector

_inited

() private

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

_initHanlderEvent

() private

内部事件初始化方法

clear

()

清除选择数据

hide

()

隐藏 树弹框

init

(
  • _selector
)
Array of DropdownTreeInstance static

初始化可识别的 DropdownTree 实例

Parameters:

  • _selector Selector

Returns:

Array of DropdownTreeInstance:

label

()

获取选中的 label

Returns:

string

notification

(
  • _evtName
  • _args
)

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

Parameters:

notificationHandler

(
  • _evtName
  • _args
)

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

Parameters:

Returns:

:

on

(
  • _evtName
  • _cb
)

使用 jquery on 绑定事件

Parameters:

Returns:

BaseMVCInstance

selector

()

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

Returns:

selector

show

()

显示 树弹框

toggle

()

显式/隐藏 树弹框

trigger

(
  • _evtName
  • _args
)

使用 jquery trigger 触发绑定事件

Parameters:

Returns:

BaseMVCInstance

triggerHandler

(
  • _evtName
  • _args
)

使用 jquery triggerHandler 触发绑定事件

Parameters:

Returns:

:

update

(
  • _data
  • _selectedId
)

更新树菜单数据

Parameters:

  • _data Json
  • _selectedId String

val

(
  • _nodeId
)
String of id

获取或设置 选中的 id

Parameters:

Returns:

String of id:

Events

DropdownTreeSelected

选择树节点时触发的事件

Event Payload:

Example:

       $( 'div.js_bizDropdownTree' ).each( function(){
           var _ins = JC.BaseMVC.getInstance( $(this), Bizs.DropdownTree );
               _ins 
                   && _ins.on( 'DropdownTreeSelected', function( _evt, _id, _name, _triggerSelector ){
                       JC.log( [ _evt, _id, _name ] );
                   });
       });