这几天因为工作需要，要做一个支持无限级的菜单。我也是菜鸟一只，能想到的东西不多，所以用了Easy UI的tree组件。不得不说，easyui确实很强大。因为是无限级菜单，数据量可能有点大，所以考虑采用异步加载。但是因为后台默认传来的数据是 一个实体，所以又在后台进行了JSON字符串拼接。最后，在网上找了N多代码，然后又去问了好几个群里的网友，终于搞出来这个小东西。一、HTML部分代码 <div id="categoryChooseDiv" title="请选择...
Jquery EasyUI tree 的异步加载（遍历指定文件夹，根据文件夹内的文件生成tree）具体代码如下： private void SMT(HttpContext context){string SqlConnection82 = System.Configuration.ConfigurationManager.AppSettings["LocalConnectionString"];string path = context.Server.MapPath(@"~/CISWeb/SMT_SOP");string id = string.Empty;List<string> filesNameList = getFiles(path);if (filesNameList.Count > 0)context.Respo...
想要实现从本地中加载json文件，通过事件来动态的插入到ul中时，遇到了一小bug html中代码是这样的 <ul class="easyui-tree" id="tt"></ul>js中的代码 $(".next-menu:nth-child(1) a").click(function() { var $IDstr = $(this).attr("id"), $treeIDNum = parseInt($(this).attr("treeID")), jsonURL = "json/" + $IDstr + ".json", node; addAttr2Tree(jsonURL)； changeImgSrc($treeIDNum); }); }); function changeImgSrc(node...
本篇文章实现了用jQuery的AJax实现异步访问和异步加载，具有一定的参考价值，感兴趣的小伙伴们可以参考一下。【异步访问】用一个例子用以说明：点击按钮，将input内用户输入的数据发送给服务端，并将结果返回给页面。首先是html承载内容：<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title>AJax异步访问</title> <script src="js/jquery-2.1.3.min.js"></script> <script src="js/ajaxDemo.js"></script> ...
AJAX 全称 Asynchronous JavaScript and XML（异步的 JavaScript 和 XML）。它并非一种新的技术，而是以下几种原有技术的结合体。1) 使用CSS和XHTML来表示。2) 使用DOM模型来交互和动态显示。3) 使用XMLHttpRequest来和服务器进行异步通信。4) 使用javascript来绑定和调用。通过AJAX异步技术，可以在客户端脚本与web服务器交互数据的过程中使用XMLHttpRequest对象来完成HTTP请求(Request)/应答(Response)模型：1) 不需要用户等待服...
本文实例讲述了JQuery异步加载PartialView的方法。分享给大家供大家参考，具体如下： 需求：页面上有dropdown之类的控件，当选择里面不同值的时候，下面关联的内容跟着改变。 思路：把与 dropdown关联的会改变的内容放到PartialView(ascx)里，用JQuery绑定dropdown的change事件，当选择值改变时，用JQuery ajax请求与PartialView相关的Action，得到数据后讲取到的内容覆盖原来的内容。 实现： Model 类： public class User {publi...
本文实例为大家讲解了jquery zTree树插件的基本使用方法，具体内容如下 一、节点模糊搜索功能：搜索成功后，自动高亮显示并定位、展开搜索到的节点。 二、节点异步加载：1、点击展开时加载数据；2、选中节点时加载数据。 前台代码如下：<script type="text/javascript">//ztree设置var setting = {view: {fontCss: getFontCss},check: {enable: true},data: {simpleData: {enable: true,idKey: "id",pIdKey: "pId",rootPId: 0}},as...
本文实例分享了JQuery ztree带筛选、异步加载实例，供大家参考，具体内容如下 <html> < head> < base href="<%=basePath%>"> <title>My JSP ztree.jsp starting page</title> <link rel="stylesheet" href="zTrees/css/zTreeStyle/zTreeStyle.css"type="text/css"> < script type="text/javascript" src="zTrees/js/jquery-1.4.4.min.js"></script> < script type="text/javascript" src="zTrees/js/jquery.ztree.core-3.5.js"></s...
本文实例讲解了jquery zTree异步加载，分享给大家供大家参考，具体内容如下 web.xml中Servlet配置如下：<?xml version="1.0" encoding="UTF-8"?> <web-app version="2.4" xmlns="http://java.sun.com/xml/ns/j2ee" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://java.sun.com/xml/ns/j2ee http://java.sun.com/xml/ns/j2ee/web-app_2_4.xsd"> <servlet> <servlet-name>getDataServlet</...
zTree 是利用 JQuery 的核心代码，实现一套能完成大部分常用功能的 Tree 插件 兼容 IE、FireFox、Chrome 等浏览器在一个页面内可同时生成多个 Tree 实例支持 JSON 数据支持一次性静态生成 和 Ajax 异步加载 两种方式支持多种事件响应及反馈支持 Tree 的节点移动、编辑、删除支持任意更换皮肤 / 个性化图标（依靠css）支持极其灵活的 checkbox 或 radio 选择功能简单的参数配置实现 灵活多变的功能异步加载的意思就是： 当点击展开树...
本文实例讲解了jQuery使用zTree插件实现树形菜单和异步加载，并且可以进行编辑，分享给大家供大家参考，具体内容如下 效果图：一、HTML代码<html> <head runat="server"><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title></title><link href="zTree/css/demo.css" rel="stylesheet" /><link href="zTree/css/zTreeStyle/zTreeStyle.css" rel="stylesheet" /><script src="zTree/js/jquery-1.4.4.min....
本来要做一个文件目录浏览界面，需要遍历所有的文件和目录，很显然一次性读取时很费时费力的一件事情。 因此就需要做异步加载.... 准备工作： 1下载 JQuery ZTree 复制其中的JS和CSS即可，其实没必要引那么多，用什么引什么就可以。2 需要fastJSON,用来转换JSON对象我下载JAR包后，引入到Eclipse中总是报找不到class错误。解决办法：把jar包放在WEB-INF/lib下即可。 代码实例： index.jsp <%@ page language="java" contentType="t...
废话不多说了，直接给大家贴代码了。 Model: namespace MvcApplication1.Models {public class Team{public string Preletter { get; set; }public string Name { get; set; }} }通过jQuery异步加载部分视图 Home/Index.cshtml视图中： @{ViewBag.Title = "Index";Layout = "~/Views/Shared/_Layout.cshtml"; } <h2>Index</h2> <div><a href="#" id="a">通过jQuery异步</a> <br/> </div> <div id="result"> </div> @section script...
几个月前在一个项目中涉及到树形栏，然后看了很多插件，觉得有点麻烦，于是自己写了一个，写着写着就出问题了。 当时项目是通过树形栏进行权限控制的，管理员可以对从数据库去的数据动态生成树形栏进行增删改查操作，可是用$(".XX").click();方法是不行的。 1、之前用的是jq1.4.3 ,jq1.7一下都可以使用live()方法，来实现该功能$(‘#div).live(‘click,function(){ //do stuff });但是live方法也有不支持的事件，例如:toggle事件 ，...
几个月前在一个项目中涉及到树形栏，然后看了很多插件，觉得有点麻烦，于是自己写了一个，写着写着就出问题了。 当时项目是通过树形栏进行权限控制的，管理员可以对从数据库去的数据动态生成树形栏进行增删改查操作，可是用$(".XX").click();方法是不行的。 1、之前用的是jq1.4.3 ,jq1.7一下都可以使用live()方法，来实现该功能 代码如下:$(‘#div).live(‘click,function(){ //do stuff }); 但是live方法也有不支持的事件，例如...