鑷姩瀹屾垚鏍囩

鏈妭涓昏浠嬬粛妗嗘灦鐨勮嚜鍔ㄥ畬鎴愭爣绛俱€�

鍒濆鍖�

• Data灞炴€э細input娣诲姞灞炴€�data-toggle="tags"銆� DOM绀轰緥锛�銆€
  

  绀轰緥浠ｇ爜锛�

                          <input type="text" name="tags" value="" data-toggle="tags" data-url="ajaxTags.html" data-width="360" size="15" placeholder="杈撳叆鍏抽敭瀛楋紝鍥炶溅鎻愪氦">
                      

• jQuery API锛�
  

                          $(input).tags(options)
                      

鍙傛暟锛坥ptions锛�

鍚嶇О	绫诲瀷	榛樿鍊�	鎻忚堪
url	string	null	[蹇呴€塢 D-Url Ajax鍔犺浇鍐呭鐨刄RL銆�
global	boolean	false	[鍙€塢 global閫夐」鐢ㄤ簬闃绘鍝嶅簲娉ㄥ唽鐨勫洖璋冨嚱鏁�(鏈鏋剁敤浜庯細鏄惁闃绘Ajax鍔犺浇鏃剁殑Mask閬僵Loading鏁堟灉)銆�
type	string	GET	[鍙€塢 ajax璇锋眰鏂瑰紡銆�
tagname	string	tag	[鍙€塢 鏍囩闅愯棌鍩熺殑name銆�
max	int	0	[鍙€塢 鍏佽鎻掑叆鍑犱釜鏍囩锛�0 = 涓嶉檺銆�
clear	boolean	false	[鍙€塢 濡傛灉ajax鏃犺繑鍥炴垨鏈湪涓嬫媺鑿滃崟涓€夋嫨锛屾槸鍚︽竻闄よ緭鍏ュ瓧绗︺€�
lightCls	string	tags-highlight	[鍙€塢 鏍囩閫夋嫨鑿滃崟鐨勯珮浜瓹lass銆�
width	int	300	[鍙€塢 鏍囩鍖哄煙鐨勫搴︼紝瓒呰繃灏嗚嚜鍔ㄦ崲琛屻€�

杩斿洖JSON鍙傛暟(Ajax璇锋眰URL鐨勮繑鍥濲SON)

鍚嶇О	绫诲瀷	榛樿鍊�	鎻忚堪
value	string	null	[蹇呴€塢 鏍囩鐨勫€笺€�
label	string	null	[蹇呴€塢 鏍囩鐨勬樉绀哄悕绉般€�

浜嬩欢

浜嬩欢鍚嶇О	涓枃璇存槑	鎻忚堪
aftercreated.bjui.tags	鏍囩鍒涘缓鍚庣殑浜嬩欢	鐩戝惉璇ヤ簨浠讹紝鍙互鍦ㄥ垱寤哄ソ涓€涓爣绛惧悗杩涜鐩稿叧鎿嶄綔銆�

杩欐牱鐩戝惉tags鐨勪簨浠讹細mytags - selector琛ㄧず瑙﹀彂鑷姩瀹屾垚鏍囩鐨刬nput閫夋嫨鍣�

                $(document).on('aftercreated.bjui.tags', 'mytags - selector', function(e, data) {
                    var value = data.value // 褰撳墠鍒涘缓鐨勬爣绛惧€�
                    var item  = data.item  // 褰撳墠閫夊畾椤圭殑鍊�(object锛屽叿浣撳€肩敱杩斿洖JSON鍐冲畾)
                    var tags  = data.tags  // 鎵€鏈夊凡鐢熸垚鏍囩鐨勫€硷紝浠ヨ嫳鏂囬€楀彿(,)鍒嗛殧
                    
                    // do something...
                })
            

濡傛灉浜嬩欢浠ｇ爜鍐欏湪椤电墖涓紝涓洪槻姝㈤〉鐗囧埛鏂颁箣绫荤殑瀵艰嚧document閲嶅缁戝畾浜嬩欢锛岄渶瑕佸湪on浜嬩欢鍓嶅厛璋冪敤off鏂规硶瑙ｉ櫎宸茬粦瀹氫簨浠躲€備唬鐮佸涓嬶細

                    $(document)
                        .off('aftercreated.bjui.tags', '.mydate-type')
                        .on('aftercreated.bjui.tags', '.mytags-type', function(e, data) {
                            var value = data.value // 褰撳墠鍒涘缓鐨勬爣绛惧€�
                            var item  = data.item  // 褰撳墠閫夊畾椤圭殑鍊�(object锛屽叿浣撳€肩敱杩斿洖JSON鍐冲畾)
                            var tags  = data.tags  // 鎵€鏈夊凡鐢熸垚鏍囩鐨勫€硷紝浠ヨ嫳鏂囬€楀彿(,)鍒嗛殧
                            
                            // do something...
                    })