当前位置:首页 > T6门户组件注册接口V1 0
,
,
,
GO
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,示例代码 完整代码见:
共分享92篇相关文档