T6门户组件注册接口V1 0

来源：用户分享时间：2025/6/1 12:56:10 本文由

loading 分享下载这篇文档手机版

说明：文章内容仅供预览，部分内容可能不全，需要完整文档或者需要复制内容，请下载word后使用。下载word有问题请添加微信号:xxxxxxx或QQ：xxxxxx 处理（尽可能给您提供完整文档），感谢您的支持与谅解。

, , , , ,

, , , ,

3，开发及部署示例

以开发天气预报组件为例说明门户组件的开发和部署过程

1），新建使用母版（WidgetContainer.Master）的门户组件页面

页面顶部代码如：

<%@PageTitle=\Language=\MasterPageFile=\%>

2）在生成的页面上对应的内容区添加对应的Js信息，显示内容，设置内容。

? Header区

? 显示内容区

rver\

<%--定义一个DIV用于显示天气预报的内容--%>

<%--通过ExtPanel调用一个远程天气预报服务的页面完成天气预报的显示 --%>

varpnlweather = newExt.Panel({

autoLoad: { url: url, scripts: false }, frame: false, border: false, autoWidth: 200, autoHeight: 300

});

pnlweather.render('weather');

? 设置区

<%--天气预报门户组件的设置信息为更换一个远程连接--%>

Weather 地址：

document.getElementById(\).value = url;

//增加保存事件

Ext.get('btnSave').on('click', function () { url = document.getElementById(\).value; pnlweather.load({ url: url,

scripts: true

});

ShowEidt();

});

4）通过门户管理部署

进入系统后，点击系统管理—>门户管理–>门户组件管理，添加如下图所示信息即可。

注意：组件内容地址就是刚才开发的页面地址，可以使用相对路径，也可以使用绝对路径。大图标和小图标文件路径确保在Web服务器上存在。

5）成功注册后效果

点击首页上的【添加组件】，在“小工具”分类下，能找到【天气预报】组件，点击大图标添加到内容区。效果见下图:

4，示例代码

完整代码见：