easyui tree 把選中的值存到資料庫中並從資料庫中取出在tree上顯示出來
jsp頁面:
選擇收文機構:
<a href="#" onclick="collapseAll()">全部關閉</a>
<a href="#" onclick="expandAll()">全部展開</a>
<input type="hidden" name="fileoperate.sendUnitId"
id="sendUnitId" />
<input type="hidden" name="fileoperate.sendUnitName"
id="sendUnitName" />
<br />
<ul id="jigou">
</ul>
後臺:(從資料庫中取出資訊拼接json串)
public String areaStorageAct() {
// ----------------------------------------------------------------------------------
Map session = ServletActionContext.getContext().getSession();
InfoWebBean infoWebBean=(InfoWebBean) session.get("infobean");
adminId=infoWebBean.getId();//結果:32位的Id
adminUser=clubService.findAdminById(adminId);
String adminArea="";
String adminAreaName="";
IAreaManage areaManage = AreaManageBean.getInstance();
myAreaManageList = new ArrayList<AreaManage>();
StringBuffer buffer=new StringBuffer();
if (StringUtils.isNotBlank(adminUser.getXian())&&!"null".equals(adminUser.getXian())) {
adminArea=adminUser.getXian();
buffer.append("");
treeData=buffer.toString();
ServletActionContext.getRequest().setAttribute("treeData",treeData);
}else if(StringUtils.isNotBlank(adminUser.getShi())&&!"null".equals(adminUser.getShi())) {
adminArea=adminUser.getShi();
adminAreaName=areaManage.getAreaName(adminArea);
List<AreaManage> tempMyAreaManageList = areaManage.getXianByShiID(adminArea);
buffer.append("[");
buffer.append("{\"id\":\""+adminArea+"\",\"text\":\""+adminAreaName+"\",\"state\":\"closed\",\"children\":[");
for(int i = 0 ;i<tempMyAreaManageList.size();i++){
buffer.append("{\"id\":\""+tempMyAreaManageList.get(i).getId()+"\",\"text\":\""+adminAreaName+tempMyAreaManageList.get(i).getName()+"\"}");
if(i<tempMyAreaManageList.size()-1){
buffer.append(",");
}
}
buffer.append("]}]");
treeData=buffer.toString();
ServletActionContext.getRequest().setAttribute("treeData",treeData);
System.out.println("buffer--------------------------------------------------------"+buffer);
}else if(StringUtils.isNotBlank(adminUser.getSheng())&&!"null".equals(adminUser.getSheng())){
adminArea=adminUser.getSheng();
List<AreaManage> tempMyAreaManageList = areaManage.getShiByShengID(adminArea);
buffer.append("[");
if (tempMyAreaManageList.size()>0){
for(int i = 0 ; i<tempMyAreaManageList.size();i++){
String id=tempMyAreaManageList.get(i).getId();
String name=tempMyAreaManageList.get(i).getName();
buffer.append("{\"id\":\""+id+"\",\"text\":\""+name+"\",\"state\":\"closed\",\"children\":[");
myAreaManageList=areaManage.getXianByShiID(id);
for (int j=0;j<myAreaManageList.size();j++){
buffer.append("{\"id\":\""+myAreaManageList.get(j).getId()+"\",\"text\":\""+name+myAreaManageList.get(j).getName()+"\"}");
if(j<myAreaManageList.size()-1){
buffer.append(",");
}
}
buffer.append("]}");
if(i<tempMyAreaManageList.size()-1){
buffer.append(",");
}
}
}
buffer.append("]");
treeData=buffer.toString();
ServletActionContext.getRequest().setAttribute("treeData",treeData);
}
}
前臺(js)
//從後臺取得json串並新增到jsp頁面中,載入成功後把資料庫中取出的值在tree上顯示出來(json串中必須有id)
$(function() {
$("#jigou").tree({
checkbox : true,
cascadeCheck : false,
url : "fileoperate_areaStorage.action",
onLoadSuccess:function(){
var vals='${fileoperate.sendUnitId}';
var arrs=new Array();
arrs=vals.split(",");
for(var i=0;i<arrs.length;i++){
var node=$('#jigou').tree('find',arrs[i]);
$('#jigou').tree('check',node.target);
}
}
});
});
//獲得選中的checkbox的id值
function getChecked() {
var nodes = $("#jigou").tree('getChecked');
var s = '';
var tt = '';
for ( var i = 0; i < nodes.length; i++) {
s += nodes[i].id;
tt += nodes[i].text;
if (i < nodes.length - 1) {
s += ',';
tt += ',';
}
}
document.getElementById("sendUnitId").value = s;
document.getElementById('sendUnitName').value = tt;
}
//全部關閉
function collapseAll() {
$('#jigou').tree('collapseAll');
}
//全部展開
function expandAll() {
$('#jigou').tree('expandAll');
}
相關文章
- Kettle 從資料庫讀取資料存到變數中資料庫變數
- 將MYSQL資料顯示在QT的tablewidget中/將QT中的資料儲存到MYSQL資料庫中MySqlQT資料庫
- 為什莫從資料庫中取出的圖片不能顯示出來資料庫
- Session儲存到指定資料庫中Session資料庫
- 把影像檔案上傳到資料庫,並從資料庫讀出 (轉)資料庫
- python爬取股票資料並存到資料庫Python資料庫
- easyui tree 預設選中第一個元素UI
- SSIS: 把儲存在資料庫中的圖片匯出來資料庫
- 讀取mysq資料庫l資料,並使用dataview顯示資料庫View
- 使用Hibernate和Struts向資料庫中儲存、讀取並顯示圖片資料庫
- 定時從一個資料庫表中的資料儲存到另外一個資料庫中的表,而且怎麼處理重複的資料?...資料庫
- 如何建立最簡單的 ABAP 資料庫表,以及編碼從資料庫表中讀取資料 (上)資料庫
- 用java的api將資料從HDFS上存到HBASE中JavaAPI
- ASP.NET將Session儲存到資料庫中ASP.NETSession資料庫
- 從資料庫中的表取幾張圖片,用flash形式動態的顯示圖片資料庫
- Java將頁面中的資料存到MySQL資料庫中,漢字變成問號JavaMySql資料庫
- 資料庫中主庫和從庫的關係資料庫
- 從Oracle資料庫中匯出SQL指令碼Oracle資料庫SQL指令碼
- 在MongoDB資料庫中查詢資料(上)MongoDB資料庫
- 詳解資料庫儲存的資料結構LSM Tree資料庫資料結構
- EasyExcel庫來讀取指定Excel檔案中的資料Excel
- JSP中讀資料庫顯示為“??”怎麼辦?JS資料庫
- 大疆車載從多家資料庫中選定 TDengine資料庫
- 把csv檔案的資料匯入到oracle資料庫中Oracle資料庫
- 從cmd中匯入.SQL檔案並建立資料庫SQL資料庫
- 從cookie中取資料Cookie
- 從資料庫中動態選取下拉選單的方法 (轉)資料庫
- 如何限制從資料庫中讀出圖片的大小資料庫
- 對執行中的Mysql資料庫建立從庫MySql資料庫
- 利用IDC從資料庫中取得資料 (轉)資料庫
- WebUI測試-獲取html頁面表格資料並存到Excel中WebUIHTMLExcel
- 區塊鏈中的資料結構之 Merkle Tree區塊鏈資料結構
- 擴充套件EasyUI在頁面中馬上顯示選中的本地圖片套件UI地圖
- GeoServer釋出PostGIS資料庫中的柵格資料Server資料庫
- Python3爬蟲資料入資料庫---把爬取到的資料存到資料庫,帶資料庫去重功能Python爬蟲資料庫
- mongodb資料庫中插入資料MongoDB資料庫
- 遠端登入server匯出linux下oracle資料庫中的資料並從本地下載ServerLinuxOracle資料庫
- 資料庫應用系統中的資料庫完整性(上)KP資料庫