xm-select/docs/mds/XM20.md
maplemei 9b55425ebb v1.0.6
#### 新增

- 新增`showCount`配置, 可以控制选项的数量, 提高渲染性能
- 新增分组模式, 可以在选项中使用`optgroup`或`children`来开启, 分组时不建议开启分页模式
- 远程搜索中新增`show`参数, 可以查看当前下拉框是否显示

#### Bug fixes

- 修复工具条中`全选`和`清空`还可以操作禁用选项的问题
- 修复远程搜索中`selected`不回显的问题
2019-10-14 19:05:40 +08:00

1009 B

选项显示数量

:::tip 当数量量过大时, 又不想使用分页的形式, 就可以控制显示数量, 用搜索的方式把最适合的数据展示出来

!!! 此处与分页配置互斥, 开启分页后, 此配置无效

!!! 使用此配置时建议开启搜索模式, 否则无法显示全部数据 :::

:::demo

<div id="demo1" class="xm-select-demo"></div>
<div>可以搜索 1, 2, 3看看效果</div>

<script>
var demo1 = xmSelect.render({
    el: '#demo1', 
    filterable: true,
	showCount: 5,
    data: [
        {name: '张三1', value: 1, selected: true},
        {name: '李四1', value: 2, selected: true},
        {name: '王五1', value: 3},
        {name: '赵六1', value: 4},
        {name: '苹果2', value: 5},
        {name: '香蕉2', value: 6},
        {name: '凤梨2', value: 7},
        {name: '葡萄2', value: 8},
        {name: '樱桃3', value: 9},
        {name: '车厘子3', value: 10},
        {name: '火龙果3', value: 11},
    ]
})
</script>

:::