基于easyUI实现组织结构树图形

一. 准备工作 1. 点击此下载相关文件 2. 进入 js 文件夹,解压缩 jquery-easyui-1.5.rar 到当前文件夹二. 在浏览器中运行 organize.html 文件,即可看到效果三. 效果图…

此文章是基于 EasyUI+Knockout实现经典表单的查看.编辑一. 相关文件介绍 1. organize.jsp:组织结构树的主界面 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"> <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding=&quo…

基于EasyUI Treegrid的权限管理资源列表

1. 前言最近在开发系统权限管理相关的功能,主要包含用户管理,资源管理,角色管理,组类别管理等小的模块.之前的Web开发中也用过jQueryEasyUI插件,感觉这款插件简单易用,上手很快.以前用到的主要是Datagrid组件,这次为了区分资源的父子关系,打造更好的用户体验,遂探索一下Treegrid组件. 2.jQueryEasyUI简介 jQuery EasyUI是一组基于jQuery的UI插件集合体,而jQuery EasyUI的目标就是帮助web开发者更轻松的打造出功能丰富并且美观的U…

基于easyui的webform扩展(续)

基于easyui的webform扩展(续) 回顾 <前端基于easyui的mvc扩展>.<前端基于easyui的mvc扩展(续)>.<基于easyui的webform扩展>这几篇讲解了如何在mvc以及web form内来实现前端使用easyui以及在后端使用基于ValidationAttribute进行验证(mvc本身就有支持),但是这都是以Framework4.0为基础的,那么当我们遇到3.5或者是更早以前的版本的时候,现在这套应用就需要重新重构了. 首先来梳理一下整…

基于easyui的webform扩展

基于easyui的webform扩展回顾 <前端基于easyui的mvc扩展>.<前端基于easyui的mvc扩展(续)>前两篇介绍了mvc内如何基于easyui进行扩展,在mvc里面有很多简化的语法可以让开发人员快速开发,既然我们已经对mvc进行了扩展,那么当然也不能漏掉了基础的web form了.首先我们来比较一下mvc和web form,如果前端不使用razor,都是用aspx页面的话,使用的语法是一样的,只是mvc内提供了HtmlHelper.Model.ViewData…

ABP 初探之基于EasyUI的CURD

结束了天天加班的项目,项目虽然结束,但还是有点小问题,只能在后期优化当中完成了,本次做项目采用了,MVC.Webapi.Entityframework,在园了里看到了有关ABP的介绍,同样ABP也是最新技术集合,就加入了 ABP架构设计交流群 134710707,一起探讨.学习与进步. ABP的技术文档全是英文资料,不过现在不用担心了,群里的热心朋友已翻译成能看的懂语言了,详情 ABP 源代码地址 https://github.com/aspnetboilerplate ABP的基本介绍就不讲了…

基于EasyUI实现windows桌面

