Layer彈層(父子傳值,兄弟傳值)

2022-02-13 10:55:53 字數 1156 閱讀 6112

需求:最外面列表介面點修改彈出layera介面,再點選layera介面中的選擇地圖座標按鈕彈出layerb地圖介面

這個過程涉及到的:

1:layera將座標傳給layerb,layerb在地圖上顯示座標。

2:layerb選完座標點選確定後,地圖關閉,layerb將座標傳回layera

列表介面點選修改按鈕彈出layera介面

layerb介面點選彈出地圖事件

layerb地圖介面點選確定傳值給layera

1:layera與layerb是什麼關係?

兄弟關係,如果是父子關係,子的頁面會巢狀在父頁面裡,無法實現子頁面比父頁面大

關鍵**:

parent.layer.open(options);//點選layerb按鈕時,以兄弟頁面的形式彈出

2:如何將layerb地圖上座標的值傳給layera

監聽地圖,將點選的座標傳給頁面上的乙個label儲存,在提交的時候讀取labael,並通過jq的以id來拿到frame元素的方式,將label的值賦值給兄弟頁面的乙個文字框裡。

關鍵**:

var i = $("#lb1").val();

$(parent.frames["form"].document).find("#areapoint").val(i);//layerb的frame的id 叫form,事先在layer的id屬性裡定義過了

var index = parent.layer.getframeindex(window.name);//獲取當前頁面的name 即homepeopleform 都是通過父頁面(即列表頁)來操作子頁面裡的元素

parent.layer.close(index);

vue 元件傳值 父子元件傳值,兄弟元件傳值

父向子 v bind props 子元件 子元件 props msg props接收 props 驗證 props food接受數值型別的引數,如果不傳入的話預設就是100 food fooe接受物件型別的引數 fooe foof使用乙個自定義的驗證器 foof foog props 是單向繫結的 ...

angular父子元件的傳值,兄弟之間傳值

1.父級向子級傳值,不管是屬性,方法,還是整個父級物件this,都可以通過類似變數的形式傳入,具體如下 import from angular core 通過input裝飾器獲取父級傳過來的值 input msg string 獲取值 ngoninit 直接 this 可以引用 2.父級獲取子元件的...

父子頁面傳值和子兄弟頁面傳值

前言 我是用的layer彈出框整的layer父子頁面 父 子 子 父 子彈窗給父頁面元素賦值 parent.parentinput val 這是從彈窗傳遞過來的資料 子彈窗呼叫父頁面方法 window.parent.childinvokermethod 子彈窗獲取父頁面元素的值 window.par...