列表界面:
主要实现方式:前台组合json格式查询条件,提交至后台解析处理
一.前台搜索脚本
String.prototype.replaceAll = function (s1, s2) {
return this.replace(new RegExp(s1,"gm"),s2);
};
function doMongoSearch(){
var whereCond = new Object();
$("input[query],select[query]").each(function (index, domEle) {
var type = $(domEle).attr('type');
var query = $(domEle).attr('query').toUpperCase();
var name = $(domEle).attr('name');
var value = $(domEle).attr('value');
var checked = $(domEle).attr('checked');
var classVal = $(domEle).attr('class');
if (classVal != undefined){
if (classVal.indexOf("easyui-combobox") != -1){
value = $(domEle).combobox('getValue');
name = $(domEle).attr('id');
type = "text";
}else if (classVal.indexOf("easyui-datebox") != -1){
value = $(domEle).datebox('getValue');
name = $(domEle).attr('id');
type = "text";
}else if (classVal.indexOf("easyui-numberbox") != -1){
value = $(domEle).numberbox('getValue');
name = $(domEle).attr('id');
type = "text";
}
}
if((type =="text" || type=="select-one" || type=="hidden") && value != ""){
if (query == "BEGIN_DATE"){
whereCond["B$_"+name] = ">=@" + value.replaceAll("-","");
}else if (query == "END_DATE"){
whereCond["E$_"+name] = "<=@" + value.replaceAll("-","");
}else if (query == "BEGIN_TIME"){
whereCond["B$_"+name] = ">=@" + value.replaceAll("-","")+ "000000000";
}else if (query == "END_TIME"){
whereCond["E$_"+name] = "<=@" + value.replaceAll("-","")+ "235959999";
}else{
whereCond[name] = query + "@" + value;
}
} else if ((type=="checkbox" || type=="radio") && checked){
whereCond[name] = query + "@" + value;
}
});
var queryParams = $('#list_data').datagrid('options').queryParams;
queryParams.whereCond = JSON.stringify(whereCond);
$('#list_data').datagrid('getPager').pagination('select', 1);
}
/**
* 查询条件清除
* @return
*/
function cleanSearch(){
$("input[query],select[query]").each(function (index, domEle) {
var type = $(domEle).attr('type');
var classVal = $(domEle).attr('class');
if(type == undefined || type =="text" || type=="select-one"){
if (classVal != undefined){
if (classVal.indexOf("easyui-combobox") != -1){
$(domEle).combobox('clear');
}else if (classVal.indexOf("easyui-datebox") != -1){
$(domEle).datebox('clear');
}else if (classVal.indexOf("easyui-numberbox") != -1){
$(domEle).numberbox('clear');
}else{
$(domEle).val("");
}
}else{
$(domEle).val("");
}
}else if(type =="checkbox" || type=="radio"){
$(domEle).attr("checked",false);
}
});
}
二.前台html关键代码
<div class="easyui-layout" data-options="fit:true">
<div data-options="region:'center',border:false" style="padding:1px;">
<table >
<tr>
<td>手机号码:</td>
<td><input type="text" name="mobile" query="LIKE" style="width: 100px;" ></td>
</tr>
<tr>
<td>运营商:</td>
<td>
<input id="operator" name="operator" query="=INT" class="easyui-combobox" data-options="
valueField:'dictValue',
textField:'opName',
width:100,
url:'/manage/dict.do?action=loadValueName&bean.opId=yys&bean.dictLevel=2'"/>
</td>
</tr>
<tr>
<td>归属省:</td>
<td>
<input id="province" name="province" query="=" class="easyui-combobox" data-options="
valueField:'opId',
textField:'opName',
width:100,
url:'/manage/dict.do?action=loadIdName&bean.opId=cn&bean.dictLevel=2',
onSelect: function(node){
var url = '/manage/dict.do?action=loadIdName&bean.opId='+node.opId;
$('#city').combobox('clear');
$('#city').combobox('reload', url);
}"/>
</td>
</tr>
<tr>
<td>归属市:</td>
<td>
<input id="city" name="city" query="=" class="easyui-combobox"
data-options="valueField:'opId',textField:'opName',width:100" />
</td>
</tr>
<tr>
<td>号码来源:</td>
<td>
<input id="source" name="source" query="=INT" class="easyui-combobox" data-options="
valueField:'opId',
textField:'siteName',
width:100,
url:'/manage/mobilesite.do?action=loadSourceName'
"/>
</td>
</tr>
<tr>
<td >发布日期从</td>
<td><input type="text" name="publish" id="publish" class="easyui-datebox" query="BEGIN_DATE" style="width: 100px;" ></td>
</tr>
<tr>
<td align="right">至</td>
<td><input type="text" name="publish" id="publish" class="easyui-datebox" query="END_DATE" style="width: 100px;" ></td>
</tr>
</table>
</div>
<div data-options="region:'south',border:false" style="text-align: center; height: 30px; line-height:10px;">
<a class="easyui-linkbutton" data-options="iconCls:'icon-search'" href="javascript:void(doMongoSearch())">搜索</a>
<a class="easyui-linkbutton" data-options="iconCls:'icon-no'" href="javascript:void(cleanSearch())">清空</a>
</div>
</div>
三.后台action方法
public String doPage() {
pageData = new BN_Page("_id", "t_mobile_all", rows, page, sort, order, whereCond);
pageData = DAO_MobileQuery.getPage(pageData);
Map<String, Object> jsonMap = new HashMap<String, Object>();//定义map
jsonMap.put("total",pageData.getRowCount());
jsonMap.put("rows", pageData.getData());
jsonResult =JSONObject.fromObject(jsonMap);
return "doJSON";
}
后台DAO_MobileQuery方法
public static BN_Page getPage(BN_Page page) {
return new DAOMongo().doSelectPage(page, BN_Mobile.class);
}
后台BN_Page.java关键代码
private ArrayList data = new ArrayList();
private int rows = 15;
private int page = 1;
private String whereCond = "";
private int rowCount;
private String tableName = null;
private String sort = "";
private String order = "";
public BN_Page(String keyColumn, String tableName, String rows, String page,
String sort, String order, String whereCond)
{
this.keyColumn = keyColumn;
this.tableName = tableName;
this.rows = Integer.parseInt(rows);
this.page = Integer.parseInt(page);
this.sort = sort;
this.order = order;
this.whereCond = whereCond;
}
.....常规get/set 方法
后台DAOMongo.java关键方法
public BN_Page doSelectPage(BN_Page page, Class beanClass){
DBCollection connection = db.getCollection(page.getTableName());
DBObject queryObject = new BasicDBObject();
if (!ObjectUtil.isNull(page.getWhereCond())){
logger.info("whereCond="+page.getWhereCond());
List<Map<String, Object>> whereCondList = JsonUtil.json2List("["+page.getWhereCond()+"]");
Map<String, Object> map = whereCondList.get(0);
Set<String> set = map.keySet();
for (Iterator<String> it = set.iterator();it.hasNext();) {
String queryColumn = it.next();
String queryValue = map.get(queryColumn).toString();
if (queryColumn.startsWith("B$_") || queryColumn.startsWith("E$_")){
queryColumn = queryColumn.substring(3);
}
if (queryValue.startsWith("LIKE@")){
queryObject.put(queryColumn,
Pattern.compile("^.*"+queryValue.substring(5)+".*$", Pattern.CASE_INSENSITIVE));
}else if (queryValue.startsWith("=@")){
queryObject.put(queryColumn, queryValue.substring(2));
}else if (queryValue.startsWith("=INT@")){
queryObject.put(queryColumn, new Integer(queryValue.substring(5)).intValue());
}else if (queryValue.startsWith(">@")){
if (queryObject.containsField(queryColumn)){
((BasicDBObject)queryObject.get(queryColumn)).append("$gt",queryValue.substring(2));
}else{
queryObject.put(queryColumn, new BasicDBObject("$gt",queryValue.substring(2)));
}
}else if (queryValue.startsWith(">INT@")){
if (queryObject.containsField(queryColumn)){
((BasicDBObject)queryObject.get(queryColumn)).append("$gt",new Integer(queryValue.substring(5)).intValue());
}else{
queryObject.put(queryColumn, new BasicDBObject("$gt",new Integer(queryValue.substring(5)).intValue()));
}
}else if (queryValue.startsWith(">=@")){
if (queryObject.containsField(queryColumn)){
((BasicDBObject)queryObject.get(queryColumn)).append("$gte",queryValue.substring(3));
}else{
queryObject.put(queryColumn, new BasicDBObject("$gte",queryValue.substring(3)));
}
}else if (queryValue.startsWith(">=INT@")){
if (queryObject.containsField(queryColumn)){
((BasicDBObject)queryObject.get(queryColumn)).append("$gte",new Integer(queryValue.substring(6)).intValue());
}else{
queryObject.put(queryColumn, new BasicDBObject("$gte",new Integer(queryValue.substring(6)).intValue()));
}
}else if (queryValue.startsWith("<@")){
if (queryObject.containsField(queryColumn)){
((BasicDBObject)queryObject.get(queryColumn)).append("$lt",queryValue.substring(2));
}else{
queryObject.put(queryColumn, new BasicDBObject("$lt",queryValue.substring(2)));
}
}else if (queryValue.startsWith("<INT@")){
if (queryObject.containsField(queryColumn)){
((BasicDBObject)queryObject.get(queryColumn)).append("$lt",new Integer(queryValue.substring(5)).intValue());
}else{
queryObject.put(queryColumn, new BasicDBObject("$lt",new Integer(queryValue.substring(5)).intValue()));
}
}else if (queryValue.startsWith("<=@")){
if (queryObject.containsField(queryColumn)){
((BasicDBObject)queryObject.get(queryColumn)).append("$lte",queryValue.substring(3));
}else{
queryObject.put(queryColumn, new BasicDBObject("$lte",queryValue.substring(3)));
}
}else if (queryValue.startsWith("<=INT@")){
if (queryObject.containsField(queryColumn)){
((BasicDBObject)queryObject.get(queryColumn)).append("$lte",new Integer(queryValue.substring(6)).intValue());
}else{
queryObject.put(queryColumn, new BasicDBObject("$lte",new Integer(queryValue.substring(6)).intValue()));
}
}else if (queryValue.startsWith("!=@")){
queryObject.put(queryColumn, new BasicDBObject("$ne",queryValue.substring(3)));
}else if (queryValue.startsWith("!=INT@")){
queryObject.put(queryColumn, new BasicDBObject("$ne",new Integer(queryValue.substring(6)).intValue()));
}
}
}
DBObject sortObject = new BasicDBObject();
sortObject.put(page.getSort(), page.getOrder().equals("asc")? 1 : -1);
logger.info("collection="+page.getTableName());
logger.info("queryObject="+queryObject.toString());
logger.info("sortObject="+sortObject.toString());
logger.info("limit="+page.getRows());
logger.info("skip="+page.getRowNo());
DBCursor cursor = connection.find(queryObject);
page.setRowCount(cursor.count());
cursor = cursor.sort(sortObject).limit(page.getRows()).skip(page.getRowNo());
try {
while (cursor.hasNext()){
DBObject object = cursor.next();
BN_Row row = (BN_Row) beanClass.newInstance();
row.columnMap.putAll(object.toMap());
page.addRow(row);
}
} catch (InstantiationException e)
{ // TODO Auto-generated catch block e.printStackTrace(); } catch (IllegalAccessException e) { // TODO Auto-generated catch block e.printStackTrace(); } finally { cursor.close(); }
db = null;
connection = null;
return page;
}