之前为大家介绍了基于jquery tool实现的windows桌面效果,今天给大家带来一款基于EasyUI实现windows桌面.这款桌面适用浏览器:360.FireFox.Chrome.Safari.Opera.傲游.搜狗.世界之窗. 不支持IE8及以下浏览器.效果图如下: 在线预览源码下载实现的代码. js代码: $(function () { $.messager.alert("站长素材", "欢迎访问站长素材,您现在可以体验改应用了,更多JS代码请继续关注&…

基于easyui的验证扩展

基于easyui的验证扩展 ##前言自己做项目也有好几年的时间了,一直没有时间整理自己的代码,趁春节比较闲,把自己以前的代码整理了一篇.这是基于easyui1.2.6的一些验证扩展,2012年就开始使用于项目中,其中一部分功能后来与HTML5有重叠,但鉴于目前实际国情,对于HTML4的支持还是有需要的,故在此进行整理与分享. ##整体内容代码主要分两部分 * `easyUIExtend`基于easyui的validatebox的扩展,主要是扩展其验证规则. * `customValidato…

前端基于easyui的mvc扩展(续)

前端基于easyui的mvc扩展(续) 回顾及遗留问题上一篇讲解了基于easyui的mvc扩展的基本实现,已经降低了在mvc内使用easyui的难度,但是仍然还有一些问题: 当我们要给生成的控件设置一些其他的属性(如:id)或者想要设置easyui控件的一些其他的可配置项对于form表单提交时,也要让form表单基于easyui的验证机制来进行验证这里要先提一下,上一篇的TagBuilder并不是微软自带的(位于System.Web.Mvc下),而是自己实现的,理由嘛,既然我们编码了mvc…

游戏AI(三)—行为树优化之基于事件的行为树

上一篇我们讲到了关于行为树的内存优化,这一篇我们将讲述行为树的另一种优化方法--基于事件的行为树. 问题在之前的行为树中,我们每帧都要从根节点开始遍历行为树,而目的仅仅是为了得到最近激活的节点,既然如此,为什么我们不单独维护一个保存这些行为的列表,以方便快速访问呢.我们可以把这个列表叫做调度器,用来保存已经激活的行为,并在必要时更新他们. 解决办法我们不再每帧都从根节点去遍历行为树,而是维护一个调度器负责保存已激活的节点,当正在执行的行为终止时,由其父节点决定接下来的行为. 监察函数为了实…

基于easyui框架中input 类型的checkbox拼接成字符串存入数据库和读取选中---善良公社项目

项目中我做修改用户个人资料的时候,有一个需求是帮助人员的帮助类型如图下所示: 当初想如果是asp.net控件的话应该很简单实现,如果不是基于easyUI框架那就太简单了,现在是受框架的限制与是前端html控件,所以还是会稍微多转化一下, 前提这个是个人资料的修改,需要如果用户已经选择某项的话,需要加载时打上对勾:如图所示思路对于数据的存储考虑过可以存放到多个字段里面,这样操作起来方便,现在通过查询资料是可以把这些只要是选中的某项都可以拼接成字符串存入到数据库中的一个字段中,读取的时候需要先…

快速开发框架，及库存管理系统，基于easyui框架和C#语言MVC、EntityFrameWork、T4模板技术。

快速开发框架,及库存管理系统,基于easyui框架和C#语言MVC.EntityFrameWork.T4模板技术. 产品界面如下图所示: 源码结构: 开放全部源码,如有需要请联系,QQ:110714192,验证信息填写<博客园>即可.…

前端基于easyui的mvc扩展

背景由于MVC的前端是基于jquery.validate和jquery.validate.unobtrusive来实现的,但是当我们要使用其他的ui组件且组件本身就带有完整的验证功能的话,那么要让它们配合起来是有些麻烦的,比如:easyui. 介绍 MVC主要提供了一下几个验证特性来支撑前端的验证: CustomValidationAttribute:指定一个用于验证目标成员的验证类型和验证方法. DataTypeAttribute:指定要与数据字段关联的附加类型的名称. RangeAttri…

表单（上）EasyUI Form 表单、EasyUI Validatebox 验证框、EasyUI Combobox 组合框、EasyUI Combo 组合、EasyUI Combotree 组合树

EasyUI Form 表单通过 $.fn.form.defaults 重写默认的 defaults. 表单(form)提供多种方法来执行带有表单字段的动作,比如 ajax 提交.加载.清除,等等.当提交表单时,调用 'validate' 方法来检查表单是否有效. 用法创建一个简单的 HTML 表单.构建表单并给 id.action.method 赋值. <form id="ff" method="post"> <div> <lab…

第二百二十七节，jQuery EasyUI，ComboTree(树型下拉框)组件

jQuery EasyUI,ComboTree(树型下拉框)组件学习要点: 1.加载方式 2.属性列表 3.方法列表本节课重点了解EasyUI中ComboTree(树型下拉框)组件的使用方法,这个组件依赖于Combo(下拉框) 和 Tree(树)组件. 一．加载方式 class 加载方式 <select id="cc" class="easyui-combotree" style="width:200px;" data-options=…

第二百二十六节，jQuery EasyUI，Tree(树)组件

jQuery EasyUI,Tree(树)组件本节课重点了解 EasyUI 中 Tree(树)组件的使用方法,这个组件依赖于 Draggable(拖动)和 Droppable(放置)组件. 一．加载方式 class 加载方式 <ul class="easyui-tree"> <li> <span>系统管理</span> <ul> <li> <span>主机信息</span> <ul…

一个基于 easyui, vue 和 maptalks 的简单地图应用

一个基于 easyui, vue 和 maptalks 的简单地图应用做了一个小应用,结合 easyui , vue 和 maptalks 的简单的地图应用.可以用来画图,什么的. 地址…

基于EasyUi ComBotree树修改父节点选择问题

本人在使用 Easy UI 期间发现了一个不太适合项目的bug,可能也不算bug把 . 毕竟不同项目背景取舍不同. 我在做网元树选择的时候发现当选取父节点后,子节点都会被选择返回 .但是如果我们选中父节点后没有必要选择子节点. 故对源脚本作适当修改下拉框树修改父节点选中后只显示父节点取消返回子节点修改方法找到树的选择函数进行遍历判断查找关键字 combotree multiple大约行数 10564 function _7d5(_7d6) {var opts=$.dat…

基于easyUI实现权限管理系统（二）——菜单导航

此文章是基于 EasyUI+Knockout实现经典表单的查看.编辑一. 相关文件介绍 1. menu.jsp:菜单导航主界面 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"> <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-…

Node.js、express、mongodb 入门(基于easyui datagrid增删改查)

前言从在本机(win8.1)环境安装相关环境到做完这个demo大概不到两周时间,刚开始只是在本机安装环境并没有敲个Demo,从周末开始断断续续的想写一个,按照惯性思维就写一个增删改查吧,一方面是体验下node.js的魔力,二就是看看node.js.express和mongoose的API,其次就是把自己入门的过程记录下来,方便自己查看,再就是对入门的朋友起一个引导的作用. 敲demo的过程中感觉最爽的就是npm(Node Package Manager)是一个Node.js的包管理和分发工具.…

基于SVG的web页面图形绘制API介绍

转自:http://blog.csdn.net/jia20003/article/details/9185449 一:什么是SVG SVG是1999由W3C发布的2D图形描述语言,纯基于XML格式的标记语言,SVG的全称是可扩展的矢量图形跟传统的Raster方式的图形(JPG, PNG, GIF等)有很大的差别.SVG是2D图形开发平台,包括两个部分,一个是基于XML语言的数据描述,另外一部分是可编程的API,其关键特性支持图形,文本,梯度填充,画笔风格,图形特效滤镜如高斯模糊,会在稍后…

easyui&8Jquery ztree树插件

7Jquery easyui前台UI框架开发包: 7.1Layout页面布局将课后资料中后台系统前台页面素材导入项目中 1.导入Jquery,easyui相关js,css文件 <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath }/js/easyui/themes/default/easyui.css"> <link r…

easyUI创建人员树

最近做了一个树状的下拉列表,在这里记录一下,以后可以直接使用项目中的树状下拉列表是用来选择人员用的,具体实现展示如下: 先说一说功能,左边的人员数是提供选人的,当点击中间的按钮,选中的人员会直接移到右边,如果要删除已选中的人员,只需要双击右边人的姓名即可,点击确定进行集体的业务逻辑操作,一般就是新增人员到某一个表中. 我们再来看看这个DIV的具体代码,由于项目中在多个地方都使用到了这个人员树,所以我把这个DIV抽象出来当作一个公共的jsp页面.如需调用,只需要include这个jsp即可 us…

MVC+easyui,写个树

前言:网上关于编写组织机构树的教程并不少,我第一次写树的时候也是在网上借鉴别人的技术,走了一些弯路写下了树.是因为这些教程都不是很全面,对于编程新手来说跳跃性太强.所以趁着闲暇时期,我用心的写个树,供大家借鉴,尽量做到通俗易懂,若有不恰当的地方,还望高人指出. 工具以及语言: vs2015 sqlserver2008 c# js css html 整体思路:本次教程,你以为我只写个树.实际这不止是个树,这将包括如何创建一个MVC,如何将项目与数据库关联,如何设计数据库,如何从数…

EasyUI的功能树之异步树

最近几个项目都用到了EasyUI这个Jquery框架,目前感觉起来还是很好使的,展示效果很好,帮助文档什么的资料很多,而且互联网上Easy粉很多,大多数拥护和喜爱EasyUI的粉丝们都愿意在网络平台互相分享学习成果,甚至有专门的社区来讨论使用情况,网址是http://bbs.jeasyuicn.com/,里面的资源模块里有很多都是免费的学习资料,包括视频文档项目源码等,建议初学者去看视频,然后研究一下这个网站(sypro)的实现http://sshe.jeasyuicn.com/,甚至有视频教程…

EasyUI的功能树之扁平化

上篇博客主要介绍了异步加载树的方法,通过前台传给后台一个节点的id值,然后当单击节点加号时,查询并显示其子节点的数据.其实如果不是很大的数据,我们本可以次把树中所有节点都加载上来的.也就是说,我的Action不必再接受你前台给我的节点id,我只需一次查找到所有节点即可显示出整棵树,非常的简便.与上篇博客的不同之处就在于service实现类的精简. 直接看demo: @Override public List<Menu> getAllTreeNode() { List<Menu> m…

基于easyui开发Web版Activiti流程定制器详解（五）——Draw2d详解（一）

背景: 小弟工作已有十年有余,期间接触了不少工作流产品,个人比较喜欢的还是JBPM,因为出自名门Jboss所以备受推崇,但是现在JBPM版本已经与自己当年使用的版本(3.X)大相径庭,想升级也不太容易,后来得知JBPM的老大转战到了Activiti,处于对JBPM的喜欢所以研究了一下Activiti,发现Activiti不但保留下JBPM优秀的DNA而且还进行了优化,相比之前JBPM设计更简单更清晰更容易掌握. 三年前Activiti开始进入公司的正式项目中并且表现非常良好,但是它的Web版的定…

【转】基于easyui开发Web版Activiti流程定制器详解（一）——目录结构

题外话(可略过): 前一段时间(要是没记错的话应该是3个月以前)发布了一个更新版本,很多人说没有文档看着比较困难,所以打算拿点时间出来详细给大家讲解一下,由于本人平时要工作还要陪老婆和孩子而且还经营着一个网店(生意不太好,但是还在坚持),所以时间比较有限,如果有讲解不到位的地方请指正. 根目录结构介绍: css目录存放样式表 image目录存放自定义的图片 js目录存放定制器使用的JS脚本库(后面会重点介绍) themes目录存放easyui的皮肤 wf目录内存放与界面相关的HTML文件 js目…

基于easyUI实现登录界面

此文章是基于 EasyUI+Knockout实现经典表单的查看.编辑一. 准备工作 1. 点击此下载相关文件,并把文件放到 ims 工程对应的文件夹下二. 相关文件介绍 1. login.jsp:系统主界面 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"> <%@ page language="java" contentType="text/html; ch…

基于easyUI实现经典系统主界面

此文章是基于 EasyUI+Knockout实现经典表单的查看.编辑一. 相关文件介绍 1. home.jsp:系统主界面 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"> <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8&…