microbee-http 丨 软件开发框架
microbee-http 丨 软件开发框架 > 快速开始 > MICROBEE-FRONT > 框架工具组件 > 搜索框

搜索框

参数说明：

参数说明类型可选值
ele_id挂载元素的idString必填
data数据集合；
Type:类型；（input输入框,select下拉选择,date时间选择,button搜索按钮,submit自定义名称的搜索按钮,reset重置按钮）
Key:关键字，对应的字段名设置；
prompt：提示语；options是select的选项内容；
var zuhedata = [
{type:'input',key:'keyname',prompt:'请输入关键字',},
{type:'select',key:'keytype',prompt:'请选择类型',
options:[{ name:'项目aa', value:1, },{ name:'项目bb', value:2, },],
},
{type:'date',key:'start_date',prompt:'开始时间',},
{type:'date',key:'end_date',prompt:'结束时间',},
{type:'button',key:'subbtn',prompt:'搜索',}
];		Array必填
callback成功回调函数————

用法实例：

 

<div id="searchpupo"></div>
                // 搜索框
                var zuhedata = [
                  {
                    type: "input",
                    key: "keyname",
                    prompt: "请输入关键字",
                  },
                  {
                    type: "select",
                    key: "keytype",
                    prompt: "请选择类型",
                    options: [
                      { name: "项目aa", value: 1 },
                      { name: "项目bb", value: 2 },
                    ],
                  },
                  {
                    type: "date",
                    key: "start_date",
                    prompt: "开始时间",
                  },
                  {
                    type: "date",
                    key: "end_date",
                    prompt: "结束时间",
                  },
                  {
                    type: "button",
                    key: "subbtn",
                    prompt: "搜索",
                  },
                  {
                    type: "reset",
                    key: "subbtn2",
                    prompt: "重置2",
                  },
                ];
                McrbHttpClient.searchfn.compopu({
                  ele_id: "searchpupo",
                  data: zuhedata,
                  callback: function (e) {
                    console.log(e);
                  },
                });

效果展示:

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