1.0.0.0723

新增本地搜索模式
This commit is contained in:
maplemei
2019-07-23 19:35:09 +08:00
parent 2298537bb4
commit daca16b503
9 changed files with 193 additions and 11 deletions

View File

@@ -52,8 +52,16 @@
<div id="demo12"></div>
<h3>换一个主题</h3>
<div id="demo13"></div>
<div id="demo13"></div>
<h3>开启搜索模式</h3>
<div id="demo14"></div>
<h3>自定义搜索方法</h3>
<div id="demo15"></div>
<h3>自定义搜索延迟 和 提示</h3>
<div id="demo16"></div>
<script src="./dist/xm-select.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
@@ -203,6 +211,7 @@
type: 'block',
block: {
showCount: 1,
showIcon: true,
}
}
}
@@ -239,6 +248,45 @@
color: 'red',
},
})
var demo14 = xmSelect.render({
el: '#demo14',
data: [
{name: '水果', value: 1, selected: true, disabled: true},
{name: '蔬菜', value: 2, selected: true},
{name: '桌子', value: 3, disabled: true},
{name: '北京', value: 4},
],
filterable: true, //开启搜索
})
var demo15 = xmSelect.render({
el: '#demo15',
data: [
{name: '水果', value: 1, selected: true, disabled: true},
{name: '蔬菜', value: 2, selected: true},
{name: '桌子', value: 3, disabled: true},
{name: '北京', value: 4},
],
filterable: true, //开启搜索
filterMethod: function(val, item, index, prop){
if(!val) return true;
return item[prop.name].indexOf(val) != -1;
},
})
var demo16 = xmSelect.render({
el: '#demo16',
data: [
{name: '水果', value: 1, selected: true, disabled: true},
{name: '蔬菜', value: 2, selected: true},
{name: '桌子', value: 3, disabled: true},
{name: '北京', value: 4},
],
filterable: true, //开启搜索
delay: 2000,
searchTips: '搜索呀 搜索呀...',
})
</script>
</body>