解决使用Mui索引列表“indexed-list-select” 动态加载数据后搜索失效问题

分类：MUI

记得前不久刚用上Mui，感觉很赞，后来在开发中遇到一个问题，是关于使用Mui的索引列表的一个问题，因为官方示例数据都是纯静态演示数据，而我实际项目中的数据是需要根据不同的条件来动态加载数据，开发过程中发现动态加载进来的数据在搜索中失效，后来也在官网上提问过，当时问题的链接mui.indexedlist搜索功能失效问题，也有很多热心的网友给了回复，但都没有解决这个问题，后来自己利用空闲的时间去捣腾了一下，然后达到了效果，现在把他分享出来，希望能给遇到同样问题的人一点帮助，下载附件打开即可

DynamicIndexListDemo.zip

6 赞关注分享

21 个评论

要回复文章请先登录或注册

f***@163.com

很好

2020-10-14 23:11

6***@qq.com

只需要在数据渲染最后加入
```window.indexedList = new mui.IndexedList(list);```
即可

2020-05-09 12:12

阿逗

重新写吧，自己写的mui国家索引 http://www.sucaihuo.com/js/2488.html

2017-07-21 16:10

l***@163.com

回复冰鱼：

document.getElementById("s").innerHTML += "<li id=1 data-value=\"22-33机场\" data-tags=\"22-33\" class=\"mui-table-view-cell mui-indexed-list-item mui-radio mui-left\" value=1>22-33机场</li>"
document.getElementById("s").innerHTML += "<li id=2 data-value=\"12-34机场\" data-tags=\"12-34\" class=\"mui-table-view-cell mui-indexed-list-item mui-radio mui-left\" value=1>12-34机场</li>"

html数据绑定后,再添加执行您发的语句,还是一样不行,方便的话,http://ask.dcloud.net.cn/question/44513?item_id=47783&rf=false 进去这帮忙看看,谢谢

2017-06-16 16:58