C#结合Jquery LigerUI Tree插件构造树

Jquery LigerUI Tree是Jquery LigerUI()的插件之一,使用它可以快速的构建树形菜单。呵呵 废话不说了，直入正题，下面介绍C#结合ligerui 构造树形菜单的两种方法

1、ID/PID格式

JqueryLigerUI官网上的例子是这样的：

C#结合Jquery LigerUI Tree插件构造树 
 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

 2 <html xmlns="http://www.w3.org/1999/xhtml">

 3 <head>

 4     <title></title>

 5     <script src="../../lib/jquery/jquery-1.3.2.min.js" type="text/javascript"></script>

 6     <link href="../../lib/ligerUI/skins/Aqua/css/ligerui-all.css" rel="stylesheet" type="text/css" />

 7     <script src="../../lib/ligerUI/js/core/base.js" type="text/javascript"></script>

 8     <script src="../../lib/ligerUI/js/plugins/ligerTree.js" type="text/javascript"></script>

 9     <script type="text/javascript">

10         $(function ()

11         {   

12             var data = [];

13               

14             data.push({ id: 1, pid: 0, text: '1' });

15             data.push({ id: 2, pid: 1, text: '1.1' });

16             data.push({ id: 4, pid: 2, text: '1.1.2' });

17             data.push({ id: 5, pid: 2, text: '1.1.2' });      

18 

19             data.push({ id: 10, pid: 8, text: 'wefwfwfe' });

20             data.push({ id: 11, pid: 8, text: 'wgegwgwg' });

21             data.push({ id: 12, pid: 8, text: 'gwegwg' });

22 

23             data.push({ id: 6, pid: 2, text: '1.1.3', ischecked: true });

24             data.push({ id: 7, pid: 2, text: '1.1.4' });

25             data.push({ id: 8, pid: 7, text: '1.1.5' });

26             data.push({ id: 9, pid: 7, text: '1.1.6' });

27 

28             $("#tree1").ligerTree({  

29             data:data, 

30             idFieldName :'id',

31             parentIDFieldName :'pid'

32             }

33             );

34         });

35     </script>

36 </head>

37 <body style="padding:10px">   

38     <div style="width:200px; height:300px; margin:10px; float:left; border:1px solid #ccc; overflow:auto;  ">

39     <ul id="tree1"></ul>

40     </div> 

41  

42         <div style="display:none">

43     <!--  数据统计代码 --> 

44     </div>

45 </body>

46 </html>
Jquery LigerUI Tree官方示例源代码

很明显，通过研究其数据格式可以知道以下几点

1、数据类型为Json数据

2、数据格式为{id:"0",pid:"-1",text:"0000"},其中id为节点Id,pid为数据的父节点id,text则为节点显示名称

这样以来，我们就可以将自己的数据格式构造成如上所示的数据格式，下面贴出C#示例代码

C#结合Jquery LigerUI Tree插件构造树 
 1     /// <summary>

 2         /// 获取节点数据集合

 3         /// </summary>

 4         /// <param name="organList">节点元数据，从数据库获得</param>

 5         /// <returns>返回节点数据集合</returns>

 6         public object GetNodeTreeData(IEnumerable<OrganDto> organList) {

 7             StringBuilder jsonString = new StringBuilder();

 8             //开始构造树格式

 9             jsonString.Append("[");             

10             //指定Id,PId创建树

11             foreach (var item in organList) {

12                 jsonString.Append("{id:\"" + item.ID + "\",pid:\"" + item.ParentID + "\",text:\"" + item.X + "(" + item.Xdm + ")\"},");

13             }

14             //删除字符串最后一个,

15             jsonString = jsonString.Remove(jsonString.Length - 1, 1);

16             //树格式构造完成

17             jsonString.Append("]");

18             return jsonString;

19         }
C#转换数据位树格式的处理方法

转换完成之后，将数据作为对象返回到前台

C#结合Jquery LigerUI Tree插件构造树 
        /// <summary>

        /// 初始化树

        /// </summary>

        /// <param name="year">当前选中年份</param>

        /// <returns>返回树节点数据</returns>

        public string InitTree(int? year) {

            List<int> organYearList = GetOrganYear();

        

            if (year == null || year == 0) {

                //获取默认年份

                year = organYearList[0];

            }

            

            //获取组织机构信息

            IEnumerable<OrganDto> organList = this.db.Organs.

                                                            Where(p => p.AGraduateYear == year || p.AGraduateYear == 0).

                                                            ToList().

                                                            Select(p => CovertEntityToDto(p));

            object obj = GetNodeTreeData(organList);

            return obj.ToString();

        }
返回树数据对象到前台页面

这样后台处理完成，前台就按照Jquery LigerUi的初始化树的方法进行调用，将数据接收并初始化显示树

