js多个高级查询一起取值传向后端

zoukankan html css js c++ java

js多个高级查询一起取值传向后端

注意：每个模糊查询都有一个单独的方法---》只针对下拉框　

　java显示searchData方法（获取页面所有的值）

/**
* 查询list
*/
@RequestMapping(value = "/searchData")
public CIPResponseQueryMsg searchData(CIPReqParameter parameter) { //调用此码集的方法可以同时获取前端页面的所有值
CIPResponseQueryMsg msg = new CIPResponseQueryMsg();
CIPPageInfo page = new CIPPageInfo(parameter.getPage(),parameter.getRows());
String conditonStr = parameter.getSearch_condition();
// CIPReqCondition[] conditions = CIPUtil.getReqCondition(conditonStr,
// C_ACTION_SEARCH_DATA, "authOrg");
CIPReqCondition[] conditions = null;
if (conditonStr != null) {
Map reqCondtions = JSONUtils.convertJson2Object(conditonStr,
HashMap.class);
// CIPConfigureData0 data =
// JSONUtils.convertJson2Object(msg.data.toString(),
// CIPConfigureData0.class);
Set<String> keys = reqCondtions.keySet();
CIPReqCondition req = null;
CIPReqCondition[] tempConditions = new CIPReqCondition[keys.size()];
int i = 0;
String value;
for (String key : keys) { //把前端的每个值读给key
value = (String) reqCondtions.get(key);
req = new CIPReqCondition();
if(value.length()>0){
if (key.equals("attach_title")) { //前端每个字段的值都要
req.setFieldName("attach_title");
req.setOperator(0);
req.setLowValue(value);
}
if (key.equals("file_number")) {
req.setFieldName("file_number");
req.setOperator(0);
req.setLowValue(value);
}
if (key.equals("file_star")) {
req.setFieldName("file_star");
req.setOperator(0);
req.setLowValue(value);
}
if (key.equals("file_type")) {
req.setFieldName("file_type");
req.setOperator(0);
req.setLowValue(value);
}
if (key.equals("category")) {
req.setFieldName("category");
req.setOperator(0);
req.setLowValue(value);
}
if (key.equals("attach_type")) {
req.setFieldName("attach_type");
req.setOperator(0);
req.setLowValue(value);
}
if (key.equals("upload_man")) {
req.setFieldName("upload_man");
req.setOperator(0);
req.setLowValue(value);
}
if (key.equals("begin_time")) {
req.setFieldName("begin_time");
req.setOperator(0);
req.setLowValue(value);
}

if (key.equals("end_time")) {

req.setFieldName("end_time");
req.setOperator(0);
req.setLowValue(value);
}
if (key.equals("project_id")) {
req.setFieldName("project_id");
req.setOperator(0);
req.setLowValue(value);
}
if (key.equals("file_keyword")) {
req.setFieldName("file_keyword");
req.setOperator(0);
req.setLowValue(value);
}
tempConditions[i++] = req;
}
if (i > 0) {
conditions = new CIPReqCondition[i];
System.arraycopy(tempConditions, 0, conditions, 0, i);
}
}
List<WCM_document_libraryData> vos = dataService.searchData(page,conditions);;

msg.errorCode = CIPErrorCode.CALL_SUCCESS.code;
msg.msg = CIPErrorCode.CALL_SUCCESS.name;
msg.rows = vos;
msg.total = page.getTotal();
}
return msg;
}

===============================================我是js和java的分割线============================================

红色字体必须有，重点

