詳解Jquery EasyUI tree 的異步加載(遍歷指定文件夾,根據(jù)文件夾內(nèi)的文件生成tree)
更新時間:2017年02月11日 16:37:54 作者:水墨晨詩
本篇文章主要介紹了Jquery EasyUI tree 的異步加載,可以實現(xiàn)遍歷指定文件夾,根據(jù)文件夾內(nèi)的文件生成tree,有興趣的可以了解一下。
Jquery EasyUI tree 的異步加載(遍歷指定文件夾,根據(jù)文件夾內(nèi)的文件生成tree)具體代碼如下:
private void SMT(HttpContext context) { string SqlConnection82 = System.Configuration.ConfigurationManager.AppSettings["LocalConnectionString"]; string path = context.Server.MapPath(@"~/CISWeb/SMT_SOP"); string id = string.Empty; List<string> filesNameList = getFiles(path); if (filesNameList.Count > 0) context.Response.Write(ListToJson(filesNameList,id)); else { context.Response.Write("0"); } } /// <summary> /// 范圍指定目錄下的 文件夾/文件 數(shù)量 /// </summary> /// <param name="path"></param> /// <returns></returns> private static List<string> getFiles(string path) { DirectoryInfo SMT_SOP = new DirectoryInfo(path); List<string> allFileList = new List<string>(); DirectoryInfo[] allDir = SMT_SOP.GetDirectories();//獲取文件夾數(shù)量 foreach (DirectoryInfo d in allDir) { allFileList.Add("0|" + d.Name); } FileInfo[] allFile = SMT_SOP.GetFiles();//獲取文件數(shù)量 foreach (FileInfo fi in allFile) { allFileList.Add("1|" + fi.Name); } return allFileList; } /// <summary> /// 遍歷指定文件夾,根據(jù)文件夾內(nèi)的文件返回JSON /// </summary> /// <param name="filesNameList"></param> /// <param name="id">第一次調(diào)用這個方法的時候,id=""</param> /// <returns></returns> public string ListToJson(List<string> filesNameList,string id) { StringBuilder sb2 = new StringBuilder(); sb2.Append("["); for (int i = 0; i < filesNameList.Count; i++) { if (filesNameList[i].ToString().Split('|')[0] == "0") { sb2.Append("{ \"id\":" +id+ (i + 1).ToString() + ",\"text\":\"" + filesNameList[i].ToString().Split('|')[1] + "\",\"state\":\"closed\",\"children\": ["); sb2.Append("]},"); } else { sb2.Append("{\"id\":"+id + (i + 1).ToString() + ",\"text\":\"" + String.Format(filesNameList[i].ToString().Split('|')[1]) + "\"},"); } } sb2.Remove(sb2.Length - 1, 1); sb2.Append("]"); return sb2.ToString(); }
前臺
$.ajax({ type: "post", url: "../../ajax/Handler.ashx?action=SMT", data: {}, success: function (result) { $("#menuDiv").dialog("open");//jQuery UI中的模態(tài)窗口 var treeData = eval(result); $("#tt").tree({ data: treeData}) } })
以上就是本文的全部內(nèi)容,希望對大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。
相關(guān)文章

jquery實現(xiàn)清新實用的網(wǎng)頁菜單效果
這篇文章主要介紹了jquery實現(xiàn)清新實用的網(wǎng)頁菜單效果,涉及jquery通過鼠標事件控制頁面元素的動態(tài)隱藏與顯示實現(xiàn)技巧,具有一定參考借鑒價值,需要的朋友可以參考下
2015-08-08 
jQuery EasyUI API 中文文檔 - ComboBox組合框
jQuery EasyUI API 中文文檔 - ComboBox組合框,使用jQuery EasyUI的朋友可以參考下。
2011-10-10 
用JQuery實現(xiàn)表格隔行變色和突出顯示當(dāng)前行的代碼
用JQuery實現(xiàn)表格隔行變色和突出顯示當(dāng)前行的代碼,需要的朋友可以參考下
2012-02-02 
Jquery的each里用return true或false代替break或continue
Jquery的each里面用return false代替break;return ture 代替continue
2014-05-05 
jquery二級導(dǎo)航內(nèi)容均分的原理及實現(xiàn)
頭部導(dǎo)航二級導(dǎo)航有些內(nèi)容太長,一列的話太過難看,就要分成兩列,要做到按塊盡量均分,排列順序沒有限制
2013-08-08