企業微信weui picker簡單例子

1、引用js,css

 <link rel="stylesheet" href="//res.wx.qq.com/open/libs/weui/1.1.2/weui-for-work.min.css">
 <script language="javascript" type="text/javascript" src="//res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>
 <script src="//res.wx.qq.com/open/libs/weuijs/1.1.0/weui.min.js"></script>

上面的1.1.0不要升級成1.2.0，不然樣式會錯亂，也不要使用1.0.0，有bug,在電腦端企業微信下不能滾動。

2、js代碼，

示例1：

$('#showPicker').on('click', function () {
        weui.picker([{
            label: '飛機票',
            value: 0
        }, {
            label: '火車票',
            value: 1
        }, {
            label: '的士票',
            value: 2
        }, {
            label: '其他',
            value: 4
        }], {
            onChange: function (result) {
                console.log(result);
            },
            onConfirm: function (result) {
                console.log(result);
            },
            title: '選擇'
        });
    });

 示例2：

let showPerson = [];
        for (let i = 0; i < person.length; i++) {
            let item = { label: person[i].Value, value: person[i].Key };
            showPerson.push(item);
        }
        $('#drpPerson').on('click', function () {
            console.log('e');
            weui.picker(showPerson, {
                    onOpen: function (p) {
                        renderTxlBind();
                    },
                    onClose: function (p) {
                        if (p.length > 0) {
                            $("#drpPerson").html(p[0].label);
                            $("#drpPerson").attr("data-values", p[0].value);
                            renderTxlBind();
                        }
                    },
                    onChange: function (p) {
                        if (p.length>0) {
                            $("#drpPerson").html(p[0].label);
                            $("#drpPerson").attr("data-values", p[0].value);
                            renderTxlBind();
                        }
                    },
                title: '選擇審核人'
            });
            renderTxlBind();
        });