js页面

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link rel="stylesheet" type="text/css"
href="../../js/jquery-easyui/themes/orange/easyui.css" />
<link rel="stylesheet" type="text/css"
href="../../js/jquery-easyui/themes/icon.css" />
<link rel="stylesheet" type="text/css" href="../../css/common.css" />
<link rel="stylesheet" type="text/css" href="../../css/button.css" />
<script type="text/javascript"
src="../../js/jquery-easyui/jquery.min.js"></script>
<script type="text/javascript"
src="../../js/jquery-easyui/jquery.easyui.min.js"></script>
<script type="text/javascript"
src="../../js/jquery-easyui/locale/easyui-lang-zh_CN.js"></script>
<script type="text/javascript" src="../../js/validate.js"></script>
<script type="text/javascript" src="../../js/jcdf-1.0.js"></script>
<script type="text/javascript" src="../../js/json2.js"></script>
<script type="text/javascript" src="../../js/jcdf-index-1.0.js"></script>
<script type="text/javascript" src="../../js/jcdf-contants-1.0.js"></script>
<script type="text/javascript" src="../../js/ajaxfileupload.js"></script>
<script type="text/javascript" src="../../js/checkFrom.js"></script>
<style type="text/css">
.td_title {
word-break: keep-all;
white-space: nowrap;
}
</style>
<script type="text/javascript">
var project_id ='';
var project_name ='';
var attach_id = "";
var attach_title ='';
var objectName = '搜索';
var formTemplate = '#wcm_document_library_form';
var getDataUrl = "/wcm/actions/document_library/getDataName.do?actionId=mswcm_document_library_getDataName";
var searchDataURL = '/wcm/actions/document_library/searchData.do?actionId=mswcm_document_library_searchData';    //锁定模糊查询后查询list的url
//var pageId = 'wcm_base_project_form';
var pageId = 'mswcm_vague_file_form';
var appId = '/wcm/';
//下拉框显示的数据
var titleUrl = "/wcm/actions/base_project/titleSearch.do?actionId= &searchValue="; //项目id和项目名称
var expellActions = {
"mswcm_document_library_searchData" : searchDataURL, //加载一下searchDataURL 方法
};
$(function() {
init();
//保存按钮单击事件
$("#btn_save").bind("click", function() {
submitData();
});
//取消按钮关闭表单
$("#btn_cancel").bind("click", function() {
$$.closeJcdfDialog();
});
});

function init() {
attach_id = $$.QueryString("attach_id");
loadEditData();
};

function loadEditData() {
$$.openProcessingDialog();
var jsonData = {
"attach_id" : attach_id
};
$.ajax({
type : "POST",
url : getDataUrl,
dataType : "json",
contentType : "application/json",
data : JSON.stringify(jsonData),
success : function(oData) {
$$.closeProcessingDialog();
if (oData != null && oData.errorCode == 0) {
editHistoryData = oData.data;
$(formTemplate).form('load', editHistoryData);
} else {
$$.showJcdfMessager('提示消息', oData.msg, 'warning');
}
}
});
}

//获取实际值id，与文本框值name //根据id获取name
function loadCombobox(){

$("#project_id").combobox({
url:titleUrl,
valueField:'project_id',
textField:'project_name'
});

}

function submitData() {
if (!$(formTemplate).form('validate')) {
return false;
}
var jsonData = $$.serializeToJson(formTemplate);
if (!jsonData)
return false;
$.ajax({
url : searchDataURL , //锁定后的search路径一定要对
dataType : 'json',
data : JSON.stringify(jsonData),
contentType : "application/json",
type : 'POST',
success : function(oData) {
var errorCode = oData.errorCode;
msg = oData.msg;
if (oData && errorCode == 0) {
$.messager.alert("提示消息", "操作成功");
parent.location.reload();
$(formTemplate).form('clear');
} else {
$.messager.alert("消息", msg);
}
},
});
}
function importData(id_task_id, fValue) {
var urlGet = "/wcm/actions/manager/addAttachment.do?actionId=add_attachment&task_id="
+ id_task_id;
if (fValue != "") {
$.ajaxFileUpload({
url : urlGet, //用于文件上传的服务器端请求地址
secureuri : false, //是否需要安全协议，一般设置为false
fileElementId : 'file', //文件上传域的ID
dataType : 'text', //返回值类型一般设置为json
contentType : "application/json",
async : false,
success : function(data, status) //服务器成功响应处理函数
{
data = jQuery.parseJSON(jQuery(data).text());
if (status == "success" && data.errorCode == 0) {
} else {
$$.showJcdfMessager('提示消息', data.msg, 'warning');
$$.closeJcdfDialog();
}
}
});
}
};

