BPC流程管理社区

最近接受了一个有关AWS Portal小门户页面设计的任务，任务要求给实施人员提供一个通过参数配置实现各CMS栏目展示的通用小应用。采用的技术和思路如下：

 信息列表使用dojo中的grid实现，grid的数据存储主要采取json数据传输。小门户的信息列表通过给定的url参数进行过滤，并提供页签分类（一个页签可以对应多个栏目，一个小页面可以有多个页签）。每个portal小页面默认显示是8条数据，这个参数可以通过url设置，当数据超过8后显示更多链接，点击更多按钮后，显示每页3倍于小页面的行记录，并提供分页功能。

 (1).针对上述需求，在grid空间选取上使用了dojo datagrid控件。使用url链接的方式发送json数据请求，通过aws的请求分发机制，处理请求向grid发送json数据。Portal小门户中要求在信息发布中是否加红是否字体加粗等样式要在portal小门户中显示出来。这一块的实现我是通过在datagrid控件列属性事件上绑定的事件实现的，在datagrid 控件的列属性上有一个formatter属性，该属性可以绑定事件，通过相应事件可以为数据加上样式。完成datagrid样式的添加。代码如下： <div dojoType=’dijit.layout.BorderContainer’ style=’width:100%; height:100%; border:0px;padding:0px; margin:0px;’> <div  dojoType=’dijit.layout.ContentPane’ region=’center’  style=’width:100%; height:100%;border:0px; padding:0px; margin:0px;’> <span dojoType=’dojo.data.ItemFileWriteStore’  jsId=’jsonStore’  url=’./login.wf?sid=” +sid + “&cmd=Portal_Execute_Portlet_FlexCMSChannelGetListData&top=” + top +”&channelConf=” + channels.get(0).toString() +”&start=”+start+”&isDepartment=”+isDepartment+”‘></span> <table dojoType=’dojox.grid.DataGrid’ jsid=’grid’ id=’grid’ store=’jsonStore’ rowsPerPage=’20′ rowSelector=’0px’ noDataMessage=’无信息’> <thead> <tr> <th field=’title’width=’45%’ formatter=’formatGridTitle’>标题</th> <th field=’date’ width=’30%’ >日期</th> <th field=’name’ width=’25%’ >发布人</th> </tr> </thead> </table> </div> <div [...]