前台  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. DuiLib(三)——控件消息

    上一篇讲了控件创建,这篇说说控件消息.directui的中心思想是在真实窗口之上画出所有控件,那这些控件是如何获取各自消息的? 通过第一篇的示例可以看到窗口消息的传递过程: CWindowWnd::_ ...

  2. 发现一个不错的十六进制编辑器-HxD

    十六进制编辑器我觉得是个必需的工具,遥想当年用文曲星的时候,Pacmanager.Ewayeditor…… 之前都在用WinHex,好用,但是是个收费软件,老用着破解版心里还是不舒服 后来发现这个名叫 ...

  3. QM课程01-功能概述

    QM模块满足一个 CIQ 系统的下列功能: 一般功能 · 在物料主记录中集成QM检验数据 · 管理供应商和客户或销售部门的物料相关的质量信息 · 把质量特性和物料说明中的检验特性连接 · 管理中央凭证 ...

  4. Codeforces Gym 100571A A. Cursed Query 离线

    A. Cursed QueryTime Limit: 20 Sec Memory Limit: 256 MB 题目连接 http://codeforces.com/gym/100571/problem ...

  5. C/C++学习站点资源

    学习论坛: 轩辕软件论坛 中国IT实验室C/C++论坛 编程爱好者论坛 编程中国论坛 进阶站点: 浙江工业 http://acm.zjut.edu.cn 浙江大学 http://acm.zju.edu ...

  6. 第二周02:Fusion ICP逐帧融合

    本周主要任务02:Fusion 使用ICP进行逐帧融合 任务时间: 2014年9月8日-2014年9月14日 任务完成情况: 已实现将各帧融合到统一的第一帧所定义的摄像机坐标系下,但是由于部分帧之间的 ...

  7. android.content.res.Resources$NotFoundException:String resource ID #ffffffff

    无语,搞了半天,只能去插这个错误代号,结果就找到了这个结果. scoreTextView.setText(score+""); 这个一定要自己手动转换..不科学啊..关键是在ecl ...

  8. 通过GitHub和Hexo搭建个人博客

    LinEvan个人博客 最终有自己的个人博客,逼格一下子提高说不少. 网上一搜教程一大堆,非常多已经写得非常好了,我就不凑这个热闹了.推荐一篇博文:怎样搭建一个独立博客--简明Github Pages ...

  9. androisd wifi

    http://blog.csdn.net/yunjinwang/article/details/11968837 http://blog.csdn.net/yunjinwang/article/det ...

  10. yum服务器设置

    转自:http://blog.chinaunix.net/uid-22141042-id-1789605.html 不得不说,RedHat的确很邪恶,如果我们直接用他自带的系统碟做YUM源的话,总是会 ...