移动端级联组件mCascader

鍦ㄧЩ鍔ㄧ寮€鍙戜腑鍙兘浼氭秹鍙婃爲鏁版嵁鐨勯€夋嫨銆傜敱浜巑ui涓病鏈夋洿濂界殑缁勪欢锛屾墍浠ユ垜鍩轰簬mui鍜宩q寮€鍙戜簡涓€涓Щ鍔ㄧ銆傞摼鎺ユ皵娉＄粍浠躲€傛簮鐮佸湴鍧€锛歨ttps://github.com/booms21/mC...mCascadermCascader鏄竴娆緈ui椋庢牸鐨勭Щ鍔ㄧh5姘旀场灞傚彔妗嗭紝鏀寔浠绘剰灞傜骇锛岄粯璁ゅ€硷紝鍒嗛殧绗︺€備娇鐢ㄦ柟娉曪細棣栧厛浠嬬粛mui鍜宩q搴擄紝mCascader.css(cascader椋庢牸)鐩存帴璋冪敤mCascader鏂规硶锛屼紶鍏ラ厤缃」锛歮Cascader({input:'#demo',//杈撳叆鏁版嵁瀵瑰簲鐨刬d:data,//mCascader鐨勬暟鎹€?[''],//mCascader鐨勯粯璁ゅ€?榛樿鍊艰妭鐐圭殑id瀛楃涓瞫eparator:'/',//杈撳叆onClick涓殑鍒嗛殧绗?function(node){//The閫夋嫨瀹屾垚鏃剁殑鍥炶皟鍑芥暟锛岃妭鐐逛负褰撳墠鐐瑰嚮鐨勮妭鐐筩onsole.log(node)}});input锛氭枃鏈瀵瑰簲鐨剆elector锛宻tring绫诲瀷data锛歮Cascader鏁版嵁銆傛暟缁勭被鍨嬶紝鏍戠粨鏋勶紝data涓殑鑺傜偣蹇呴』鏈夊涓嬪睘鎬э細data=[{id:'',//must,鍞竴id鍊?Stringtypename:'',//must,瀵瑰簲mCascader鐨勬樉绀簄odesText,Stringtypechildren:[...]//瀛愯妭鐐?Array绫诲瀷},...]鑾峰彇mCascader褰撳墠id鍊硷紙2绉嶏級锛?.mCascader.currtId2.$('#demo').data('id')鎴?(mCascader.options.input).data('id')杩斿洖涓婁竴绾э細mCascader.back()娓呴櫎mCascader鏁版嵁骞堕噸缃帴鍙ｏ細mCascader.clear()渚嬪瓙锛歮cascader鐨凞OM骞舵病鏈夊啓鎴恓s锛屼繚鐣欏師鏈夌粍浠剁殑缁撴瀯锛岃繖鏍峰彲浠ヨ嚜瀹氫箟缁勪欢鐨勬牱寮?divid="mcascaderPopover"class="mui-popover">璇烽€夋嫨涓€涓妭鐐?/div>鏃犳暟鎹?/p>