[/code]第一步 定义html
[code="java"]
<div class="cont" id="box">
<div class="J_Message message J_ServerNotice service-notice" grid="root">
<div class="main" grid="row-13" id="J_tbody" style="margin-top: 0px;">
</div>
</div>
<div id="paginationbar" class="paginationbar"></div>
<!--分页导航-->
<div id="displayNum" class="displayNum"></div>
<!--每页显示数目导航-->
<div class="clear"></div>
</div>
第二部 写入js
function searchHistory(page,disR){
var fn = arguments.callee;
var req = $('#f_1').serialize() + '&page='+(page||1)+'&displayRecord='+(disR=disR||10) +"&receiveId="+user_name + "&ran="+Math.random();//默认10
$.post("/data/listChannelMessages.do", req, function(json) {
if(json.success !== true){
//提示报错
alert(json.message);
} else{
var count = json.object.count,
list = json.object.lists,
p = json.object.page,
pCount = json.object.pageCount;
var $tbody = $('#J_tbody'), $box = $('#box');
var html = '';
$.each(list,function(i,n){
var my_status = "未读";
var status_class = '';
var readyColor = 'color:#4F8EDC'; //蓝色
for (var key in n.readFlag) {
if(key == user_name && n.readFlag[key] == 1){
status_class = "closed";
readyColor = 'color:#595F69'; //黑色
my_status = "已读";
}
}
var comeFrome = null;
if(n.comeFrome == 'undefined' || n.comeFrome == null){
comeFrome = "系统";
}
var sendDate;
if(n.sendDate != null){
var temp = new Date(n.sendDate);
sendDate = temp.Format("yyyy-MM-dd hh:mm:ss");
}
var text =
'<div class="J_List list">' +
'<div class="J_Item item clearfix">'+
'<div class="div">'+
'<a href="/message/viewChannelMessage.jspx?messageId='+n.messageId+'&receiveId='+user_name+
'" style="'+readyColor+'"><span style="'+readyColor+';line-height:180%;">'+n.content+
'</span></a></div>'+
'<span class="time" style="float:right">'+sendDate+'</span>'+
'</div>'+
'</div>';
if(null != text && text != ""){
html += text;
}
});
$tbody.html(html);
var sort = $('#tr_head').find('td');
$('#count').html(" | 记录数("+count+")");
//分页
var $pag=$box.find('.paginationbar'),$dis=$box.find('.displayNum');
$.sysop.pagination.init($pag,p,pCount,10,function(num){
fn(num,disR);
});
//显示数目
$.sysop.pagination.displayNum($dis,disR,function(){
fn(1,this.innerHTML.slice(0,-1));
});
}
});
}
$('#search').bind('click',function(){
searchHistory(undefined,$.crm.getPageSize(), true);
});
$(function(){
//backAutoFillForm.init('#search','#f_1');// 提交按钮 表单
searchHistory(1,10,true);
});
其中内置函数 可以在附件中找到
第三步 java
@MethodResourceDesc(name = "[data]获取站内信列表")
@RequestMapping(value = "/data/listChannelMessages.do")
@ResponseBody
public Result listStationLetters(HttpServletRequest request,HttpServletResponse response){
Result result = new Result();
try{
Query query = CRMQueryHelper.makeChannelMessageQuery(
RequestHelper.getQueryFields(request, MessageChannel.RECEIVE_ID),
MessageChannel.SEND_DATE, Order.DESCENDING);
int allCount = (int)channelService.allCount(query);
int pageSize = RequestHelper.getPageSize(request);
if(0 == pageSize){
pageSize = 20;
}
List<MessageChannel> list = channelService.list(
query.skip(
(RequestHelper.getPageIndex(request) - 1) * pageSize
).limit(pageSize));
PagingVO pagingObject = new PagingVO();
pagingObject.setPageCount((allCount + pageSize) / pageSize);
pagingObject.setPage(RequestHelper.getPageIndex(request));
pagingObject.setCount(allCount);
pagingObject.setLists(list);
result.setCode(ResultCode.SUCCESS);
result.setObject(pagingObject);
}catch(Exception e){
result.setMessage(e.getMessage());
logger.error(e.getMessage());
}
return result;
}
内置函数可在 CRMQueryHelper.zip PagingVO.zip 找到
第四部 直接实现即可
@Override
public List<MessageChannel> list(Query query) {
return mongoTemplate.find(query, MessageChannel.class, COLLECTIONS_NAME_STATUS);
}