内嵌页面

内嵌页面控件用于在当前页面中嵌入其他页面内容，支持 iframe 方式加载。

属性

autoheight

• 说明：是否自动调整高度以适应内容
• 类型：boolean
• 默认值：true

可选值

值	说明
true	开启
false	关闭

示例

"autoheight":true

---

scrolling

• 说明：内嵌页面是否显示滚动条
• 类型：string
• 默认值："no"

可选值

值	说明
"yes"	有滚动条
"no"	无滚动条

示例

"scrolling":"no"

---

sg-pageid

• 说明：要嵌入的页面 ID
• 类型：string | number

示例

"sg-pageid":608

---

sg-url

• 说明：要嵌入的页面 URL（与 pageid 二选一）
• 类型：string

示例

"sg-url":"https://www.grn.cn/"

方法

renderPageBox

通过控件 ID 重新渲染内嵌页面。

语法

renderPageBox(id, params)

参数

参数名	类型	必填	说明
id	string	是	页面框 id
params	Object	是	参数

示例

// 重新渲染内嵌页面
var params = {
    url: "/user/detail",
    data: {id: 1001}
};
renderPageBox("detailFrame", params);

---

changePageBox

修改内嵌页面的内容。

语法

changePageBox(id, pageid, url)

参数

参数名	类型	必填	说明
id	string	是	内嵌页面 id
pageid	string	是	新页面 id
url	string	是	新页面 url

示例

// 修改内嵌页面
changePageBox("contentFrame", "userDetail", "/user/detail?id=1001");

---

findIframeObj

获取内嵌页面中的子控件对象。

语法

findIframeObj(id, selector)

参数

参数名	类型	必填	说明
id	string	是	内嵌页面 id
selector	string	是	选择器

返回值

返回内嵌页面中的子控件对象。

示例

// 获取内嵌页面中的控件对象
var inputObj = findIframeObj("contentFrame", "#username");
console.log(inputObj);

---

getIframePage

获取内嵌页面的对象。

语法

getIframePage(id)

参数

参数名	类型	必填	说明
id	string	是	内嵌页面 id

返回值

返回内嵌页面的对象。

示例

// 获取内嵌页面对象
var iframePage = getIframePage("contentFrame");
console.log(iframePage);

---

pageBoxAutoHeight

自动调整 iframe 高度（在内嵌子页面中调用）。

语法

pageBoxAutoHeight()

示例

// 在子页面中调用，自动调整 iframe 高度
pageBoxAutoHeight();