带有multiselectList框的QuickSearch Jquery插件

时间:2016-06-02 09:48:13

标签: javascript jquery jquery-plugins multi-select

我正致力于有两个多选列表的功能  1)select1 2)select2 用户可以从select1中选择选项,并可以添加到second2

            $('#add').click(function () {
                return !$('#select1 option:selected').remove().appendTo('#select2');
            });

            $('#remove').click(function () {
                return !$('#select2 option:selected').remove().appendTo('#select1');
            }); 

我正在使用quicksearch jquery插件在select1上提供搜索工具

 $('input#searchFields').quicksearch('#select1 option');

问题是如果select2有从select1中选择的任何选项,并且在select1上应用了任何搜索,则同样的搜索也应用于select2的选项,这也是不期望的。

我认为这种情况正在发生,因为select2中的所有选项都来自select1,而quicksearch使用select1中的选项进行内部标记以进行搜索,当这些选项添加到select2时,它们也被考虑用于搜索。

请建议。

1 个答案:

答案 0 :(得分:0)

使用以下jquery代码来解决问题。

public static void main(String[] args) {

        ObjectMapper mapper = new ObjectMapper();
        String jsonInString = "[ {\"id\":10252, \"uuid\":\"ca49aeed-de29-41a1-b0e2-e2b7c7d1b6c5\", \"key\":\"UTILITY\", \"name\":\"UTILITY\", \"scope\":\"PRJ\", \"qualifier\":\"VW\", \"date\":\"2012-05-02T05:07:04-0400\", \"creationDate\":\"2009-03-12T09:03:35-0400\", \"lname\":\"UTILITY\", \"msr\":[       {\"key\":\"ncloc\",\"val\":253603.0,\"frmt_val\":\"253,603\"},      {\"key\":\"test_success_density\",\"val\":85.5,\"frmt_val\":\"85.5%\"},         {\"key\":\"coverage\",\"val\":96.0,\"frmt_val\":\"96.0%\"}      ] } ]";

        //JSON from String to Object
        try {
            Bean[] objs = mapper.readValue(jsonInString, Bean[].class);
            for(Bean b : objs){
                //System.out.println(b); here you have Bean Object's Array and you can do whatever you want...
            }
        } catch (JsonParseException e) {
            // TODO Auto-generated catch block
            e.printStackTrace();
        } catch (JsonMappingException e) {
            // TODO Auto-generated catch block
            e.printStackTrace();
        } catch (IOException e) {
            // TODO Auto-generated catch block
            e.printStackTrace();
        }
    }

所以我认为用于搜索的quicksearch标记选项就是这里的实际案例。