chosen使用问题

近期使用国产的amazeui来制作H5网页时,使用到了chosen,遇到了好多坑,总结使用chosen插件遇到的问题

想实现的要求:默从从后台加载最新10条订单号,让用户选择,订单号不存在时,用户输入关键字到后台去检索并返回,但是chosen并没有直接的事件和方法

 

1、用户输入关键字查询时,chosen会在事先加载的这10条中检索,如果这10条是没有用户想要的,需要从后台重新拿数据怎么办

参考http://amazeui.github.io/chosen/docs/options.html文档得到chosen有一个chosen:no_results事件

            $('#store_select_batch').on('chosen:no_results', function () {
                alert('没有您想要的数据');
            });

2、虽然知道了没有检索到数据这个事件,但是如何拿到用户输入的数据,文档中没有给出具体的参数和方法

在看生成的dom中看到了有一个input标签,可能就是这二货

            $('#store_select_batch').on('chosen:no_results', function () {
                var getvalue = $("#store_select_batch_chosen .chosen-drop .chosen-search input[type='text']").eq(0).val();
                LoadBatchId(getvalue);
                $('#store_select_batch').trigger('chosen:updated');
            });

  从数据获取新的数据后,一定要使用触发chosen:updated事件才能更新chosen

 
posted @ 2015-11-05 20:19  碳烤秋刀鱼  阅读(265)  评论(0)    收藏  举报