IList<FDA.OA.Model.OAInformation> list = bll.GetOAInformationByWhere(strWhere);

StringBuilder sb = new StringBuilder();
sb.Append("[");
for (int i = 0; i < list.Count; i++)
{
if (i > 0)
sb.Append(",");
string ProcessUrl = string.Format("../OA/OAInformation/OAJournalView.aspx?OAPubId={0}&PvId={1}", list[i].OAPubId, list[i].OAPubTypeId);
sb.AppendFormat("{{\"Title\":\"{1}\",\"CreateDate\":\"{3}\",\"ProcessUrl\":\"{4}\"}}", list[i].OAPubId, StringUtil.PadRight("[" + list[i].OAPubTypeName + "]" + list[i].Title.Replace("'", "“"), 25), list[i].Publisher.Trim(), ParameterFilter.GetDate(list[i].CreateDate, "MM-dd"), ProcessUrl, DateTime.Now.AddDays(-7) > Convert.ToDateTime(list[i].CreateDate) ? "" : "true");

}
sb.Append("]");
context.Response.ContentType = "text/json";
context.Response.Write(sb.ToString());

写好了一般处理程序后，我们开始写JS了，新建立一个desktopBox.js文件，这个文件包含了所有的桌面选项，如果以后加其他的内容，都可以在这里进行拓展，

function LoadOAJournalBox(fdaId,pvId,NoticeInformationContainer, NoticeInformationLoadTooltip){
$.getJSON("../OA/Desktop/GetOAJournal.ashx?f="+fdaId+ "&p=" + pvId ,function(json){
// 获取显示内容
var ul = document.getElementById(NoticeInformationContainer);
var div = document.getElementById(NoticeInformationLoadTooltip);

if(json.length == 0){
desktopBox.setOAJournal(ul,json);
div.style.display = "none";
}
});
}

desktopBox.setOAJournal = function(ulContainer, json){
var li, a, span,img, em;
for (var i = 0; i < json.length; i++) {
li = document.createElement("li");

//增加链接
a = document.createElement("a");
a.className = 'leftpadding';
a.setAttribute("href", json[i].ProcessUrl);
// 添加属性，通知预览重新打开窗口
a.setAttribute("target",'_blank');

a.title = json[i].Title + "\n发布时间：" + json[i].CreateDate;
this.setInnerText(a, json[i].Title);
li.appendChild(a);

//增加span
span = document.createElement("span");
span.className = 'rightpadding';
this.setInnerText(span, "（" + json[i].CreateDate + "）");
li.appendChild(span);

ulContainer.appendChild(li);
}

};

相关的处理程序都写好以后，开始调用这个方法来展示数据了，由于页面上可能存在许多的可配置信息框，所有在次展现页面使用用户控件，