国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 語言 > JavaScript > 正文

MultiSelect左右選擇控件的設計與實現介紹

2024-05-06 15:46:49
字體：大 中 小
來源：轉載
供稿：網友
由于項目中用到左右選擇的控件，網上找了一些相關的實現，基本上有兩個:1、基于JQuery UI的控件2、某個兄弟手寫的一個控件,具體實現如下，感興趣的朋友可以參考下哈

由于項目中用到左右選擇的控件，網上找了一些相關的實現，基本上有兩個：
1、基于JQuery UI的控件：

MultiSelect左右選擇控件的設計與實現介紹


這個看起來樣式不錯，而且使用起來功能也比較齊全，但是與傳統的左邊選擇到右邊的方式不同，有點別扭。
2、某個兄弟手寫的一個控件：

MultiSelect左右選擇控件的設計與實現介紹


這個符合我的需求，簡單實用，但是不滿足我的另一個需求，我的需求是右邊的選擇框需要能選擇不同顏色的圖片，而且這個樣式有點不美觀。

怎奈自己寫一個吧，費了我半天的勁，總算搞定了，貼出來與大家分享一下吧：

MultiSelect左右選擇控件的設計與實現介紹


這個既滿足了我功能的需求也滿足了我對樣式的要求。
關于顏色選擇我引用了第三方的一個插件jquery.colorPicker.js，我比較喜歡簡單實用并且美觀的東西。
關于code，太多了不方便貼出來，說一下我的實現吧，左右的控件用的是jQuery easy UI的datagrid控件，我也是嘗試了幾個控件，只有這個符合我的要求，當然了對于datagrid也做了一些去掉標題、手動修改樣式的一些處理。左右選擇和上下控制基本上的邏輯是一樣的，就是調用的datagrid的一些方法來實現了，當然這塊控制灰掉button也做了很多的邏輯控制，目的就是讓用戶使用起來更加方便。

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表

圖片精選

主站蜘蛛池模板： 延安市| 禄丰县| 海门市| 张家港市| 宽甸| 堆龙德庆县| 育儿| 漾濞| 攀枝花市| 高州市| 吉林省| 巴东县| 屯留县| 平阴县| 蓬安县| 探索| 绍兴县| 潞城市| 怀柔区| 南召县| 巍山| 湘阴县| 武陟县| 南陵县| 普兰店市| 贵州省| 宁陕县| 翁牛特旗| 舒城县| 招远市| 香港 | 叙永县| 全州县| 崇信县| 嘉善县| 建始县| 武夷山市| 巫山县| 鄢陵县| 泸溪县| 平果县|