web 前端常用元件【03】Bootstrap Multiselect

a.product 定義的基本的屬性和 setter 和 getter 是一個純粹的 pojo 對象；

b.具體的 product 對象的讀取，涉及與資料互動，封裝方法的資料結構可以使用很多（包括數組、map、list），我這裡使用的是 ArrayList<Product>;

c.如果想實作的更合理一點，可以定義資料庫通路接口，裡面定義各種各樣對操作 product 的方法（增，删，改，查....）,然後由另外一個類實作這些接口的方法(貌似扯遠了，等有時間在說吧)；

  依賴的具體的 WebMVC 架構為 SpringMvc.

  前台 ajax 請求以及動态生成選項：

 a. 第一種方法去指派時需要注意的時，多選框要在前面先初始化；

 b. 然後在官方文檔的幫助下，找到了第二種方法，需要用到一個 Array,還有一個萬能的 object,将背景傳回回來的資料封裝給object ,然後将object 放入 Array中，最後指派給多選框；

 c. 背景互動需要一個簡單的 sql ，SpringMvc 會将傳回回去的 map,轉換為 javascript Object 對象， list 轉換為 Array 對象；

 d.多選框送出到背景值，你可以選擇送出選項文本，選項對應的值，送出選項 code 有優勢，具體為code 一般為數字或者字母，而文本一般是漢字，會導緻post 到背景的内容過大，需要進行轉碼，code 在代碼表中是唯一的，還有安全性較高；

 e.背景具體的解析方法如下,我項目中具體是進行查詢，是以拼接為一個 sql 子句，解析後當然也可以用來更新資料庫；

本文轉自Orson部落格園部落格，原文連結：http://www.cnblogs.com/java-class/p/4680255.html，如需轉載請自行聯系原作者