function btn_reset() {
$(formSearchTemplate).form('reset');
};

function getData(buttonId, actionUrl) {
var selectRow = $$.getSingleSelectRow(listId, "请选择你要查看的" + objectName);

if (selectRow) {
var tempUrl = '';
tempUrl = tempUrl + '&file_id=' + selectRow.file_id;
tempUrl += "&actionUrl=" + actionUrl + "&tableId=" + listId
+ "&refActionId=" + buttonId;
$$.openJcdfDialog(getFormUrl + tempUrl, '查看' + objectName,
500, 600);
}
};

/**
*@funtion 默认开始日期是当前时间
*/
$(function() {
var curr_time = new Date();
var strDate = curr_time.getFullYear() + "-";
strDate += curr_time.getMonth() + 1 + "-";
strDate += curr_time.getDate() + " ";
strDate += curr_time.getHours() + ":";
strDate += curr_time.getMinutes() + ":";
strDate += curr_time.getSeconds() + "";
$("#sub_time").datetimebox("setValue", strDate);
$("#project_time").datetimebox("setValue", strDate);
});
</script>
</head>
<body>
<div class="easyui-panel"
data-options="region:'north', split:false, border:false,fit:true"
style="padding: 0px 0;">
<br />
<form id="wcm_document_library_form" style="height: 1050px; margin-left: 40px">
<table style=" 900px; border-collapse: separate; border-spacing: 10px;"
align="left">
<tr>

《》《》《》《》《》《》《》《》《》《》《》《》《》《》《》《》《》《》《》《》《》《》《》《》《》《》《》《》《》《》《》《》《》

一下这些红色字段必须要在searcData的list《类名Data》里面要有相对应的字段
<td class="right"><label for="attach_title">附件名称:</label></td>
<td class="left">
<input type="text" id="attach_title" name = "attach_title"
size="50" class="easyui-combobox"
data-options="valueField:'attach_title'" /></td>
</tr>
<tr>
<td class="right"><label for=file_number>文档编号:</label></td>
<td class="left" colspan="2">
<input type="text" id="file_number" name="file_number"
style=" 200px; height: 26px" class="easyui-numberbox" data-options="required:false" /></td>
<td class="right"><label for="file_star">文件星级:</label></td>
<td class="left" colspan="2"><select class="easyui-combobox"
id="file_star" name="file_star" editable="false"
style=" 200px; height: 26px">
<option value="">---请选择---</option>
<option value="文件星级1">*</option>
<option value="文件星级2">**</option>
<option value="文件星级3">***</option>
<option value="文件星级4">****</option>
<option value="文件星级5">*****</option>
</select></td>
</tr>
<tr>
<td class="right"><label for="file_type">文档类别:</label></td>
<td class="left" colspan="2"><select class="easyui-combobox"
id="file_type" name="file_type" editable="false"
style=" 200px; height: 26px">
<option value="">---请选择---</option>
<option value="kc">课程</option>
<option value="mb">模版</option>
<option value="xmjf">项目交付物</option>
<option value="zl">资料</option>
</select></td>
<td class="right"><label for="category">所属类别:</label></td>
<td class="left" colspan="2"><select class="easyui-combobox"
id="category" name="category" editable="false"
style=" 200px; height: 26px">
<option value="">---请选择---</option>
<option value="xt">系统开发类</option>
<option value="rl">人力成本类</option>
<option value="cs">车线成本/时效类</option>
<option value="cd">场地建设类</option>
<option value="hy">会议筹办类</option>
<option value="sb">设备效率类</option>
<option value="cz">操作类</option>
<option value="cw">财务金融类</option>
<option value="wd">网点客户类</option>
<option value="ggmt">公关媒体类</option>
</select></td>
</tr>
<tr>
<td class="right"><label for="attach_type">附件类型:</label></td>
<td class="left" colspan="2"><select class="easyui-combobox"
id="attach_type" name="attach_type" editable="false"
style=" 200px; height: 26px">
<option value="">---请选择---</option>
<option value="*">*</option>
<option value="doc">Word文件（.doc）</option>
<option value="pdf">PDF文件（.pdf）</option>
<option value="txt">文本文件（.txt）</option>
<option value="xls">Excel文件（.xls）</option>
<option value="ppt">PPT文件（.ppt）</option>
<option value="mmp">Project文件（.mmp）</option>
</select></td>
<td align="right" for="upload_man">上传人：</td>
<td><input type="" id="upload_man" name="upload_man"
style=" 200px; height: 30px" class="easyui-combobox"
data-options="valueField:'upload_man', textField:'upload_man'" />
</td>
</tr>
<tr>

