前台  html:
<ul class="easyui-tree" id="ul_Tree" data-options="fit:true,animate:true"></ul> javascript 加载
$("#ul_Tree").tree({
url: '/webservice/CreditExtension/CreditExtension.asmx/QueryImages?Hid_FileCode=' + $("#Hid_FileCode").val() + "&imgstyle=0&r=" + new Date().getMilliseconds(),
method: 'get',
onSelect: function (note) {
if (note.attributes != undefined && note.attributes != "") {
var style = note.attributes.substr(note.attributes.lastIndexOf("."), note.attributes.length - note.attributes.lastIndexOf("."));
if (style == ".bmp" || style == ".gif" || style == ".jpg" || style == ".png" || style == ".jpeg") {
setTheFirst(note.attributes);
$("#img_show").attr("src", note.attributes);
$("#div_title").html(note.text);
} else { window.open(note.attributes, "preview", ""); }
}
else { $("#ul_Tree").tree("toggle", note.target); }
}
});
后台返回json:
public string GetToTreeJson(DataSet ds)
{
StringBuilder result = new StringBuilder();
result.Append("[");
foreach (DataRow dr in ds.Tables[0].Rows)
{
result.Append("{\"id\":0,\"text\":\"" + dr["text"].ToString() + "\",\"iconCls\":\"icon-hkb\"");
DataRow[] drs = ds.Tables[1].Select(" parent_id='" + dr["id"].ToString() + "'");
if (drs.Length > 0)
{
result.Append(",\"state\":\"closed\",\"children\":[");
for (int i = 0; i < drs.Length; i++)
{
if (i > 0) result.Append(",");
result.Append("{\"id\":" + drs[i]["id"].ToString() + ",\"text\":\"" + drs[i]["text"].ToString() + "\",\"attributes\":\"" + imgpath + formatString(drs[i]["attributes"].ToString()) + "\",\"iconCls\":\"icon-" + getStyle(drs[i]["attributes"]) + "\"}");
}
result.Append("]");
}
else
{
result.Append(",\"state\":\"open\"");
}
result.Append("},");
}
result.Remove(result.Length - 1, 1);
result.Append("]");
return result.toString();
}

  

Easyui 加载树(easyui-tree)[dotnet]的更多相关文章

  1. EasyUI加载树控件自动展开所有目录

    在这里如何加载树控件就不在熬述,在加载树控件后,树的节点全部展开,要在OnLoadSuccess事件中写代码:

  2. spring mvc easyui tree 异步加载树

    使用spring mvc 注解 异步加载一棵树 jsp: <ul id="orgInfoTree"></ul> $(function(){ loadOrgT ...

  3. easyui 加载本地json 文件的方法

    easyui 加载本地json 文件的方法 2017年12月15日 17:18:07 vivian_hnd 阅读数 2155 https://blog.csdn.net/vivian_wang07/a ...

  4. Extjs整体加载树节点

    Ext.onReady(function () {             Ext.define('company', {                 extend: 'Ext.data.Mode ...

  5. ligerui_ligerTree_003_配置url参数,加载“树”

    配置url参数,加载“树”: 源码下载地址:http://download.csdn.net/detail/poiuy1991719/8571255 效果图:json.txt HTML代码: < ...

  6. JQuery/JS插件 jsTree加载树,预先加载,初始化时加载前三级节点,当展开第三级节点时 就加载该节点下的所有子节点

    jsTree加载树, 初始化时 加载前三级节点, 当展开第三级节点时 就加载该节点下的所有子节点 html: <!DOCTYPE html> <html> <head&g ...

  7. EasyUI 加载Tree

    function LoadTree(result) { mainMenu = $('#mainMenu').tree({ url: "/ajax/GetTreeJson.ashx" ...

  8. easyui加载datagrid时随着窗体大小改变而改变

    function initTable() {     $('#tt').datagrid({         width: $(document).width() - 20,         heig ...

  9. ExtJS 创建动态加载树

    Ext 中导航树的创建有两种方式:1.首先将所有的数据读出来,然后绑定到前台页面.2.每点击一个节点展开后加载子节点.在数据量比较小的时候使用第一种方式加载的会快一些,然而当数据量比较大的时候,我还是 ...

随机推荐

  1. Java中的Annotation(2)----Annotation工作原理

    Java中的Annotation(2)----Annotation工作原理 分类: 编程语言2013-03-18 01:06 3280人阅读 评论(6) 收藏 举报 上一篇文章已经介绍了如何使用JDK ...

  2. Flash Builder 4.6 界面显示一半中文一半英文?

    Flash Builder 4.6 (简称 Flex 4.6 或 FB 4.6)启动后界面有时候会显示一半中文,一半英文(这种奇葩的情况一般发生在 FB 4.6 刚安装后或操作系统安装一个类似 SP1 ...

  3. hadoop数据[Hadoop] 实际应用场景之 - 阿里

    上班之余抽点时间出来写写博文,希望对新接触的朋友有帮助.明天在这里和大家一起学习一下hadoop数据 Hadoop在淘宝和支付宝的应用从09年开始,用于对海量数据的离线处置,例如对日志的分析,也涉及内 ...

  4. 从零开始学android开发- layout属性介绍

    android:id 为控件指定相应的ID android:text 指定控件当中显示的文字,需要注意的是,这里尽量使用strings.xml文件当中的字符串 android:gravity 指定Vi ...

  5. BW导航属性设置

    BW中的Attribute(属性)分为Display Att.和Navigation(导航) Att.,这里我就简称Dis. att和Nav. att了,导航属性可以做为变量来查询和做限制 1.首先进 ...

  6. windows command ftp 中文文件名乱码解决方法

    有时,使用临时的windows机子,要进行ftp简单操作,但又不想装其它的ftp-client,可以直接使用windows command中的命令ftp来操作. 通常,ftp服务器按标准,使用utf8 ...

  7. 图的深度优先搜索算法DFS

    1.问题描写叙述与理解 深度优先搜索(Depth First Search.DFS)所遵循的策略.如同其名称所云.是在图中尽可能"更深"地进行搜索. 在深度优先搜索中,对最新发现的 ...

  8. 第一周:读取XML深度数据并将其重建为三维点云

    本周主要任务:学习PCL点云库,掌握利用PCL对点云处理的方法 任务时间:2014年9月1日-2014年9月7日 任务完成情况:完成了读取单幅xml深度数据,并重建三维点云并显示 任务涉及基本方法: ...

  9. Unity NGUI 描点控件的位移动画

           要让一个描点的控件动画移动到一个Position,能够用TweenPosition.可是这个仅仅能用在Position是固定的情况下.并且不能依据分辨率适配来进行移动. 以NGUI自带的 ...

  10. 文本编辑器Nano实用快捷键

    一.复制.剪切和粘贴文本 1.行复制.剪切和粘贴 Alt+6:复制光标所在行. Ctrl+K:剪切光标所在行. Ctrl+U:粘贴. 2.自由复制.剪切和粘贴 自由复制: Ctrl+6:设置复制文本的 ...