1.0.0.0723
新增本地搜索模式
This commit is contained in:
52
index.html
52
index.html
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user