<td align="right">上传时间：</td>
<td><input type="text" id="begin_time" name="begin_time"
style=" 200px; height: 30px" class="easyui-datebox"
required="required" data-options="required:false" /> 到 <input
type="text" id="end_time" name="end_time"
style=" 200px; height: 30px" class="easyui-datebox"
required="required" data-options="required:false" /></td>
</tr>
<tr>
<td class="right"><label for="project_id">所属项目:</label></td>
<td class="left" colspan="2"><input type="text"
id="project_name" name="project_name"
style=" 400px; height: 26px" class="easyui-combobox"
data-options="valueField:'project_name', textField:'project_name'" />
</td>
</tr>
<tr>
<td class="right"><label for="file_keyword">文件关键字:</label></td>
<td class="left" colspan="2"><textarea type="text"
id="file_keyword" name="file_keyword"
style=" 400px; height: 70px" class="txt_input"
data-options="required:false"></textarea></td>
</tr>
</table>
<br /> <br /> <br />
<div class="button-section">
<a id="btn_save" href="#" class="easyui-linkbutton"
iconCls="icon-ok">搜索</a> <a id="btn_reset" href="#"
class="easyui-linkbutton" iconCls="icon-ok">重置</a> <a
id="btn_cancel" href="#" class="easyui-linkbutton"
iconCls="icon-cancel">取消</a>

</div>
</form>
</body>
</html>
<script type="text/javascript">
// 文件名称模糊查询

//projectTitleSearch("#attach_title", "", titleUrl);
$(function() {
var fujianUrl = "/wcm/actions/document_library/getFuJianDataName.do?actionId=mswcm_document_library_FUJIANData";
$("#attach_title").combobox({
prompt : '输入空格或关键字后自动搜索',
url:fujianUrl,
valueField : 'attach_id',
textField : 'attach_title',
filter: function(q, row){
var opts = $(this).combobox('options');
return row[opts.textField].indexOf(q) > -1;
},
loadFilter : function(oData) {
var data = oData.data;
return data;
}
});

// 获取上传人模糊数据
var upload_manUrl = "/wcm/actions/document_library/upload_manData.do?actionId=mswcm_document_library_upload_manData";
$("#upload_man").combobox({
prompt : '输入空格或关键字后自动搜索',
url:upload_manUrl,
valueField : 'upload_man',
textField : 'upload_man',
filter: function(q, row){
var opts = $(this).combobox('options');
return row[opts.textField].indexOf(q) > -1;
},
loadFilter : function(oData) {
var data = oData.data;
return data;
}
});

// 项目名称模糊查询
var titleUrl = "/wcm/actions/base_project/titleSearch.do?actionId=wcm_base_project_titleSearch&searchValue=";
$(function() {
$('#project_name').combobox({
prompt : '输入空格或关键字后自动搜索',
url:titleUrl,
valueField : 'project_id',
textField : 'project_name',
filter: function(q, row){
var opts = $(this).combobox('options');
return row[opts.textField].indexOf(q) > -1;
},
loadFilter : function(oData) {
var data = oData.data;
return data;
}
});
});

});

</script>

查看全文

相关阅读:
直面焦虑烦恼谈谈成长
 Makefile入门1
递归
 极客时间的专栏
 作者介绍
 1.试除法判定质数 2.分解质因数质数
 17.没有上司的舞会树形DP
17.二分图的最大匹配
 16.染色法判定二分图
 15.Kruskal算法求最小生成树

原文地址：https://www.cnblogs.com/Darkqueen/p/9108630.html