国产99久久精品_欧美日本韩国一区二区_激情小说综合网_欧美一级二级视频_午夜av电影_日本久久精品视频

最新文章專題視頻專題問答1問答10問答100問答1000問答2000關鍵字專題1關鍵字專題50關鍵字專題500關鍵字專題1500TAG最新視頻文章推薦1 推薦3 推薦5 推薦7 推薦9 推薦11 推薦13 推薦15 推薦17 推薦19 推薦21 推薦23 推薦25 推薦27 推薦29 推薦31 推薦33 推薦35 推薦37視頻文章20視頻文章30視頻文章40視頻文章50視頻文章60 視頻文章70視頻文章80視頻文章90視頻文章100視頻文章120視頻文章140 視頻2關鍵字專題關鍵字專題tag2tag3文章專題文章專題2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章專題3
問答文章1 問答文章501 問答文章1001 問答文章1501 問答文章2001 問答文章2501 問答文章3001 問答文章3501 問答文章4001 問答文章4501 問答文章5001 問答文章5501 問答文章6001 問答文章6501 問答文章7001 問答文章7501 問答文章8001 問答文章8501 問答文章9001 問答文章9501
當前位置: 首頁 - 科技 - 知識百科 - 正文

easyui的下拉框動態級聯加載的實現方法(附代碼)

來源:懂視網 責編:小采 時間:2020-11-27 19:55:02
文檔

easyui的下拉框動態級聯加載的實現方法(附代碼)

easyui的下拉框動態級聯加載的實現方法(附代碼):這次給大家帶來easyui的下拉框動態級聯加載的實現方法(附代碼),easyui下拉框動態級聯加載的注意事項有哪些,下面就是實戰案例,一起來看一下。easyui的下拉框動態加載數據,高校中要根據首先查詢所有學院,然后根據學院動態加載課程。下面看如何實現。1.
推薦度:
導讀easyui的下拉框動態級聯加載的實現方法(附代碼):這次給大家帶來easyui的下拉框動態級聯加載的實現方法(附代碼),easyui下拉框動態級聯加載的注意事項有哪些,下面就是實戰案例,一起來看一下。easyui的下拉框動態加載數據,高校中要根據首先查詢所有學院,然后根據學院動態加載課程。下面看如何實現。1.

這次給大家帶來easyui的下拉框動態級聯加載的實現方法(附代碼),easyui下拉框動態級聯加載的注意事項有哪些,下面就是實戰案例,一起來看一下。

easyui的下拉框動態加載數據,高校中要根據首先查詢所有學院,然后根據學院動態加載課程。下面看如何實現。

1.界面效果

QQ截圖20180414115031.png

2. html + js代碼

<span>學院名稱:</span> 
<input class="easyui-combobox" style="width:30%;" id="collegeName"> 
<span>課程名稱:</span> 
<input class="easyui-combobox" style="width:30%;" id="courseName"><br/>
$(function() { 
 // 下拉框選擇控件,下拉框的內容是動態查詢數據庫信息 
 $('#collegeName').combobox({ 
 url:'${pageContext.request.contextPath}/loadInstitution', 
 editable:false, //不可編輯狀態 
 cache: false, 
 panelHeight: '150', 
 valueField:'id', 
 textField:'institutionName', 
 onHidePanel: function(){ 
 $("#courseName").combobox("setValue",'');//清空課程 
 var id = $('#collegeName').combobox('getValue'); 
 //alert(id); 
 $.ajax({ 
 type: "POST", 
 url: '${pageContext.request.contextPath}/loadCourse?id=' + id, 
 cache: false, 
 dataType : "json", 
 success: function(data){ 
 $("#courseName").combobox("loadData",data); 
 } 
 }); 
 } 
}); 
 $('#courseName').combobox({ 
 //url:'itemManage!categorytbl', 
 editable:false, //不可編輯狀態 
 cache: false, 
 panelHeight: '150',//自動高度適合 
 valueField:'id', 
 textField:'courseName' 
 }); 
});

3.后臺代碼

