microbee-http 丨 软件开发框架
microbee-http 丨 软件开发框架 > 快速开始 > MICROBEE-FRONT > 框架工具组件 > 下拉菜单

下拉菜单

功能介绍：

通过绑定某id元素渲染下拉菜单组件；

可设置组件宽、是否圆角、提示语、以及下拉菜单中的值；

选中后返回选中的值；

McrbHttpClient.searchfn.selectfn({id,width,isradius,placeholder},optData, callback)；

参数说明：

参数说明
id挂载元素id
width设置元素宽，默认值100px
isradiusTrue/false，是否设置圆角，默认false
placeholder设置提示语，默认“请选择”
optDataArray下来列表值的集合
如：var optData = [ { name:'项目aa', value:1, children:[ { name:'项目a1', value:10, }, { name:'项目a2', value:11, }, { name:'项目a3', value:12, } ] },{ name:'项目bb', value:2, children:[] } ]
callback回调函数：返回选中值

实例：

                //使用方法：可在当前页面的js中使用下面的方法
                McrbHttpClient.searchfn.selectfn({
                    id:'selectdemo',
                    width:'150px',
                    isradius:false,
                    placeholder:'请选择项目'
                }, optData, function(e){
                    console.log(e)
                })
                McrbHttpClient.searchfn.selectfn({
                    id:'selectdemo2',
                    width:'150px',
                    isradius:true,
                    placeholder:'请选择项目名称'
                }, optData, function(e){
                    console.log(e)
                })
            

效果展示：

 
 
本文档来自—microbee-http 丨 软件开发框架平台