jQuery MiniUI

 找回密码
 立即注册
查看: 4504|回复: 6
打印 上一主题 下一主题

动态设置下拉的 data, 为什么 pinyin 检索失效? [复制链接]

Rank: 3Rank: 3

跳转到指定楼层
楼主
发表于 2015-1-7 11:29:42 |只看该作者 |倒序浏览
按下面的方案, 能够实现延迟加载数据, 但是拼音检索功能失效了

<input id="combo1" class="mini-combobox" style="width:150px;" valueField="id" allowinput=true
    textField="text"  pinyinField="tag">

  <script>
    mini.parse();
   
    var el = mini.get("combo1");

    // 在下拉展开前设置 data, 目的是延迟加载数据
    el.on("beforeshowpopup", function(evt){
    // 这里利用 ajax 加载数据

    // 模拟返回的数据
    var data = [
         { "id": "usa", "text": "美国" ,tag:"meiguo"},
         { "id": "cn", "text": "中国" ,tag:"zhongguo"},
         { "id": "jp", "text": "日本" ,tag:"riben"},
         { "id": "en", "text": "英国" ,tag:"yingguo"}
      ];
      
      // 加载数据
      el.setData(data);
})
   
  </script>

不知道 mini 是否有官方的延迟加载方案, 比如设置
url="xxx" , lazyLoad=true 就能够启用

Rank: 8Rank: 8

沙发
发表于 2015-1-7 11:44:56 |只看该作者

看下这个例子

附件: 你需要登录才可以下载或查看附件。没有帐号?立即注册

Rank: 3Rank: 3

板凳
发表于 2015-1-7 12:46:12 |只看该作者
felt 发表于 2015-1-7 11:44
看下这个例子

刚试了, setUrl, setData , 都会导致拼音检索失效
combobox 的 bug ?

Rank: 8Rank: 8

地板
发表于 2015-1-7 12:58:37 |只看该作者
iamjxc 发表于 2015-1-7 12:46
刚试了, setUrl, setData , 都会导致拼音检索失效
combobox 的 bug ?

本地测试未发现失效

Rank: 3Rank: 3

5#
发表于 2015-1-7 13:30:42 |只看该作者
felt 发表于 2015-1-7 12:58
本地测试未发现失效

版主可以把我上面的代码贴到你们的在线示例里运行, 拼音检索不成功
http://www.miniui.com/demo/#src=combobox/pinyin.html

Rank: 8Rank: 8

6#
发表于 2015-1-7 13:41:10 |只看该作者
iamjxc 发表于 2015-1-7 13:30
版主可以把我上面的代码贴到你们的在线示例里运行, 拼音检索不成功
http://www.miniui.com/demo/#src=com ...

这是你代码的问题
检索的时候有下拉框的收缩展开过程,你多次触发了

Rank: 3Rank: 3

7#
发表于 2015-1-7 14:01:54 |只看该作者
felt 发表于 2015-1-7 13:41
这是你代码的问题
检索的时候有下拉框的收缩展开过程,你多次触发了

加入下面的代码 ok 了, 谢谢!

     if (el._loaded) return;
      el._loaded = true;

Archiver|普加软件

GMT+8, 2025-6-6 16:53 , Processed in 1.026102 second(s), 11 queries .

Powered by Discuz! X2

© 2001-2011 Comsenz Inc.

回顶部