# SearchBox 查询组件
# 1、基本使用
# 2、查询组件---页面无元素渲染方式
普通的输入框
▼显示代码
# 参数列表
| 参数 | 说明 | 类型 | 可选值 | 默认值 |
|---|---|---|---|---|
| size | 搜索框的大小(9.0 新增) | String | L,M | M |
| top | 离界面顶部的距离 | number | 自定义 | 0 |
| right | 离界面右边的距离 | number | 自定义 | 0 |
| left | 离界面的左边的距离 | number | 自定义 | 0 |
| searchHandler | 点击查询按钮触发的函数 | function | 自定义 | |
| onchange | 条件变化时的回调函数 | function | 自定义 | |
| conditions | 查询输入条件数组 | Array | 自定义 | [] |
| conditions的参数 | id【字段id】 | Array | 自定义 | Json |
| name | String | 自定义 | ||
| type 【查询输入类型】 | datemulti/select/selectPeople/input/custom/customPanel | input | ||
| text【字段名称】 | String | 自定义 | ||
| validate【输入框不验证特殊】 | String | 自定义 | ||
| value | String | 自定义 | ||
| maxLength | String | 自定义 | ||
| ifFormat【日期格式】 | String | 自定义 | %Y-%m-%d %H:%M | |
| conditionOptions【是否需要查询模式】 | boolean | false/true | false |
# 方法列表
| 方法名 | 说明 | 参数 1 | 参数 2 | 例子 |
|---|---|---|---|---|
| searchobj.g.getReturnValue | 获取查询返回的相应信息, 需要searchObj.g来调用 | searchObj.g.getReturnValue(); 返回格式 { 'type': '类型', 'condition': '查询条件', 'value': '查询值',conditionVal:'查询模式'} | ||
| searchobj.g.destroySearch | 销毁当前组件,比如界面上需要删除当前组件重新渲染就需要通过这个方法进行销毁 | |||
| searchobj.g.hideItem | 隐藏select下拉项 参数1:选项的id 参数2:是否初始化为默认项 | |||
| searchobj.g.showItem | 显示select下拉项,参数为:选项的id | |||
| searchobj.g.setCondition | 设置条件默认值 | searchobj.g.setCondition('datetime', '2012-10-25 17:49', '2012-10-25 17:49'); | ||
| searchobj.g.clearCondition | 清空条件值 |