龙空技术网

YiAdmin后台快速开发框架 表格搜索框

YiAdmin 348

前言:

今天咱们对“css 搜索栏”可能比较关注,大家都需要了解一些“css 搜索栏”的相关资讯。那么小编也在网上网罗了一些对于“css 搜索栏””的相关文章,希望同学们能喜欢,同学们一起来了解一下吧!

列表通常需要从多个维度检索数据,YiAdmin提供了非常简便的方式渲染搜索框,支持常见的文本框、单选框、多选框、开关、范围、日期等组件。

比如文本框,只需要如下新增search属性即可,参数 s 表示检索方式,取值为:=,in,like,left like,right like,between,通常情况下无需其他修改,系统后台会自动处理

{..., search: {      type: 'input',      value: '', // 默认值,可省略,      s: '=', //检索方式,默认为=,可省略    }}

{ title: $lang('Plan No'), dataIndex: 'plan_no', key: 'plan_no', align: 'center', customRender: Yi.render.html, search: {   type: 'input', s: 'like'}},

search属性支持function类型,若返回值为false则不渲染搜索框,例如检索一个范围内的总金额

{ title: $lang('Total Price'), dataIndex: 'total_price', key: 'total_price', align: 'center', customRender: Yi.render.html, search: function() {    return {      type: 'inputs'    }} },

渲染结果为:

标签: #css 搜索栏 #css搜索框样式