C#结合Jquery LigerUI Tree插件构造树 
 1         $.ajax({

 2             type: 'get',

 3             url: '/Tree/InitTree?year=' + year,

 4             success: function (data) {

 5                 //...问题  JSON.parse: expected property name or '}'

 6                 //var json = $.parseJSON(data);

 7 

 8                 $("#tree3").ligerTree({

 9                     checkbox: false,

10                     parentIcon: null,

11                     childIcon: null,

12                     nodeWidth: 230,

13                     data: eval("(" + data + ")"), // 数据格式转换为Json,也可使用$.parseJSON函数

14                     idFieldName :'id',

15                     parentIDFieldName :'pid',

16                     onSelect: function (node) {

17                         var date = new Date();

18                         var getRightPartOfStr = node.data.text.split('(');

19                         //获取系代码

20                         var xdm = $.trim(getRightPartOfStr[1].split(')')[0]);

21                         document.getElementById('getData').value = xdm;

22                         //获取时间

23                         var getYear = $('#changeYear').find('option:selected').attr('value');

24                         $.getJSON('/Tree/GetTreeNodeData', { 'Xdm': xdm, 'Year': getYear, 'tsm': date.getMilliseconds() }, function (para) {

25                             $.each(para, function (i, v) {

26                                 document.getElementById('ID').value = v.ID;

27                                 document.getElementById('Xdm').value = v.Xdm;

28                                 document.getElementById('X').value = v.X;

29 

30                                 //--- 不能用$，具体原因不详 ---

31                                 document.getElementById("Xqc").value = v.Xqc;

32                                 document.getElementById("Ywm").value = v.Ywm;

33                                 document.getElementById("AGraduateYear").value = v.AGraduateYear;

34                                 document.getElementById("ParentID").value = v.ParentID;

35                             });

36                         });

37                     }

38                 });

39             }

40         });
Juqery LigerUi初始化显示树

大功告成，这样树就可以如愿以偿的显示出来了。

2、Data格式/直接将所需要的格式拼接为树的层级格式

这种方式，Jquery LigerUI官网上并没有具体说明，但在使用url构造树时用到了这种数据格式，经过剖析(过程省略...)，其数据格式如下：

C#结合Jquery LigerUI Tree插件构造树 
 1 [

 2     { text: '节点1', children: [

 3         { text: '节点1.1' },

 4         { text: '节点1.2' },

 5         { text: '节点1.3', children: [

 6                 { text: '节点1.3.1' ,children: [

 7                     { text: '节点1.3.1.1' },

 8                     { text: '节点1.3.1.2' }]

 9                 },

10                 { text: '节点1.3.2' }

11         ]

12         },

13         { text: '节点1.4' }

14         ]

15     },

16     { text: '节点2' },

17     { text: '节点3' },

18     { text: '节点4' }

19 ]
Jquery LigerUI直接构造树的数据格式

知道了数据的格式，那我们要做的就是把自己的数据转换(或者称为封装)成这种格式的数据，那我们就可以实现我们想要的树图了，下面我们就看一下我的实现思路

1、按照格式，拼接树形数据。这里使用递归函数

2、净化树形数据并返回到前台

下面我们看一下C#代码

C#结合Jquery LigerUI Tree插件构造树 
 1         /// <summary>

 2         /// 递归创建树

 3         /// </summary>

 4         /// <param name="item"></param>

 5         /// <param name="jsonString"></param>

 6         /// <param name="organList"></param>

 7         void Test(OrganDto item, StringBuilder jsonString, IEnumerable<OrganDto> organList) {

 8             //判断是否有下级节点,如果有子节点，输出子节点

 9             bool isLeaf = IsLeaf(item.ID);

10             //添加根节点

11             jsonString.Append("{text:\"" + item.X + "(" + item.Xdm + ")\"");

12             var n = organList.Where(p => p.ParentID == item.ID).Count();

13             int temJ = 0;

14             if (isLeaf) {

15                 jsonString.Append(",children:[");

16                 //...输出子节点                

17                 foreach (var child in organList.Where(p => p.ParentID == item.ID)) {

18                     temJ++;

19                     Test(child, jsonString, organList);

20                 }

21                 jsonString.Append("]},");

22 

23             }

24             else {

25                 jsonString.Append("},");

26             }

27         }
直接拼接树形数据格式实现方法

调用该函数

