1. 程式人生 > >spring mvc easyui tree 非同步載入

spring mvc easyui tree 非同步載入

使用spring mvc 註解 非同步載入一棵樹

jsp:

<ul id="orgInfoTree"></ul>
$(function(){
loadOrgTree();
}); 

function loadOrgTree(){
$('#orgInfoTree').tree({
checkbox: true,
lines:true,
url: '<%=request.getContextPath()%>/FNCG_PD_QRY/loadOrgTree', 這是第一次載入樹的url 載入根節點
onBeforeExpand:function(node){
$(
"#orgInfoTree").tree('options').url='<%=request.getContextPath()%>/FNCG_PD_QRY/loadOrgChildrenTree?FID='+node.id; 這是點選根節點的時候傳送請求去載入子節點 }, onClick:function(node){ $("#orgInfoTree").tree('options').url='<%=request.getContextPath()%>/FNCG_PD_QRY/loadOrgChildrenTree?FID='+node.id; } }); }

controller部分:

@RequestMapping("/loadOrgTree")
    @ResponseBody
    public String loadOrgTree(){
List<OrgTree> OTList = fncg_PD_QRY_Service.loadOrgTree();
StringBuffer sb = new StringBuffer();
sb.append("[");
for (OrgTree orgTree : OTList) {
    sb.append("{\"id\":" + orgTree.getORGN_CODE() + " ,\"text\":" + "
\"" + orgTree.getORGN_NAME() + "\"" + " ,\"state\":" + " \"closed\" " + " ,\"attributes\":" + "\"" + orgTree.getORGN_LVL() + "\"" + "},"); } sb.deleteCharAt(sb.length() - 1); sb.append("]"); return sb.toString(); } @RequestMapping("/loadOrgChildrenTree") @ResponseBody public String loadOrgChildrenTree(String FID){ List<OrgTree> OTList = fncg_PD_QRY_Service.loadOrgChildrenTree(FID); StringBuffer sb = new StringBuffer(); sb.append("["); for (OrgTree orgTree : OTList) { sb.append("{\"id\":" + orgTree.getORGN_CODE() + " ,\"text\":" + "\"" + orgTree.getORGN_NAME() + "\"" + " ,\"state\":" + " \"closed\" " + " ,\"attributes\":" + "\"" + orgTree.getORGN_LVL() + "\"" + "},"); } sb.deleteCharAt(sb.length() - 1); sb.append("]"); return sb.toString(); }

service部分:

public List<OrgTree> loadOrgTree(){
        return fncg_PD_QRY_Dao.loadOrgTree();
    }
    
    public List<OrgTree> loadOrgChildrenTree(String FID){
        return fncg_PD_QRY_Dao.loadOrgChildrenTree(FID);
    }

dao部分:

public List<OrgTree> loadOrgTree();
    
    public List<OrgTree> loadOrgChildrenTree(@Param("FID") String FID);

xml,介面對應的sql部分

<select id="loadOrgTree" resultMap="com.cvicin.products.productManage.fngg.mapper.poRes.OrgTree">
          SELECT B.ID AS ID,B.ORGN_CODE AS ORGN_CODE,B.F_ORGN_ID AS F_ORGN_ID,B.ORGN_NAME AS ORGN_NAME,B.ORGN_LVL AS ORGN_LVL FROM ORGN_BASIC B WHERE B.ORGN_LVL = (SELECT min(A.ORGN_LVL) FROM ORGN_BASIC A) 
    </select>        
        
    <select id="loadOrgChildrenTree" parameterType="java.lang.String" resultMap="com.cvicin.products.productManage.fngg.mapper.poRes.OrgTree">
          SELECT B.ID AS ID,B.ORGN_CODE AS ORGN_CODE,B.F_ORGN_ID AS F_ORGN_ID,B.ORGN_NAME AS ORGN_NAME,B.ORGN_LVL AS ORGN_LVL FROM ORGN_BASIC B WHERE B.F_ORGN_ID = #{FID,jdbcType=VARCHAR}  
    </select>

javaBean和對應的xml:

public class OrgTree extends BasePO{private int ID;
private String ORGN_CODE;
private String F_ORGN_ID;
private String ORGN_NAME;
private String ORGN_LVL;

public int getID() {
return ID;
}
public void setID(int iD) {
ID = iD;
}
public String getORGN_CODE() {
return ORGN_CODE;
}
public void setORGN_CODE(String oRGN_CODE) {
ORGN_CODE = oRGN_CODE;
}
public String getF_ORGN_ID() {
return F_ORGN_ID;
}
public void setF_ORGN_ID(String f_ORGN_ID) {
F_ORGN_ID = f_ORGN_ID;
}
public String getORGN_NAME() {
return ORGN_NAME;
}
public void setORGN_NAME(String oRGN_NAME) {
ORGN_NAME = oRGN_NAME;
}
public String getORGN_LVL() {
return ORGN_LVL;
}
public void setORGN_LVL(String oRGN_LVL) {
ORGN_LVL = oRGN_LVL;
}

}
<resultMap id="OrgTree" type="com.cvicin.products.productManage.OrgTree">
<result property="ID"		   column="ID" />
<result property="ORGN_CODE"	   column="ORGN_CODE" />
<result property="F_ORGN_ID"	   column="F_ORGN_ID" />
<result property="ORGN_NAME"	   column="ORGN_NAME" />
<result property="ORGN_LVL"	    column="ORGN_LVL" />
    </resultMap>


