Layer做為彈窗,主頁面代碼:
注意1. callback()方法 返回字符串,再data:JSON.parse(res)轉為ajax提交時的json參數
注意2. textarea 上使用append方法沒有效果,改寫: var str = $("#area").val() + “/n”+d; $("#area").val(str);
//引入js 必須要有(1.8以上版本) jquery <script src="__PUBLIC__/js/jquery.js"></script> <script type="text/javascript" src="__PUBLIC__/js/layer/layer.js"></script> //點擊事件,彈出窗口function openCitySelect(){ layer.open({ type: 2, //以frame型式加載content頁面 title: "設置區域", shadeClose: true, shade: 0.4, area: ['90%', '90%'], content: "{:U('user/index/citylist')}", //指向頁面 btn: ['選擇城市','追加城市','關閉'], //底部按鈕 yes: function(index){ //當點擊‘選擇城市'按鈕的時候,獲取彈出層返回的值 var res = window["layui-layer-iframe" + index].callback(); //打印返回的值,看是否有我們想返回的值。 $.ajax({ url:"{:U('user/index/getListOfCity')}", type:"post", data:JSON.parse(res), success:function(data){ //console.log(data); var a = JSON.parse(data); b = a.length; if (0 >= b) { Wind.use('artDialog',function(){ art.dialog({ id : "alert", icon : "error", content : "請至少選擇一個地區", ok : function() {} }); }); }else { var thisCitys = JSON.parse(data); var d=""; var new_arr = []; for (var f = 0; f < thisCitys.length; f++) { if($.inArray(thisCitys[f],new_arr)==-1) { new_arr.push(thisCitys[f]); } } //去重 for(var i=0;i<new_arr.length; i++){ d = isNull(d) ? new_arr[i] : d + ("/n" + new_arr[i]) } // } $("#area").val(d); lineTotal('area'); } }, error:function(e){ alert("錯誤!!"); } }); //最后關閉彈出層 layer.close(index); }, btn2:function(index){ //當點擊‘追加城市'按鈕的時候,獲取彈出層返回的值 var res = window["layui-layer-iframe" + index].callback(); //打印返回的值,看是否有我們想返回的值。 $.ajax({ url:"{:U('user/index/getListOfCity')}", type:"post", data:JSON.parse(res), success:function(data){ //console.log(data); var a = JSON.parse(data); b = a.length; if (0 >= b) { Wind.use('artDialog',function(){ art.dialog({ id : "alert", icon : "error", content : "請至少選擇一個地區", ok : function() {} }); }); }else { var thisCitys = JSON.parse(data); var d=""; var new_arr = []; for (var f = 0; f < thisCitys.length; f++) { if($.inArray(thisCitys[f],new_arr)==-1) { new_arr.push(thisCitys[f]); } } //去重 for(var i=0;i<new_arr.length; i++){ d = isNull(d) ? new_arr[i] : d + ("/n" + new_arr[i]) } // } var str = $("#area").val() + "/n"+d; console.log(str); $("#area").val(str); lineTotal('area'); } }, error:function(e){ alert("錯誤!!"); } }); //最后關閉彈出層 layer.close(index); }, cancel: function(){ //右上角關閉回調 } }); }
新聞熱點
疑難解答