iframe載入器

iframe載入器是多媒體組件的一種,支援自訂iframe連結,適用於將網頁嵌入大屏中進行顯示。本文檔為你介紹iframe各配置項的含義,幫助你快速準確地使用iframe組件。

配置


  • 基礎設置

    • width:組件在編輯器中的寬度

    • height:組件在編輯器中的高度

    • top:組件與編輯器頂部的距離

    • left:組件與編輯器左側的距離

  • iframe地址:配置組件所顯示頁面的連結

數據


return [{
    src: "https://open.iot.10086.cn/doc/"
}]
  • src:配置組件所顯示頁面的連結,與配置項衝突時,優先展示數據中的配置

使用


為了應對更多複雜場景,編輯器提供了向iframe視窗單方向通信的介面,你可以在引入的iframe視窗中添加如下代碼實現單向通信

<script type="text/javascript">
    window.addEventListener("message", function(event) {
        console.log(event.data);
    }, false);
</script>
  • setId:當iframe視窗在編輯器中載入時,便會收到來自"setId"的一個資訊,此資訊會返回該視窗在編輯器中的"id"屬性

  • dataChange:編輯器中的數據來源一旦改變便會收到"dataChange"的一個消息,此資訊會返回綁定的數據來源結果

个搜索结果,搜索内容 “

    0 个搜索结果,搜索内容 “