【treeview】效果图： 前几天想把后台的目录结构通过树形插件的方法反映到前端来，在网上搜了半天只找到了这个treeview，虽然不是很好看，不过还是够用的。。用treeview的前提是要有jquery.treeview.js、jquery.treeview.css以及一些静态文件。这些可以通过网上去下载jquery-treeview这个包，解压缩后放到我们自己的项目下合适的目录即可。要注意必须把整个目录都拷贝过去，因为里面还有很多treeview要用的静态图片等等。然后在...
方法要达到的效果是：“ 改变一节点的选中状态时，其后代节点选中状态也要跟随当前节点的选中状态改变而改变。当前节点选中时，其所有祖先节点也要跟着选中;如取消时，要根据其同级节点是否有选中时，来决定其祖先节点的选中状态。” 说明：树是用vs的TreeView控件生成的。 如图： 代码如下: 代码如下: jQuery(function(){ jQuery(":checkbox").click(function(){ var objNode = this; var objNodeId=objNode.id; var divObjId= ob...
最终实现的效果是一个目录文件查看器，如图所示： 其原理是，当用户单击一个目录的时候，将这个目录的路径发送给服务器端，服务器端返回这个目录中的文件和目录信息。在服务器端，定义一个如下的类来表示要传递的文件信息： 代码如下: public class FileInformation { public string FullPath { get; set; } public string Name { get; set; } public string Info { get; set; } public bool IsFolder { get; set; } } 其中Full...
下面的例子将结合项目实际运用来使用Jquery.TreeView,当然在使用控件树需要现在相应的js文件 下面就把我生成的TreeView展现给大家看看希望对大家有所帮助！在使用之前需要下载控件树的js文件和Css样式 介绍一下表结构 M_ID M_Name M_ParentID M_URL M_Sort 然后新建一个网站，在新建的网站下添加CSS文件夹和js文件夹分别用于存放Css样式和JS，同时再添加一个image文件夹用于存放TreeView的图片 接着我们就开始实现我们的功能了！ 前...
先上图： jquery.treeview 数据通过JSON数据加载，有需要的朋友，可以通jquery的AJAX方法获取相关的JSON数据 json的数据格式：{"id":1,"parentid":0,"title":"标题","children":[{ ...}]} 需要两个jQuery 两件 （jquery.treeview.min.js 树插件 和 jquery.contextmenu.r2.js 右键菜单插件） 在线演示 http://demo.jb51.net/js/jQuery.Treeview/demo.html打包下载 jQuery_Treeview.rar
下面贴上完整的代码，我走了很多弯路，原因就是看了回复中朋友们的代码，现在想起来其实不用那么费事吧。 代码如下: $(function(){ var o = { showcheck: true}; o.data =; $("#tree").treeview(o); }) 后台 代码如下: 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 { mystr += GetOt...
根据我的项目实践情况，主要是几个关键点： 1：支持静态的树，即一次性将全部数据加载到客户端。2：异步树，即一次只加载一级或若干级节点，子节点可以异步加载数据。3：Checkbox树（可能是静态树也可能是异步树），用于选择（如选择组织机构，选择数据字典项）等，最好是能够支持节点级联（这个是难点）4：能够承载大数据量，并性能表现优异5：能够在主流浏览器中运行良好 那我要打造的TreeView就是为了实现这个5个主要指标的。 先...
以前一个现在不用的帐号发布的随笔，现在人肉搬过来吧。 注册用户有一段时间了，一直很忙，到现在还没有写一篇，忽然觉的一定要花点时间记录和总结一些东西。好吧，就从这里开始了。今天客户提出要点击菜单（TreeView实现的）的父级节点时，展开节点。心想这个应该是很常见的功能吧，特意google了一下，发现大部分是将的不是js实现的，有些js实现的写的麻烦，干脆自己写一个吧，应该不难的。首先思路是，，让文本点击的时候执行左边...
本文支持两种方式的数据，一种为List集合，一种为json字符串。先来介绍一下后台返回list集合（推荐使用此方法）：控制器代码如下：public static List<TC_DictionaryInfo> DInfo = new List<TC_DictionaryInfo>(); /// <summary> /// TreeView视图 /// </summary> /// <returns></returns> public ActionResult May(string TypeCode,int parentId) { ViewBag.TypeCode = TypeCode; ViewBag.ParentId = parentId; return View(); } ...
在上篇给大家介绍了基于MVC5和Bootstrap的jQuery TreeView树形控件(一)之数据支持json字符串、list集合。 这种方式其实还是利用list集合的方式传给前台，只不过在前台做了一些小小的变化，而控制器代码也进行了部分的优化，值的一提的是：没用的ajax前后台交互舍弃掉了。控制器代码如下：//实例化公共静态字典表集合 public static List<TC_DictionaryInfo> DInfo = new List<TC_DictionaryInfo>(); /// <summary> /// TreeView视图...
以前一个现在不用的帐号发布的随笔，现在人肉搬过来吧。 注册用户有一段时间了，一直很忙，到现在还没有写一篇，忽然觉的一定要花点时间记录和总结一些东西。好吧，就从这里开始了。今天客户提出要点击菜单（TreeView实现的）的父级节点时，展开节点。心想这个应该是很常见的功能吧，特意google了一下，发现大部分是将的不是js实现的，有些js实现的写的麻烦，干脆自己写一个吧，应该不难的。首先思路是，，让文本点击的时候执行左边...
根据我的项目实践情况，主要是几个关键点： 1：支持静态的树，即一次性将全部数据加载到客户端。2：异步树，即一次只加载一级或若干级节点，子节点可以异步加载数据。3：Checkbox树（可能是静态树也可能是异步树），用于选择（如选择组织机构，选择数据字典项）等，最好是能够支持节点级联（这个是难点）4：能够承载大数据量，并性能表现优异5：能够在主流浏览器中运行良好 那我要打造的TreeView就是为了实现这个5个主要指标的。 先...
下面贴上完整的代码，我走了很多弯路，原因就是看了回复中朋友们的代码，现在想起来其实不用那么费事吧。 代码如下:<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...
先上图： jquery.treeview 数据通过JSON数据加载，有需要的朋友，可以通jquery的AJAX方法获取相关的JSON数据 json的数据格式：{"id":1,"parentid":0,"title":"标题","children":[{ ...}]} 需要两个jQuery 两件 （jquery.treeview.min.js 树插件 和 jquery.contextmenu.r2.js 右键菜单插件） 在线演示 http://demo.jb51.net/js/jQuery.Treeview/demo.html打包下载 jQuery_Treeview.rar
下面的例子将结合项目实际运用来使用Jquery.TreeView,当然在使用控件树需要现在相应的js文件 下面就把我生成的TreeView展现给大家看看希望对大家有所帮助！在使用之前需要下载控件树的js文件和Css样式 介绍一下表结构 M_ID M_Name M_ParentID M_URL M_Sort 然后新建一个网站，在新建的网站下添加CSS文件夹和js文件夹分别用于存放Css样式和JS，同时再添加一个image文件夹用于存放TreeView的图片 接着我们就开始实现我们的功能了！ 前...