ASP.NET中基于JQUERY的高性能的TreeView补充

 更新时间:2011年02月23日 12:48:54   作者:  
根据 假正经哥哥 的博客整理,我第一次使用的另外的TREEVIEW,可是 做出来的效果 太卡,不知道什么原因。这次用的假正经哥哥的这篇文章。
下面贴上完整的代码,我走了很多弯路,原因就是看了回复中朋友们的代码,现在想起来其实不用那么费事吧。
复制代码 代码如下:

<script src="js/jquery-1.4.2.min.js" type="text/javascript"></script>
<script src="js/jquery.mytree.js" type="text/javascript"></script>
<link href="second.css" rel="stylesheet" type="text/css" />
<script type="text/javascript">
$(function(){
var o = { showcheck: true};
o.data =<%=treeNodes %>;
$("#tree").treeview(o);
})
</script>

后台
复制代码 代码如下:

public string GetFirJson()
{
string mystr = "[";
DataTable dt = DBUtility.db.ExecuteTable("select * from class where parientid=0");
int a = dt.Rows.Count;
for (int i = 0; i <= dt.Rows.Count - 1; i++)
{
mystr += GetOtherJson(Convert.ToInt32(dt.Rows[i]["classid"].ToString())) + ",";
}
mystr = mystr.Substring(0, mystr.Length - 1);
mystr += "]";
mystr = mystr.Replace("'", "\"");
return mystr;
}
//递归
private string GetOtherJson(int pid)
{
DataTable dt = DBUtility.db.ExecuteTable("select * from class where classid=" + pid);
string strjson = "";
bool haschild = IsHasChild(pid);
strjson = "{";
strjson += "'id':'" + pid + "',";
strjson += "'text':'" + dt.Rows[0]["classname"].ToString() + "',";
strjson += "'value':'" + dt.Rows[0]["classid"].ToString() + "',";
strjson += " 'showcheck':true,";
strjson += " 'complete':true,";
strjson += "'checktate':0,";
strjson += "'hasChildren':" + haschild.ToString().ToLower() + ",";
strjson += "'ChildNodes':";
if (!IsHasChild(pid))
{
strjson += "null}";
}
else
{
strjson += "[";
DataTable mydt = DBUtility.db.ExecuteTable("select * from class where parientid=" + pid);
for (int i = 0; i <= mydt.Rows.Count - 1; i++)
{
strjson += GetOtherJson(Convert.ToInt32(mydt.Rows[i]["classid"].ToString())) + ",";
}
strjson = strjson.Substring(0, strjson.Length - 1);
strjson += "]}";
}
return strjson;
}
private bool IsHasChild(int pid)
{
DataTable dt = DBUtility.db.ExecuteTable("select * from class where parientid=" + pid);
if (dt.Rows.Count == 0)
{
return false;
}
else
{
return true;
}
}

最后数据库 大家看着建就行了 再次 感谢 不正经哥哥

相关文章

  • jQuery+ajax的资源回收处理机制分析

    jQuery+ajax的资源回收处理机制分析

    这篇文章主要介绍了jQuery+ajax的资源回收处理机制,结合实例形式简单分析了ajax中complete对象完成回调之后的资源回收处理机制用法,需要的朋友可以参考下
    2017-01-01
  • jQuery UI AutoComplete 使用说明

    jQuery UI AutoComplete 使用说明

    在 jQuery UI 的最近更新中增加了自动完成控件 AutoComplete,这为我们提供了又一个强大的开发工具,这里介绍一下这个控件的使用方式。
    2011-06-06
  • 遍历json获得数据的几种方法小结

    遍历json获得数据的几种方法小结

    下面小编就为大家带来一篇遍历json获得数据的几种方法小结。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-01-01
  • jQuery.prop() 使用详解

    jQuery.prop() 使用详解

    这篇文章主要给大家简单介绍了jQuery.prop() 使用方法,有需要的小伙伴可以参考下
    2015-07-07
  • 基于jquery的15款幻灯片插件

    基于jquery的15款幻灯片插件

    幻灯片效果通常用于展示相册图片或特色推荐内容。一个漂亮的幻灯片更能吸引访客的注意力。本文里面,收集了15款jquery幻灯片插件,让你的图片展示更漂亮,让你的特色内容更吸引人。
    2011-04-04
  • jquery $(document).ready() 与window.onload的区别

    jquery $(document).ready() 与window.onload的区别

    Jquery中$(document).ready()的作用类似于传统JavaScript中的window.onload方法,不过与window.onload方法还是有区别的。
    2009-12-12
  • jquery中实现简单的tabs插件功能的代码

    jquery中实现简单的tabs插件功能的代码

    jquery改变了程序员写javascript的方式。作为jquery的爱好者和新手,最近我学会了用寥寥几句jquery代码实现类似tabs插件的功能,相信此文能为许多刚入门的jquery爱好者和想实现tabs插件功能的朋友带来一些帮助。
    2011-03-03
  • jQuery实现可展开折叠的导航效果示例

    jQuery实现可展开折叠的导航效果示例

    这篇文章主要介绍了jQuery实现可展开折叠的导航效果,结合实例形式分析了基于jquery.easing.1.3.js插件的展开折叠效果实现技巧,非常简单实用,需要的朋友可以参考下
    2016-09-09
  • jquery实现点击浏览器返回上一页按钮并能直接刷新

    jquery实现点击浏览器返回上一页按钮并能直接刷新

    这篇文章主要介绍了jquery实现点击浏览器返回上一页按钮并能直接刷新,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教
    2022-12-12
  • jquery轻量级数字动画插件countUp.js使用详解

    jquery轻量级数字动画插件countUp.js使用详解

    这篇文章主要为大家详细介绍了jquery鼠标滚动数字增加插件的使用方法,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2019-10-10

最新评论