picker(选择器)

mui框架扩展了pipcker组件,可用于弹出选择器,在各平台上都有统一表现.poppicker和dtpicker是对picker的具体实现

*;)poppicker组件依赖mui.picker.js/.css mui.poppicker.js/.css请务必在mui.js/css后中引用,也可统一引用 压缩版本:mui.picker.min.js

popPicker

适用于弹出单级或多级选择器

快速体验

通过new mui.PopPicker()初始化popPicker组件

  1. var picker = new mui.PopPicker();

给picker对象添加数据

setData() 支持数据格式为: 数组;)

  1. picker.setData([{value:'zz',text:'智子'}]);

显示picker

  1. picker.show( SelectedItemsCallback )

实例

  1. var picker = new mui.PopPicker();
  2. picker.setData([{value:'zz',text:'智子'}]);
  3. picker.show(function (selectItems) {
  4. console.log(selectItems[0].text);//智子
  5. console.log(selectItems[0].value);//zz
  6. })

API详解

  • [

    new PopPicker({PopPicker.options}})

    ](#on-events-selector-data-handler)

    • layer

      Type: Int;)

      picker显示列数

    • buttons

      Type: Array;)

      picker显示按钮

      如:new mui.PopPicker({buttons:['cancle','ok']})

  • [

    setData([data])

    ](#on-events-selector-data-handler)

    • 参数:data

      Type: Array;)

      填充数据

      如:picker.setData([{value:'zz',text:'智子'}])

      data格式