Easyui 加载树(easyui-tree)[dotnet]

前台  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();
}

  

时间: 2024-08-25 15:18:47

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

jQuery 动态加载树

本案例中用到了jquery的 tree插件,在本文的附件中可以下载 jsp代码: <%@ page language="java" import="java.util.*" pageEncoding="ISO-8859-1"%><%String path = request.getContextPath();String basePath = request.getScheme()+"://"+request

加载树

加载树:   *  一次性全部加载       *  和数据库只交互一次       *  会把大量的数据加载到内存中   *  点击事件加载       *  和数据库交互很多次       *  按照需求加载数据一次性加载树:   *  页面上导入三个文件       *  zTreeStyle.css       *  jQuery-1.4.2.js       *  jquery-ztree.2.5.js   *  在页面上准备树的容器       <ul id="tree&quo

dojo加载树报错

1.错误描述    error loading undefined children.    TypeError:this._arrayOfTopLevelItems is undefied. 2.错误原因 3.解决办法 dojo加载树报错

ExtJS 动态加载树treepanel

先来看看效果: 一.新建一个TreeStore,并添加根节点 Ext.define('Demo1.store.TreeDemoStore', { extend: 'Ext.data.TreeStore', root: { text: '目录树', id: 0 } }); 二.在view中添加treepanel,绑定TreeDemoStore Ext.define('Demo1.view.MyViewport', { extend: 'Ext.container.Viewport', initCo

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

配置url参数,加载“树”: 源码下载地址:http://download.csdn.net/detail/poiuy1991719/8571255 效果图:json.txt HTML代码: <%@ page language="java" import="java.util.*" pageEncoding="utf-8"%> <html> <head> <title>配置url参数,加载“树”&l

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

jsTree加载树, 初始化时 加载前三级节点, 当展开第三级节点时 就加载该节点下的所有子节点 html: <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title></title> </head> <body> <div id="plugins1"></div> <link

EasyUI加载外部页面需要使用html片段

最后总结,如果使用easyui中加载外部界面的组件,例如:panel,window,dailog,tabs等.请确保引入的界面是一个html片段.html片段正确的写法再次提醒不要出现<html><head><body>三个标签. http://www.cnblogs.com/summer_adai/p/3548252.html

easyui加载数据出错Cannot read property ‘length‘ of undef

例如:在treegrid的行编辑中,在执行了onAfterEdit()方法之后,会自动执行onLoadSuccess()方法,从服务器重新加载数据,如果服务器返回的数据为null,那么就会抛出这样一个错误, 源码为: var isArray = $.array.likeArray(data) && !$.util.isString(data), rows = isArray ? data : data.rows; f (!rows.length) { return data; }//这句话

easyUI 加载事件

清空form :$('#fmUpdate1').form('clear'); form赋值重新加载:$('#fmUpdate1').form('load',obj);//obj 为对象 json都可以 (  var strArray = str.split('|');  var obj={};  obj.id =strArray[0];  obj.state =strArray[1];) div关闭关闭弹出层:$('#dlgUpdate').dialog('close'); // close t