@RequestMapping("/loadInstitution") 
 /** 
 * 加載學院 
 * @param 
 * @param 
 * @return void 
 * @exception/throws [違例類型] [違例說明] 
 * @see [類、類#方法、類#成員] 
 * @deprecated 
 */ 
 public void loadInstitute(HttpServletRequest request, 
 HttpServletResponse response) throws Exception { 
 try { 
 JackJsonUtils JackJsonUtils = new JackJsonUtils(); 
 List<Institution> institutionList = institutionBean 
 .queryAllColleage(); 
 System.out.println("學院list大小=====" + institutionList.size()); 
 String result = JackJsonUtils.BeanToJson(institutionList); 
 System.out.println(result); 
 JsonUtils.outJson(response, result); 
 } catch (Exception e) { 
 logger.error("加載學院失敗", e); 
 } 
 } 
 
 @RequestMapping("/loadCourse") 
 /** 
 * 動態加載課程 
 * 
 * 
 * @param 
 * @param 
 * @return void 
 * @exception/throws [違例類型] [違例說明] 
 * @see [類、類#方法、類#成員] 
 * @deprecated 
 */ 
 public void loadCourse(HttpServletRequest request, 
 HttpServletResponse response) throws Exception { 
 JackJsonUtils JackJsonUtils = new JackJsonUtils(); 
 String id = request.getParameter("id"); 
 System.out.println("學院id====" + id); 
 try { 
 if(id != null && id != ""){ 
 List<CourseInfo> listCourseInfoList = courseBean 
 .queryAllCourseInfos(id); 
 System.out.println("課程list大小=====" + listCourseInfoList.size()); 
 String result = JackJsonUtils.BeanToJson(listCourseInfoList); 
 System.out.println(result); 
 JsonUtils.outJson(response, result); 
 } 
 } catch (Exception e) { 
 logger.error("加載課程失敗", e); 
 } 
 }

根據基礎提供的接口查詢學院和課程,轉換為json格式后綁定到前臺控件上。

相信看了本文案例你已經掌握了方法,更多精彩請關注Gxl網其它相關文章!

推薦閱讀:

有哪些vue組件的書寫方法

通過JS獲取JSON數據并加載的步驟詳解

JS怎樣讓元素沿著拋物線軌跡運動

聲明:本網頁內容旨在傳播知識,若有侵權等問題請及時與本網聯系,我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com

文檔

easyui的下拉框動態級聯加載的實現方法(附代碼)

easyui的下拉框動態級聯加載的實現方法(附代碼):這次給大家帶來easyui的下拉框動態級聯加載的實現方法(附代碼),easyui下拉框動態級聯加載的注意事項有哪些,下面就是實戰案例,一起來看一下。easyui的下拉框動態加載數據,高校中要根據首先查詢所有學院,然后根據學院動態加載課程。下面看如何實現。1.
推薦度:
標簽: 代碼 ea easyUI
  • 熱門焦點

最新推薦

猜你喜歡

熱門推薦

專題
Top
主站蜘蛛池模板: 国产精品视频一区二区三区经 | 亚洲国产成人久久一区久久 | 日韩第八页 | 成人欧美一区二区三区 | 九九久久香港经典三级精品 | 国产成人一区二区三区 | 国产精品一区二区久久精品 | 亚洲韩国日本欧美一区二区三区 | 久久久精品一区二区三区 | 亚洲欧美激情精品一区二区 | 亚洲精品综合久久中文字幕 | 免费精品国产 | 日韩欧美影院 | 国产美女视频黄a视频全免费网站 | 国产69精品久久久久777 | 综合 欧美 国产 视频二区 | 欧美亚洲综合另类 | 一区二区三区国产 | 国产精品久久二区三区色裕 | 最新国产在线播放 | 中文字幕一区二区三区久久网站 | 久久久久久久久国产 | 日韩在线欧美 | 91欧美在线 | 欧美成人禁片在线观看网址 | 国产成a人片在线观看视频下载 | 美女一级a毛片免费观看 | 欧美日韩国产高清视频 | 中文字幕日韩精品有码视频 | 久久国产精品久久久久久久久久 | 一级毛片免费毛片一级毛片免费 | 亚洲一区二区三区91 | 国产成人精品aaaa视频一区 | 欧美日韩视频在线 | 一级毛片一级毛片一级级毛片 | 久久精品国产精品亚洲20 | 一区二区三区观看 | 国产成人精品免费视频大全五级 | 国产一区在线播放 | 广州一级毛片 | 精品国产一区二区三区在线观看 |