博主的更多文章>>

基于JQuery的Dynatree解决MVC中对树形结构的解决方案

标签：

原创作品，允许转载，转载时请务必以超链接形式标明文章 原始出处 、作者信息和本声明。否则将追究法律责任。

由于日常WEB开发中常会用到树形来完成以下主要功能。

主要解决以下一些功能

经过几个插件的比较最后决定使用dynatree。来完成以上功能。

dynatree项目网站 https://code.google.com/p/dynatree/

本文中dynatree的版本为1.2.4

首先通常代码中会有一个树形结构的实体对象如下代码： 

由于我们采用AJAX方式所以我打算在后台的controller中返回json的方式来完成对tree的数据加载
于是为了方便dynatree的前台接受，我做了一个封装类代码如下

因为javascript对大小写敏感所以这里我将属性都改成小写已达到和dynatree的children参数统一。

接下来控制器很简单的返回json即可，代码如下：

在view视图中我们只要加载jquery，jqueryUI和dynatree.js
由于dynatree的checkbox等使用样式写的，所以也必须引用dynatree.css
视图view的代码如下：

一颗简单的多选树就这么完成了，如果要单选只需将参数selectMode设置为1

本文出自 “太阳底下” 博客，请务必保留此出处

0人

类别：c#技术┆阅读(0)┆评论(0) ┆ 返回博主首页┆返回博客首页

上一篇 下一篇 使用正则表达式匹配嵌套Html标签