C#结合Jquery LigerUI Tree插件构造树 
 1     /// <summary>

 2         /// 获取节点数据集合

 3         /// </summary>

 4         /// <param name="organList">节点元数据，从数据库获得</param>

 5         /// <returns>返回节点数据集合</returns>

 6         public object GetNodeTreeData(IEnumerable<OrganDto> organList) {

 7             StringBuilder jsonString = new StringBuilder();

 8             //开始构造树格式

 9             jsonString.Append("[");             

10         

11             foreach (var item in organList) {

12                 if (item.ParentID == -1) {

13                     Test(item, jsonString, organList);

14                 }

15             }

16             jsonString.Append("]");

17             //....删除多余','号

18             string[] test = jsonString.ToString().Split(']');

19             jsonString.Clear();

20             foreach (var item in test) {

21                 if (item != "") {

22                     jsonString.Append(item.Remove(item.Length - 1, 1) + "]");

23                 }

24             }

25 

26             return jsonString;

27         }
调用该函数

这样以来，我们的C#构造的树数据就构造完成了，下面就要接收树数据，构造初始化显示树

C#结合Jquery LigerUI Tree插件构造树 
1  $("#tree3").ligerTree({

2                     checkbox: false,

3                     parentIcon: null,

4                     childIcon: null,

5                     nodeWidth: 230,

6                     data: eval("(" + data + ")") // 数据格式转换为Json,也可使用$.parseJSON函数

7 }）；
直接构造树数据 --- 初始化显示树

OK，使用这种方式构造树完成。

下面贴上Juqery LigerUI的官方链接

 演示地址:http://www.ligerui.com/

  api地址:http://api.ligerui.com/

官方论坛: http://bbs.ligerui.com/

下载地址:http://git.oschina.net/ligerui/LigerUI/

你可能感兴趣的:(jquery)

  • 2021-04-15 一般橙 笔记
    JQuery项目JS模块化分析(一)Jquery在线手册新增一个组件例按钮组件varYIUI=YIUI||{};(function(){//立即执行匿名函数,模拟模块化YIUI.Yes_Button=function(options){//匿名函数表达式varbtntemplate={el:$(""),caption:"按钮",init:function(){varself=this;var$in
  • 阿里云视频点播，基于thinkphp8上传视频 quweiie php阿里云音视频云计算
    前端参考官方示例(jQuery版)阿里云JavaScript上传SDKDemo(使用jquery).container{width:1200px;margin:0auto;}.input-control{margin:5px0;}.input-controllabel{font-size:14px;color:#333;width:30%;text-align:right;display:inli
  • html元素后追加内容,jquery 元素控制(追加元素/追加内容)介绍及应用 王大明白 html元素后追加内容
    一、在元素内部/外部追加元素append,prepend:添加到子元素before，after：作为兄弟元素添加html：在我的后面追加一条新闻Javascript:jQuery(function(){//在元素内部追加内容$("#content").append("姚明退役了...");})在#content里面添加元素，这是把姚明退役了...作为子元素添加到#content，如果想在元素外部追
  • js 使用缓存判断在规定时间内显示一次弹框 洪洪呀 javascript缓存开发语言
    js使用缓存判断在规定时间内显示一次弹框功能拆分，新用户注册完成登录跳转首页，js根据注册时间判断显示一个新手指引的弹窗，只在注册当天登录且显示一次jQuery(document).ready(function($){getWinnerModalShow()});//新手指引functiongetWinnerModalShow(){varwinnerModal=newbootstrap.Modal
  • 使用jQuery、Ajax、ASP和MySQL实现动态加载更多内容 来自日本的亮仔
    本文还有配套的精品资源，点击获取简介：“加载更多”功能改善网页用户体验，适用于大量数据场景。本文将探讨如何通过结合jQuery监听滚动事件、使用Ajax技术与服务器交互、ASP后端处理请求、以及MySQL数据库查询，实现无需刷新页面即可动态加载内容的完整步骤。1.页面滚动事件监听与处理在当今的网络应用中，页面滚动事件是一种常见的用户交互方式，它直接影响到用户体验。监听和处理滚动事件，能够帮助开发者
  • jQuery.ajax weixin_48357623 前端jqueryajax前端
    下面是关于FetchAPI、umi-request、jQuery.ajax和axios的对比表格：FetchAPIumi-requestjQuery.ajaxaxios技术基础基于Promise的现代浏览器API基于fetch的封装，提供统一API和请求层治理原生JavaScript中的XMLHttpRequest封装基于Promise的HTTP客户端，封装XMLHttpRequest使用场景适用
  • Amaze UI web mobile 前端框架 iteye_20240 ui前端框架移动开发
    目录结构index.html-空白HTML模板；blog.html-博客页面模板（预览）；landing.html-LandingPage模板（预览）；login.html-登录界面模板（预览）；sidebar.html-带边栏的文章模板（预览）；在app.css中编写CSS；在app.js中编写JavaScript；移动端首选Zepto，桌面端选jQuery，这应该是大多数开发者的共识。那对于跨
  • （二）用控制器controller给模型数据赋初始值 diandingyin9417 javascriptViewUI
    之前博客，非常easy的就实现了模型数据和页面显示的自己主动绑定。如今我们使用控制器，给模型赋初始值。假设使用jquery来实现变量赋初值，须要在页面载入完毕后运行$("#target").attr("value",selfValue);使用AngularJS代码例如以下：Hello,World!functionWholeController($scope){$scope.yourName="at
  • jQuery 的 data 方法 不识别大小写 GoToDinner 前端
    console.log($(this).data("workState"));//undefinedconsole.log($(this).data("work-state"));//undefinedconsole.log($(this).data("workstate"));//1要么语义都是小写，多个单词可以用'-'字符分隔如data-work-state这样
  • JavaScript Fetch noPermission JavaScriptjavascript前端开发语言
    一、什么是fetch?在前端的发展历程中用于请求网络资源的方式主要有三种：从原生的XMLHttpRequest到jQuery的Ajax再到现在主流的axios，其中Ajax和axios都是对XMLHttpRequest的封装（本质上都是使用XMLHttpRequest方法获取网络资源），这些封装库让开发者对XMLHttpRequest的使用变得更简单高效。然而fetch的推出使开发者对网络资源的异
  • JQuery——一个快速、简洁的JavaScript库 hcolder 前端
    JQueryjQuery是一个快速、简洁的JavaScript库，极大地简化了JavaScript编程。jQuery设计的宗旨是“writeLess，DoMore”，即倡导写更少的代码，做更多的事情。它封装JavaScript常用的功能代码，提供一种简便的JavaScript设计模式，优化HTML文档操作、事件处理、动画设计和Ajax交互。一、语法和选择器jQuery语法是通过选取HTML元素，并
  • uniapp 开发app使用renderjs操作dom Ho95 uni-app前端
    需求：把页面中的对话内容另存为一张图片保存到手机相册。解决方案：这时我们需要使用到document对象创建一个dom对象计算对话内容的宽高、位置等，再利用canvas能力将内容绘制绘制成一张图保存。现状：总所周知，非H5端，不能使用浏览器自带对象，比如document、window、localstorage、cookie等，更不能使用jquery等依赖这些浏览器对象的框架。uniapp解决方案：u
  • css3+jQuery：两种简单动画实现方式 真实lie jQuerycss3jquerycss3
    css3支持动画animate完整代码（之后只给js部分）：简单动画.rect{width:100px;height:100px;background-color:aqua;margin:50pxauto;}/*动画基本设定*/#rect-1{/*动画名称*/animation-name:an-re1;/*动画时长（一个周期），默认0秒,单位是必要的，s或者ms*/animation-durati
  • jquery的引入与使用（附有HTML5的代码实例） GodGump html复习
    1.引入引入方法有两种：一种本地，一种联网（CDN）。本地的方法：下载并放入项目文件，并用js引入（取决于自己的路径）联网的方法（CDN）：官网jquery压缩版引用地址（以3.0版本为例子，早期请使用2版本，兼容特别老的使用1版本）:百度压缩版引用地址:微软压缩版引用地址:2.使用在如图所示部分（//代码部分）添加代码，至于为什么这么写？因为jQuery的本质是js，将函数封装起来供我们使用，使
  • jQuery编程入门教程 Botiway FlaskWebpythonflaskhtml5css3javascript
    jQuery是一个快速、小巧且功能丰富的JavaScript库，简化了HTML文档遍历、事件处理、动画和Ajax操作。以下是一个jQuery编程的入门教程，帮助你快速掌握基础知识。1.什么是jQuery？jQuery是一个广泛使用的JavaScript库，旨在简化客户端脚本编写。它的口号是“Writeless,domore”（写得更少，做得更多）。2.安装jQuery方法1：通过CDN引入在HTM
  • java计算机毕业设计校园共享单车系统源代码+系统+数据库+lw文档 荣荣科技 java开发语言jvm
    java计算机毕业设计校园共享单车系统源代码+系统+数据库+lw文档java计算机毕业设计校园共享单车系统源代码+系统+数据库+lw文档本源码技术栈：项目架构：B/S架构开发语言：Java语言开发软件：ideaeclipse前端技术：Layui、HTML、CSS、JS、JQuery等技术后端技术：JAVA运行环境：Win10、JDK1.8数据库：MySQL5.7/8.0源码地址：https://p
  • 探索前端框架的未来：Svelte 的崛起 大梦百万秋 知识学爆前端框架
    引言在前端开发的世界里，框架更新换代的速度仿佛光速。从jQuery到Angular，再到如今大热的React和Vue，开发者们不断追逐更轻量、更快、更易于维护的框架。如今，Svelte正悄然崛起，并引发了关于前端框架未来的热烈讨论。本文将介绍Svelte的独特之处，以及为什么它可能会成为下一个主流前端框架。1.什么是Svelte？Svelte是一个相对年轻的前端框架，由RichHarris开发。与
  • 运维系列&js系列【仅供参考】：jsp 删除前先做短信验证 坦笑&&life javascriptjava开发语言
    jsp删除前先做短信验证jsp删除前先做短信验证摘要正文jsp删除前先做短信验证摘要本文介绍了在前端删除操作前如何通过弹窗进行用户验证，包括短信或邮箱验证。通过检查用户是否勾选待删除项，若未选择则提示用户。同时展示了如何根据用户邮箱和手机号进行显示选项的选择及数据脱敏处理。在JSP环境中，演示了如何使用jQuery操作DOM元素，并展示了.show()和.hide()方法用于元素的显示和隐藏。正文
  • jQuery初体验 Hydra. JavaWeb
    目录JQueryjQuery常用选择器JQuery的事件jQuery中的动画JQuery什么是jQuery？有什么作用？jQuery是目前最流行的JavaScript程序库，它通过封装原生的JavaScript函数的到一整套定义好的方法。jQuery常用选择器标签选择器直接使用html标签名作为选择器$("p")表示选择页面中所有的标签类选择器使用标签的class属性值作为选择器，$(".bth"
  • 集成 pdf.js 批注方案至 jQuery 和 HTML 项目示例代码
    摘要：简单5步完成强大的PDF批注开发包集成部署，包括数据的云端同步。本文章介绍如何集成于jQuery和HTML项目，示例代码完善且简单，复制粘贴即可完成项目的集成。即使不使用文中产品，其他基于pdf.js开发的批注工具也可参考本文集成。1.代码包与Demo1.1代码包结构ElasticPDF基于开源pdf.js，增加了多种开箱即用的PDF批注功能。代码包延续了pdf.js-dist独立且完全离线
  • Integrate pdf.js annotation into jQuery and HTML
    Abstract:Simple5stepstointegratethepowerfulPDFannotationdevelopmentkit,includingcloudserver.ThisarticleintroduceshowtointegrateitintojQueryandHTMLprojects.Thesamplecodeiscompleteandsimple.Youcancomple
  • React ajax（主要记录axios） ☞^O^ react.jsajax前端
    一、前期说明前置说明：1.React本身只关注与界面，并不包含发送ajax请求的代码2.前端应用需要通过ajax请求与后台交互（json数据）3.react应用中需要集成第三方库或自己封装常用的ajax请求库1.jquery：比较重，如果需要另外引入不建议使用2.axio：轻量级，建议使用（1）封装XmlHttpRequest对象的ajax（2）promise风格（3）可以用在浏览器端和node服
  • php解析失败,解决ThinkPHP模板常量解析失败 集成电路科普者
    ThinkPHP在设计时没有考虑过把__XXX__这种模板常量用在一些PHP操作上，比如模板继承、Include标签统统不能用模板常量，比如下面这样ThinkPHP是不解析的，直接过滤掉。其原因有21.URL路径PHP是不认的，PHP引用文件需要文件路径比如引用js文件你可以这样127.0.0.1/nut_shop/Public/jQuery.js而引用PHP文件则需要./Public/nav.h
  • 【技术贴收集】在线预览下载PDF文件 yz-俞祥胜 实用前端插件学习
    借鉴地址：演示地址：http://sources.ikeepstudying.com/jquery.media/pdf.phpGitHub地址：https://github.com/malsup/media/tree/master可以支持PDF文件在线预览、下载。我只是日志记录下，详情请看上面链接听说还支持其他类型媒体文件：播放视频等等插件名称：jquery.media.js使用超级简单：1.引用
  • jEasyUI 创建基础树形网格 lsx202406 开发语言
    jEasyUI创建基础树形网格引言jEasyUI是一个基于jQuery的易于使用的界面框架，它提供了丰富的UI组件，帮助开发者快速构建富有交互性的网页应用。树形网格（TreeGrid）是jEasyUI提供的一个特殊网格，它结合了树形结构的层级和表格的列数据展示，非常适合展示具有层级关系的数据。本文将详细介绍如何使用jEasyUI创建一个基础的树形网格。准备工作在开始之前，请确保已经引入了jEasy
  • 大学生HTML期末大作业——HTML+CSS+JavaScript美食网站（西餐） 无·糖 Web前端期末大作业html课程设计css大学生javascript美食大作业
    HTML+CSS+JS【美食网站】网页设计期末课程大作业web前端开发技术web课程设计网页规划与设计文章目录一、网站题目二、网站描述三、网站介绍四、网站效果五、️网站代码六、️‍如何学习进步七、‍☠️更多干货文章目录一、网站题目美食网站（西餐）精美响应式含JQuery7页二、网站描述总结了一些学生网页制作的经验：一般的网页需要融入以下知识点：div+css布局、浮动、定位、高级css、表格、表单
  • 代码审计学习路线 白帽子技术分享 python网络安全代码审计
    学习代码审计分以下四部分一.编程语言1.前端语言html/javascript/dom元素使用，主要是为了挖掘xss漏洞，jquery主要写一些涉及到CSRF脚本使用的或者DOM型XSS，JSON劫持等2.后端语言基础语法要知道，例如变量类型,常量,数组(python是列表,元组,字典)，对象,类的调用,引用等，MVC设计模式要清楚,因为大部分目标程序都是基于MVC写的，包括不限于php，pyth
  • jQuery和CSS3响应式网站导航幻灯片插件 �时过境迁，物是人非 jquerycss3前端
    这是一款即实用又炫酷的jQuery和CSS3响应式网站导航幻灯片插件。该插件将幻灯片制作为网站的hero导航，在幻灯片中展示网站各主要板块的内容，使用户可以非常容易的了解网站的主要信息。在线演示下载该幻灯片插件是响应式的，幻灯片中可以嵌入图片背景、视频及文本信息。为了提高与用户的互动，幻灯片中将前后导航按钮替换为导航按钮。按钮和导航箭头的区别是：每个按钮是一个标题，它会提示用户该页幻灯片所对应的网
  • 过年了，开发一款春节创意进度条插件，让你的网站都带有春节的气息 泰克农民工 技术文章jqueryjavascript前端
    前言快过年了，为了让网站带有春节的气息，，开发带有春节特色的进度条。效果演示在线体验使用说明在项目中引入jquery、进度条插件,将如下代码加入页面head元素中。指定页面元素执行progress函数，则在元素后面添加进度条，代码如下：//年年有鱼$('#demo').progress({type:'fish'},function(){width++;if(width<10){return10;}
  • 【JQuery】.val()方法和.html()方法的区别探究，延伸HTML中元素（Elements）和表单元素（Form Elements）的区别 maider_kong jqueryhtml前端
    一、HTML中元素（Elements）和表单元素（FormElements）的区别1.HTML元素（Elements）HTML元素是HTML文档的基本构建块。每个HTML元素都通过开始标签和结束标签来定义（某些元素是空的，即它们不包含任何内容，因此不需要结束标签，如或）。元素可以包含属性，这些属性提供了有关HTML元素的额外信息。例如，元素用于定义段落，到元素用于定义标题，元素用于定义超链接，和元
  • 多线程编程之存钱与取钱 周凡杨 javathread多线程存钱取钱
      生活费问题是这样的：学生每月都需要生活费，家长一次预存一段时间的生活费，家长和学生使用统一的一个帐号，在学生每次取帐号中一部分钱，直到帐号中没钱时 通知家长存钱，而家长看到帐户还有钱则不存钱，直到帐户没钱时才存钱。   问题分析：首先问题中有三个实体，学生、家长、银行账户，所以设计程序时就要设计三个类。其中银行账户只有一个，学生和家长操作的是同一个银行账户，学生的行为是
  • java中数组与List相互转换的方法 征客丶 JavaScriptjavajsonp
    1.List转换成为数组。（这里的List是实体是ArrayList) 　　调用ArrayList的toArray方法。 　　toArray 　　public T[] toArray(T[] a)返回一个按照正确的顺序包含此列表中所有元素的数组；返回数组的运行时类型就是指定数组的运行时类型。如果列表能放入指定的数组，则返回放入此列表元素的数组。否则，将根据指定数组的运行时类型和此列表的大小分
  • Shell 流程控制 daizj 流程控制if elsewhilecaseshell
    Shell 流程控制 和Java、PHP等语言不一样，sh的流程控制不可为空，如(以下为PHP流程控制写法)： <?php if(isset($_GET["q"])){ search(q);}else{// 不做任何事情} 在sh/bash里可不能这么写，如果else分支没有语句执行，就不要写这个else，就像这样 if else if if 语句语
  • Linux服务器新手操作之二 周凡杨 Linux 简单 操作
    1.利用关键字搜寻Man Pages    man -k keyword  其中-k 是选项，keyword是要搜寻的关键字 如果现在想使用whoami命令，但是只记住了前3个字符who，就可以使用 man -k who来搜寻关键字who的man命令       [haself@HA5-DZ26 ~]$ man -k
  • socket聊天室之服务器搭建 朱辉辉33 socket
    因为我们做的是聊天室，所以会有多个客户端，每个客户端我们用一个线程去实现，通过搭建一个服务器来实现从每个客户端来读取信息和发送信息。    我们先写客户端的线程。 public class ChatSocket extends Thread{ Socket socket; public ChatSocket(Socket socket){ this.sock
  • 利用finereport建设保险公司决策分析系统的思路和方法 老A不折腾 finereport金融保险分析系统报表系统项目开发
    决策分析系统呈现的是数据页面，也就是俗称的报表，报表与报表间、数据与数据间都按照一定的逻辑设定，是业务人员查看、分析数据的平台，更是辅助领导们运营决策的平台。底层数据决定上层分析，所以建设决策分析系统一般包括数据层处理（数据仓库建设）。   项目背景介绍 通常，保险公司信息化程度很高，基本上都有业务处理系统（像集团业务处理系统、老业务处理系统、个人代理人系统等）、数据服务系统（通过
  • 始终要页面在ifream的最顶层 林鹤霄
    index.jsp中有ifream，但是session消失后要让login.jsp始终显示到ifream的最顶层。。。始终没搞定，后来反复琢磨之后，得到了解决办法，在这儿给大家分享下。。 index.jsp--->主要是加了颜色的那一句 <html> <iframe name="top" ></iframe> <ifram
  • MySQL binlog恢复数据 aigo mysql
    1，先确保my.ini已经配置了binlog：   # binlog log_bin = D:/mysql-5.6.21-winx64/log/binlog/mysql-bin.log log_bin_index = D:/mysql-5.6.21-winx64/log/binlog/mysql-bin.index log_error = D:/mysql-5.6.21-win
  • OCX打成CBA包并实现自动安装与自动升级 alxw4616 ocxcab
    近来手上有个项目,需要使用ocx控件 (ocx是什么? http://baike.baidu.com/view/393671.htm) 在生产过程中我遇到了如下问题. 1. 如何让 ocx 自动安装?     a) 如何签名?     b) 如何打包?     c) 如何安装到指定目录? 2.
  • Hashmap队列和PriorityQueue队列的应用 百合不是茶 Hashmap队列PriorityQueue队列
      HashMap队列已经是学过了的,但是最近在用的时候不是很熟悉,刚刚重新看以一次,   HashMap是K,v键 ,值     put()添加元素      //下面试HashMap去掉重复的 package com.hashMapandPriorityQueue; import java.util.H
  • JDK1.5 returnvalue实例 bijian1013 javathreadjava多线程returnvalue
    Callable接口： 返回结果并且可能抛出异常的任务。实现者定义了一个不带任何参数的叫做 call 的方法。 Callable 接口类似于 Runnable，两者都是为那些其实例可能被另一个线程执行的类设计的。但是 Runnable 不会返回结果，并且无法抛出经过检查的异常。        ExecutorService接口方
  • angularjs指令中动态编译的方法(适用于有异步请求的情况) 内嵌指令无效 bijian1013 JavaScriptAngularJS
            在directive的link中有一个$http请求，当请求完成后根据返回的值动态做element.append('......');这个操作，能显示没问题，可问题是我动态组的HTML里面有ng-click，发现显示出来的内容根本不执行ng-click绑定的方法！     
  • 【Java范型二】Java范型详解之extend限定范型参数的类型 bit1129 extend
    在第一篇中，定义范型类时，使用如下的方式：   public class Generics<M, S, N> { //M,S,N是范型参数 }  这种方式定义的范型类有两个基本的问题：   1. 范型参数定义的实例字段，如private M m = null;由于M的类型在运行时才能确定，那么我们在类的方法中，无法使用m，这跟定义pri
  • 【HBase十三】HBase知识点总结 bit1129 hbase
    1. 数据从MemStore flush到磁盘的触发条件有哪些？    a.显式调用flush，比如flush 'mytable'    b.MemStore中的数据容量超过flush的指定容量，hbase.hregion.memstore.flush.size,默认值是64M 2. Region的构成是怎么样？ 1个Region由若干个Store组成
  • 服务器被DDOS攻击防御的SHELL脚本 ronin47
    mkdir /root/bin vi /root/bin/dropip.sh #!/bin/bash/bin/netstat -na|grep ESTABLISHED|awk ‘{print $5}’|awk -F:‘{print $1}’|sort|uniq -c|sort -rn|head -10|grep -v -E ’192.168|127.0′|awk ‘{if($2!=null&a
  • java程序员生存手册-craps 游戏-一个简单的游戏 bylijinnan java
    import java.util.Random; public class CrapsGame { /** * *一个简单的赌*博游戏，游戏规则如下： *玩家掷两个骰子，点数为1到6，如果第一次点数和为7或11，则玩家胜， *如果点数和为2、3或12，则玩家输， *如果和为其它点数，则记录第一次的点数和，然后继续掷骰，直至点数和等于第一次掷出的点
  • TOMCAT启动提示NB: JAVA_HOME should point to a JDK not a JRE解决 开窍的石头 JAVA_HOME
    当tomcat是解压的时候，用eclipse启动正常，点击startup.bat的时候启动报错; 报错如下：   The JAVA_HOME environment variable is not defined correctly This environment variable is needed to run this program NB: JAVA_HOME shou
  • [操作系统内核]操作系统与互联网 comsci 操作系统
         我首先申明：我这里所说的问题并不是针对哪个厂商的，仅仅是描述我对操作系统技术的一些看法       操作系统是一种与硬件层关系非常密切的系统软件，按理说，这种系统软件应该是由设计CPU和硬件板卡的厂商开发的，和软件公司没有直接的关系，也就是说，操作系统应该由做硬件的厂商来设计和开发
  • 富文本框ckeditor_4.4.7 文本框的简单使用 支持IE11 cuityang 富文本框
    <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>知识库内容编辑</tit
  • Property null not found darrenzhu datagridFlexAdvancedpropery null
    When you got error message like "Property null not found ***", try to fix it by the following way: 1)if you are using AdvancedDatagrid, make sure you only update the data in the data prov
  • MySQl数据库字符串替换函数使用 dcj3sjt126com mysql函数替换
    需求：需要将数据表中一个字段的值里面的所有的  .   替换成  _   原来的数据是  site.title  site.keywords  .... 替换后要为     site_title  site_keywords   使用的SQL语句如下：   updat
  • mac上终端起动MySQL的方法 dcj3sjt126com mysqlmac
    首先去官网下载: http://www.mysql.com/downloads/ 我下载了5.6.11的dmg然后安装,安装完成之后..如果要用终端去玩SQL.那么一开始要输入很长的:/usr/local/mysql/bin/mysql 这不方便啊,好想像windows下的cmd里面一样输入mysql -uroot -p1这样...上网查了下..可以实现滴. 打开终端,输入: 1
  • Gson使用一（Gson） eksliang jsongson
    转载请出自出处：http://eksliang.iteye.com/blog/2175401 一.概述 从结构上看Json，所有的数据（data）最终都可以分解成三种类型： 第一种类型是标量（scalar），也就是一个单独的字符串（string）或数字（numbers），比如"ickes"这个字符串。 第二种类型是序列（sequence），又叫做数组（array）
  • android点滴4 gundumw100 android
    Android 47个小知识 http://www.open-open.com/lib/view/open1422676091314.html Android实用代码七段（一） http://www.cnblogs.com/over140/archive/2012/09/26/2611999.html http://www.cnblogs.com/over140/arch
  • JavaWeb之JSP基本语法 ihuning javaweb
      目录   JSP模版元素  JSP表达式  JSP脚本片断  EL表达式  JSP注释  特殊字符序列的转义处理  如何查找JSP页面中的错误   JSP模版元素    JSP页面中的静态HTML内容称之为JSP模版元素，在静态的HTML内容之中可以嵌套JSP
  • App Extension编程指南（iOS8/OS X v10.10）中文版 啸笑天 ext
             当iOS 8.0和OS X v10.10发布后，一个全新的概念出现在我们眼前，那就是应用扩展。顾名思义，应用扩展允许开发者扩展应用的自定义功能和内容，能够让用户在使用其他app时使用该项功能。你可以开发一个应用扩展来执行某些特定的任务，用户使用该扩展后就可以在多个上下文环境中执行该任务。比如说，你提供了一个能让用户把内容分
  • SQLServer实现无限级树结构 macroli oraclesqlSQL Server
    表结构如下： 数据库id path titlesort 排序 1 0 首页 0 2 0,1 新闻 1 3 0,2 JAVA 2 4 0,3 JSP 3 5 0,2,3 业界动态 2 6 0,2,3 国内新闻 1 创建一个存储过程来实现，如果要在页面上使用可以设置一个返回变量将至传过去   create procedure test as begin decla
  • Css居中div，Css居中img，Css居中文本，Css垂直居中div qiaolevip 众观千象学习永无止境每天进步一点点css
    /**********Css居中Div**********/ div.center { width: 100px; margin: 0 auto; } /**********Css居中img**********/ img.center { display: block; margin-left: auto; margin-right: auto; }
  • Oracle 常用操作(实用) 吃猫的鱼 oracle
    SQL>select text from all_source where owner=user and name=upper('&plsql_name');  SQL>select * from user_ind_columns where index_name=upper('&index_name');  将表记录恢复到指定时间段以前
  • iOS中使用RSA对数据进行加密解密 witcheryne iosrsaiPhoneobjective c
      RSA算法是一种非对称加密算法,常被用于加密数据传输.如果配合上数字摘要算法, 也可以用于文件签名. 本文将讨论如何在iOS中使用RSA传输加密数据. 本文环境 mac os  openssl-1.0.1j, openssl需要使用1.x版本, 推荐使用[homebrew](http://brew.sh/)安装. Java 8 RSA基本原理 RS
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他