Skip to content

Commit

Permalink
update docs
Browse files Browse the repository at this point in the history
  • Loading branch information
@zhangxinxu
zhangxinxu committed May 9, 2023
1 parent 0edf9d0 commit d8a919a
Show file tree
Hide file tree
Showing 3 changed files with 36 additions and 36 deletions.
24 changes: 12 additions & 12 deletions edge/apis.datalist.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -138,26 +138,26 @@ <h4>3. 姓名匹配-支持拼音</h4>
<p>Datalist组件默认前值匹配，如果想要模糊匹配，需要使用可选参数中的<code>filter</code>接口修改过滤规则，可以通过插入HTML设置加粗或高亮。</p>
<p><span class="dib vt pt5">员工姓名：</span><input id="inputPerson3" is="ui-datalist" class="ui-input" list="datalistPerson3"></p>
<datalist id="datalistPerson3">
<option value="蔡伦" label="caishihao">
<option value="郑成功" label="zhengshijun">
<option value="蔡伦" label="cailun">
<option value="郑成功" label="zhengchenggong">
<option value="李莲英" label="lilianying">
<option value="高松正" label="gaofan.a">
<option value="高松正" label="gaosongzheng">
<option value="郑工" label="zhenggong">
<option value="陈晓芳" label="chenfang.c">
<option value="李琳琳" label="liyilin">
<option value="彭大帅" label="pengyule">
<option value="陈晓芳" label="chenxiaofang">
<option value="李琳琳" label="lilinlin">
<option value="彭大帅" label="pengdashuai">
</datalist>
<p>可以把拼音数据写在<code>label</code>属性上，然后使用<code>filter</code>参数进行匹配过滤。</p>
<pre>&lt;input id="i3" class="ui-input" list="d3" is="ui-datalist"&gt;
&lt;datalist id="d3"&gt;
&lt;option value="蔡伦" label="caishihao"&gt;
&lt;option value="郑成功" label="zhengshijun"&gt;
&lt;option value="蔡伦" label="cailun"&gt;
&lt;option value="郑成功" label="zhengchenggong"&gt;
&lt;option value="李莲英" label="lilianying"&gt;
&lt;option value="高松正" label="gaofan.a"&gt;
&lt;option value="高松正" label="gaosongzheng"&gt;
&lt;option value="郑工" label="zhenggong"&gt;
&lt;option value="陈晓芳" label="chenfang.c"&gt;
&lt;option value="李琳琳" label="liyilin"&gt;
&lt;option value="彭大帅" label="pengyule"&gt;
&lt;option value="陈晓芳" label="chenxiaofang"&gt;
&lt;option value="李琳琳" label="lilinlin"&gt;
&lt;option value="彭大帅" label="pengdashuai"&gt;
&lt;/datalist&gt;</pre>
<pre>i3.params.filter = (data, value) => {
if (!value) {
Expand Down
24 changes: 12 additions & 12 deletions hope/datalist.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -139,26 +139,26 @@ <h4>3. 姓名匹配-支持拼音</h4>
<p>Datalist组件默认前值匹配，如果想要模糊匹配，需要使用可选参数中的<code>filter</code>接口修改过滤规则，可以通过插入HTML设置加粗或高亮。</p>
<p><span class="dib vt pt5">员工姓名：</span><input id="inputPerson3" is="ui-datalist" class="ui-input" list="datalistPerson3"></p>
<datalist id="datalistPerson3">
<option value="蔡伦" label="caishihao">
<option value="郑成功" label="zhengshijun">
<option value="蔡伦" label="cailun">
<option value="郑成功" label="zhengchenggong">
<option value="李莲英" label="lilianying">
<option value="高松正" label="gaofan.a">
<option value="高松正" label="gaosongzheng">
<option value="郑工" label="zhenggong">
<option value="陈晓芳" label="chenfang.c">
<option value="李琳琳" label="liyilin">
<option value="彭大帅" label="pengyule">
<option value="陈晓芳" label="chenxiaofang">
<option value="李琳琳" label="lilinlin">
<option value="彭大帅" label="pengdashuai">
</datalist>
<p>可以把拼音数据写在<code>label</code>属性上，然后使用<code>filter</code>参数进行匹配过滤。</p>
<pre>&lt;input id="i3" class="ui-input" list="d3" is="ui-datalist"&gt;
&lt;datalist id="d3"&gt;
&lt;option value="蔡伦" label="caishihao"&gt;
&lt;option value="郑成功" label="zhengshijun"&gt;
&lt;option value="蔡伦" label="cailun"&gt;
&lt;option value="郑成功" label="zhengchenggong"&gt;
&lt;option value="李莲英" label="lilianying"&gt;
&lt;option value="高松正" label="gaofan.a"&gt;
&lt;option value="高松正" label="gaosongzheng"&gt;
&lt;option value="郑工" label="zhenggong"&gt;
&lt;option value="陈晓芳" label="chenfang.c"&gt;
&lt;option value="李琳琳" label="liyilin"&gt;
&lt;option value="彭大帅" label="pengyule"&gt;
&lt;option value="陈晓芳" label="chenxiaofang"&gt;
&lt;option value="李琳琳" label="lilinlin"&gt;
&lt;option value="彭大帅" label="pengdashuai"&gt;
&lt;/datalist&gt;</pre>
<pre>i3.params.filter = (data, value) => {
if (!value) {
Expand Down
24 changes: 12 additions & 12 deletions pure/apis.datalist.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -138,27 +138,27 @@ <h4>3. 姓名匹配-支持拼音</h4>
<p><span class="dib vt pt5">员工姓名：</span><input id="inputPerson3" class="ui-input" list="datalistPerson3"></p>
<datalist id="datalistPerson3">
<!--[if IE 9]><select disabled style="display:none"><![endif]-->
<option value="蔡伦" label="caishihao">
<option value="郑成功" label="zhengshijun">
<option value="蔡伦" label="cailun">
<option value="郑成功" label="zhengchenggong">
<option value="李莲英" label="lilianying">
<option value="高松正" label="gaofan.a">
<option value="高松正" label="gaosongzheng">
<option value="郑工" label="zhenggong">
<option value="陈晓芳" label="chenfang.c">
<option value="李琳琳" label="liyilin">
<option value="彭大帅" label="pengyule">
<option value="陈晓芳" label="chenxiaofang">
<option value="李琳琳" label="lilinlin">
<option value="彭大帅" label="pengdashuai">
<!--[if IE 9]></select><![endif]-->
</datalist>
<p>可以把拼音数据写在<code>label</code>属性上，然后使用<code>filter</code>参数进行匹配过滤。</p>
<pre>&lt;input id="inputPerson3" class="ui-input" list="datalistPerson3"&gt;
&lt;datalist id="datalistPerson3"&gt;
&lt;option value="蔡伦" label="caishihao"&gt;
&lt;option value="郑成功" label="zhengshijun"&gt;
&lt;option value="蔡伦" label="cailun"&gt;
&lt;option value="郑成功" label="zhengchenggong"&gt;
&lt;option value="李莲英" label="lilianying"&gt;
&lt;option value="高松正" label="gaofan.a"&gt;
&lt;option value="高松正" label="gaosongzheng"&gt;
&lt;option value="郑工" label="zhenggong"&gt;
&lt;option value="陈晓芳" label="chenfang.c"&gt;
&lt;option value="李琳琳" label="liyilin"&gt;
&lt;option value="彭大帅" label="pengyule"&gt;
&lt;option value="陈晓芳" label="chenxiaofang"&gt;
&lt;option value="李琳琳" label="lilinlin"&gt;
&lt;option value="彭大帅" label="pengdashuai"&gt;
&lt;/datalist&gt;</pre>
<pre><span class="green">// 支持拼音</span>
new Datalist('#inputPerson3', {
Expand Down

0 comments on commit d8a919a

Please sign in to comment.