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

分类：MUI

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

DynamicIndexListDemo.zip

6 赞关注分享

21 个评论

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

6***@qq.com

我写过的代码让php嵌套了一下，为什么搜索功能没有了，搜索的话对应的字母会出现，但是下面没有内容，我只是改的样式，没有用ajax动态获取数据，但是他php嵌套了以后，后台管理可以自己添加一些列表的内容，搜索功能限制不能用了

2016-11-04 13:00

4***@qq.com

各位大神，突然遇到一个问题，在这个LIST里面给每个LI加个链接，该链接打不开？！手机上打不开，电脑端是好的。请问是什么原因呀？

2016-10-11 10:54

4***@qq.com

太赞了，感谢感谢，我捣鼓好几个小时了

2016-09-29 15:17

hiniky

回复冰鱼：

似乎放错位置了，sorry

2016-09-08 18:41

hiniky

回复冰鱼：

然并卵

2016-09-08 18:40

冰鱼

只需要将以下代码放到你取到远程数据并加载完成后就可以了
var header = document.querySelector('header.mui-bar');
var list = document.getElementById('list');
var done = document.getElementById('done');
//calc hieght
list.style.height = (document.body.offsetHeight - header.offsetHeight) + 'px';
//create
window.indexedList = new mui.IndexedList(list);

2016-08-24 17:19