一顆無重新整理的,非同步載入的tree

相關推薦

spring mvc easyui tree 非同步載入

使用spring mvc 註解 非同步載入一棵樹 jsp: <ul id="orgInfoTree"></ul> $(function(){ loadOrgTree();

EasyUI實現非同步載入Tree

Html內容:<fieldset style="height: 350px;"> <ul id="taskTree" style="height:400px;width:250px

Spring mvc+Easyui遇到的幾個問題

vra length close rep rom dsm process 文件 addclass 簡單的一個數據表的增刪查改的總體界面的展示效果例如以下圖: 1.datagrid數據載入問題 datagrid通過url請求後臺數據,總記錄數和數據

asp.net mvc easyui tree

ole http for serialize quest form 加載 col new 1、html頁面代碼:   <div class="easyui-panel" style="padding:5px" id="powerTree">

ContextLoaderListener和Spring MVC中的DispatcherServlet載入內容的區別【轉】

原文地址:https://blog.csdn.net/py_xin/article/details/52052627 ContextLoaderListener和DispatcherServlet都會在Web容器啟動的時候載入一下bean配置.  區別: DispatcherServle

easyui datagrid 非同步載入資料時滾動條有時會自動滾到最底部的問題

在使用easyui 的datagrid非同步載入資料時發現滾動條有時會自動滾到最底部。經測試發現,如果載入資料前沒有選中行則不會出現這個問題。這樣我們可以在重新非同步載入資料前取消選中行就可以避免這個問題。 //easyui datagrid 取消選中行 $("#dg").datagrid("clea

ext tree 非同步載入取消自動載入功能。

今天在一個面板上面嵌套了一個treepanel,需要得到當前的id後傳送到後天獲取值,這時候就不要treestore的自動載入了,我是用到非同步載入的。 解決辦法把下面程式碼註釋掉: Ext.define("Sharera.system.store.directory.Un

實現spring mvc 的java config 載入不同配置檔案

需要配置一個spring 啟動時的事件監聽器. SpringRootAppInitListener.java 配置類 /** * spring 根容器啟動時的監聽事件 * * @return Application

spring mvc 和ajax非同步互動完整例項

Spring MVC 非同步互動demo: 1.jsp頁面: <%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%> <!DOC

easyui combotree 非同步載入節點 載入值顯示數字id無法顯示文字

在頁面上,使用combotree控制元件的時候,由於節點是非同步載入的,人為點選展開節點,才會載入下層子節點。當combotree載入數值的時候,如果是根節點,則可以展示正常的節點文字在combotree文字框中,如果載入數值的節點id是更深層次的子節點,則無法正常展示節點

spring mvc+ajaxfileupload 實現非同步上傳圖片

1.匯入包引入js 匯入spring包以及如下包 <dependency><groupId>commons-io</groupId><artifactId>commons-io</artifactId><ve

spring mvc 實現http非同步請求處理

          需要注意,非同步請求是servlet 3.0及以上的特性。所以在web.xml中配置http://java.sun.com/xml/ns/javaee/web-app_3_0.xsd" version="3.0" 要改為3.0,還有就是spring mv

jquery easyui tree動態載入-服務端struts返回json資料

第一種方法: js:  <script type="text/javascript"> $(function() { $(document).ready(function() {

springmvc easyUI tree 動態載入資料庫實現

介紹大家如何實現樹構造 1:傻白甜實現,無需理解樹構造,擼主會告訴你們如何直接呼叫。2:以擼主的理解,來講解樹的實現,如有錯誤敬請理解。 這裡先說明,擼主用的是dbutils 外掛來實現查詢資料庫 你們用自己的方法查詢資料庫也可以 1:首先,建立我們要實現的樹類: pu

easyui非同步載入tree的問題

想要實現從本地中載入json檔案,通過事件來動態的插入到ul中時,遇到了一小bug html中程式碼是這樣的 <ul class="easyui-tree" id="tt"></ul> js中的程式碼 $(".next-menu:

easyui tree非同步載入 前臺的編寫方法和後臺的json資料格式組裝方法

這是本人第一個技術文章,首先宣告,我其實是一個菜鳥 ,工作也才不到三個月,從認識java到現在也才剛剛一年。 寫這篇文章呢,也主要是為了把自己的心得記錄下來,也為了以後可以翻閱。 同時也希望可以分享出來與大家一起探討。 寫的不好,請輕噴,有什麼不對的地方,指出來大家一起探討

Spring MVC整合fastjson、EasyUI亂碼問題

pri har value object 解決 pub return urn ast 一、框架版本 Spring MVC:spring-webmvc-4.0.0.RELEASE fastjson:fastjson-1.2.45 EasyUI:1.5 二、亂碼現象

spring MVC載入靜態資源(js、圖片、css等)

這裡介紹三種在spring mvc框架中,載入靜態資源的方式: 如果在web.xml中配置了以下攔截,載入不了靜態資源的問題: <!-- 對映所有的請求 -->     <servlet-mapping>  &nb

spring-mvc.xml裡配置非同步

<!--配置對應的package名--> <context:component-scan base-package="com.sycamore.asynchronous" />             <

Spring MVC非同步處理-DeferedResult使用

DeferedResult處理流程 Spring mvc的控制層接收使用者的請求之後,如果要採用非同步處理,那麼就要返回DeferedResult<>泛型物件。在呼叫完控制層之後,立即回返回DeferedResult物件,此時驅動控制層的容器主執行緒,可以處理更多的請求。