JEECG框架自定义下拉框
JEECG 框架下的 t:select 下拉框控件,只能是定義數(shù)據(jù)字典或者數(shù)據(jù)庫中字段,如果在此控件中 ,下拉框的內(nèi)容不能滿足,我們該怎么辦?
如下圖 合同號的下拉框:
前端部分:
<input id="cpNo" name="cpNo" type="hidden" value='${opmJobPage.cpNo}' />
<select id="contractNo" name="contractNo" style=" border-radius: 3px; width: 100%; height:26px;border: 1px solid #ddd;color: #676a6c;" οnchange="setCpNo()">
? ? <option></option>
</select>
此處保留一個(gè)hidden的原先JEECG框架自動(dòng)生成的Input框,然后加上一個(gè)自定義的select下拉框,PS:此處不要加值,加值的部分,需要放在后面的JS代碼。
?
JS部分:
/*根據(jù)客戶,貨代模式獲取合同號 */
function getCpNo(){
? ? var customer=$("#customer").val();
? ? var jobTypeSel = document.getElementById("jobTypeSel").value;
? ? if(customer!=null&&jobTypeSel!=null){
? ? $.ajax({
? ? ? ? url : 'opmJobController.do?getContractNo',
type : 'post',
? ? ? ? data : {"customer":customer,"jobTypeSel":jobTypeSel},
? ? ? ? cache : false,
? ? ? ? async : false,
? ? ? ? dataType : "json",
? ? ? ? success : function(data) {
? ? ? ? if (data.success) {?
? ? $("#contractNo").empty().append("<option>Select</option>");
? ? ? ? ? ? ? ?if(data.obj){
var contractNo =$("#cpNo").val();
var cpNoList =data.obj;
for(var i = 0; i < cpNoList.length; i++){
var code = cpNoList[i].SERIAL_NO;
if(contractNo==code){
? ? $("#contractNo").append("<option value='"+code+"' selected='selected'>"+code+"</option>");
}else{
$("#contractNo").append("<option value='"+code+"'>"+code+"</option>");
? ? ? ? ? ? ? ? ? ? ? ? ? ? ?}
? ? ? ? ? ? ? ? ? ? ?}
? ? ? ? ? ? ? }
? ? ? ? }
? ? }
});
}
}
function setCpNo(){
? ? var cpNo = document.getElementById("contractNo").value;
? ? $("#cpNo").val(cpNo);
}
后端部分:
@RequestMapping(params = "getContractNo")
@ResponseBody
public AjaxJson getCpNo(String customer ,String jobTypeSel, HttpServletRequest request) {
AjaxJson j = new AjaxJson();
String message = null;
String contract= null;
try {
if(jobTypeSel.equals("FWNG")||jobTypeSel.equals("FWG")){
contract = "1";
}else{
contract = "2";
}
String hql = "select SERIAL_NO from cbm_voy_charter where CHARTERER_NAME=? and CONTRACT=?";
List<Map<String, Object>> coaList = systemService.findForJdbc(hql,customer,contract);
if (coaList != null && coaList.size() > 0) {
j.setObj(coaList);
}
}catch (Exception e) {
e.printStackTrace();
throw new BusinessException(e.getMessage());
}
j.setMsg(message);
return j;
}
轉(zhuǎn)載于:https://www.cnblogs.com/XjStudy/p/10426142.html
總結(jié)
以上是生活随笔為你收集整理的JEECG框架自定义下拉框的全部內(nèi)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 音频基本概念
- 下一篇: 自媒体运营,你要的小工具来了