EasyUI左右布居

<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"><head runat="server"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>首页</title> &…

css世界的学习笔记

1.+选择器div+p:选择紧接在div后的所有p元素: 2.导航的样式:(注意:不给a设置width:100%;只是需要display:block;利用流布居:) <h4>无宽度,借助流动性</h4> <div class="nav"> <a href="" class="nav-a">导航1</a> <a href="" class="nav-a&…

1.建立晶体:选择晶系,添加原子:2.导入系统晶体文件:3.建立分子molecule,画原子:4.计算简单分子molecule:注意事项: 1)做了一个H2O分子,接下来要做一个“立体壳子”,因为CASTEP计算的是周期性的结构,必须有一个周期性的晶胞: 工具栏 build--crystals--Build crystal,点击 build,使用默认的晶格参数就行. 2)先简单算一下能量吧,点击run,很多时候会弹出如下警告对话框.这是在问你是不是要选择最小周期来计算,节省时间. 一般家里的晶胞…

easyui中datagrid标题居中内容居左实现方式

easyui中的datagrid使用起来,确实还是挺轻巧方便,但是其中也有不少的问题,尤其遇到客户的一些特殊的需求时往往实现得不是很好.这个时候就需要我们自己动手来修改easyui的源码了.easyui的源码我也稍有阅读,其中的设计方式确实是相当巧妙,但是给人最大的感受是源码中的变量方法名都是用的没有意义的数字和字母,这对于阅读源码确实比较的麻烦. 说了这么多,直入主题吧,我们最近在给某保险公司做一个财务系统,因为是财务系统,就得经常用到列表,而且财务会计他们要求的列表格式又是相当的苛刻.前不久…

关于EasyUI datagrid 表头居中数据列内容居右或者居左

cell.css("text-align",(col.halign||col.align||"")); 这里有个属性挺眼熟 : col.align 前面还有一个: col.halign 可以使用此属性实现该功能.代码如下: { field: 'Name', title: '约束名称', width: 80, align: 'left', halign: 'center', }, 其中 align:'left' 控制内容居左 , halign: 'center' 控制…

Easyui设置动态表格,动态导出数据实例,附Demo

最近开发的过程中碰到一个客户提出的需求,一个指定的页面导出需要提供一个弹出页面选择列表页面需要显示的列,页面确认之后需要修改列表页面显示的表格,导出的数据也需要同步变化. 总结一下可以称为一个列表数据的动态显示和动态导出表格应用的是Easyui datagrid插件,项目以MVC5位背景开发下面直接上代码 1.首先设置列表页面需要显示的列columus为全局对象,用于子页面调用,这里的columns 对象在构建datagrid列表的时候决定了显示列的相应属性. field 对应后台返回数据对…

easyui中对数据的判断来显示，formatter控制

需求效果图:(把编辑按钮根据信息是否发布,来选择显示与不显示,已发布的不能够进行编辑所以不显示) 上图中的flag为发布标识,flag值1为已发布,值2为未发布思路:第一想到的是给这个button按钮加一个id属性值,用js进行判断隐藏,发现根本行不通,因为网页加载先加载js,根本取不到flag的值,无奈,观其源码于是在success里写,如下图: 发现可行,做出来效果后发现,只对第一行数值有效,其他数据无效,无奈,id换成class后,果真可以,只是当所有消息都是发布状态时,才隐藏,若有一条…

SNF快速开发平台MVC-瀑布式分页组件

1. 瀑布式分页目前已经比较流行了,以往的这种点击分页已经不能满足广大网民的需求了.像百度图片等等,网站都有滚动滚轮直接分页的功能,这样体验也确实好了不少,所以我们也决定在我们的框架内进行集成此功能.一种针对于我们的表格控件进行瀑布式分页,另一种是针对于网页自定义样式瀑布式分页. 1.1. 效果展示 1.1.1. 表格瀑布式分页图 3.1 1.1.2. 任意文本的瀑布式分页图 3.2 1.2. 添加引用 <script src="~/Content…

前端框架 EasyUI （2）页面布局 Layout

在 Web 程序中,页面布局对应用程序的用户体验至关重要. 在一般的信息管理类的 Web 应用程序中,页面结构通常有一个主工作区,然后在工作区上下左右靠近边界的区域设置一些边栏,用于显示信息或放置一些功能选项的控件.比如下面这两个比较典型的例子: EasyUI 提供了一种非常简单方便的实现该效果的方法,可以让用户很方便的在页面上实现矩形区域划分的功能,这就是 EasyUI 的布局组件(Layout). EasyUI 布局组件Layout EasyUI 的布局组件允许用户在一个主工作区的四周各…

前端框架 EasyUI （1）熟悉一下EasyUI

jQuery EasyUI 官方网站 http://www.jeasyui.com/ .去年新开了个中文网 http://www.jeasyui.net/,不知道是不是官方的,不过看着挺像样.但是,广告有点多,凑合能用,可以参考..但是,广告真的实在的确是有点非常碍眼. 现在最新的 EasyUI 是 1.4.2 版本,本系列教程都会基于该版本.没有的可以去EasyUI 官网http://www.jeasyui.com/ 下载,或者点击该链接 jquery-easyui-1.4.2下载.不过因为我…

前端框架 EasyUI （0）重新温习（序言）

几年前,参与过一个项目.那算是一个小型的信息管理系统,BS 结构的,前端用的是基于 jQuery 的 EasyUI 框架. 我进 Team 的时候,项目已经进入开发阶段半个多月了.听说整个项目的框架是另一个“牛人”搭建的,后来被这个 PM 直接拿来用了. 因为搭框架的“牛人”已经不在了,整个 Team 没有对框架非常精通的人,开发过程中遇到不少问题. 后台还好,没用什么复杂的组件或框架,都是最基本的 ASP.NET 页面和 C# 代码,所以没有什么问题.关键是前端,当时整个 Team 里没有一个…

ASP.NET MVC5+EF6+EasyUI 后台管理系统（1）-前言与目录（持续更新中...）

开发工具:VS2015(2012以上)+SQL2008R2以上数据库您可以有偿获取一份最新源码联系QQ:729994997 价格 666RMB 升级后界面效果如下: 任务调度系统界面 http://www.cnblogs.com/ymnets/p/5065154.html 系统权限全套完整图 http://www.cnblogs.com/ymnets/p/5065201.html 系统配置部分图 http://www.cnblogs.com/ymnets/p/5065232.html 工作…

ASP.NET MVC5+EF6+EasyUI 后台管理系统（81）-数据筛选（万能查询）

系列目录前言听标题的名字似乎是一个非常牛X复杂的功能,但是实际上它确实是非常复杂的,我们本节将演示如何实现对数据,进行组合查询(数据筛选) 我们都知道Excel中是如何筛选数据的.就像下面一样他是一个并的关系,我们现在要做的也是这样的效果,下面我们将利用EasyUI的DataGrid为例来扩展(就算是其他组件也是可以的,同样的实现方式!) 实现思路前台通过查询组合json 后台通过反射拆解json 进行组合查询虽然短短3点,够你写个3天天夜了优点:需要从很多数据中得到精准的数据,通常…

ASP.NET MVC5+EF6+EasyUI 后台管理系统（63）-Excel导入和导出-自定义表模导入

系列目录前言上一节使用了LinqToExcel和CloseXML对Excel表进行导入和导出的简单操作,大家可以跳转到上一节查看: ASP.NET MVC5+EF6+EasyUI 后台管理系统(63)-Excel导入和导出本节演示一些比较复杂的模型场景情景上次的场景:(标准的Excel表格格式) 制定的场景:(指定表模的场景,多张sheet,不是横排的形式) 实现实现思路:利用LinqToExcel循环读取Sheet,再循环读取Sheet指定单元格的内容 (其实Excel是一个二维数…

ASP.NET MVC5+EF6+EasyUI 后台管理系统（80）-自由桌面

系列目录前言这次我们来做一个有趣的事情,有朋友跟做了很远,找我要自由桌面的代码,这次我们将演示自由桌面的代码. 自由桌面:用户可以随意增删改桌面的布局.个数(只留自己需要看到的数据),这次纯属EasyUI前端当然您抛弃EasyUI你同样也能为你的系统桌面定制有趣自由布局结果预览实现思路本次实现主要用到EasyUI一个非常不常用的组件Draggable(拖拽) 虽然图显示简单,但是实际做起来非常的耗时,有兴趣的朋友在尾部下来看看拖拽和实现,下面是实现思路和功能: 拖拽之后DIV中保存了…

ASP.NET MVC5+EF6+EasyUI 后台管理系统（67）-MVC与ECharts

系列目录 ECharts 特性介绍 ECharts,一个纯 Javascript 的图表库,可以流畅的运行在 PC 和移动设备上,兼容当前绝大部分浏览器(IE8/9/10/11,Chrome,Firefox,Safari等),底层依赖轻量级的 Canvas 类库 ZRender,提供直观,生动,可交互,可高度个性化定制的数据可视化图表. ECharts 3 中更是加入了更多丰富的交互功能以及更多的可视化效果,并且对移动端做了深度的优化. 丰富的图表类型 ECharts 提供了常规的折线图,柱状图…

谈谈一些有趣的CSS题目（五）-- 单行居中，两行居左，超过两行省略

开本系列,讨论一些有趣的 CSS 题目,抛开实用性而言,一些题目为了拓宽一下解决问题的思路,此外,涉及一些容易忽视的 CSS 细节. 解题不考虑兼容性,题目天马行空,想到什么说什么,如果解题中有你感觉到生僻的 CSS 属性,赶紧去补习一下吧. 不断更新,不断更新,不断更新,重要的事情说三遍. 谈谈一些有趣的CSS题目(一)-- 左边竖条的实现方法谈谈一些有趣的CSS题目(二)-- 从条纹边框的实现谈盒子模型谈谈一些有趣的CSS题目(三)-- 层叠顺序与堆栈上下文知多少谈谈一些有趣的CSS题…

套用JQuery EasyUI列表显示数据、分页、查询

声明,本博客从csdn搬到cnblogs博客园了,以前的csdn不再更新,朋友们可以到这儿来找我的文章,更多的文章会发表,谢谢关注! 有时候闲的无聊,看到extjs那么肥大,真想把自己的项目改了,最近看到一款轻型的UI感觉不错,但是在网上找了好多教程,但是没有一个是完全是C#asp.net写的无耐下,自己写了下,感觉效果不错,故拿出来和大学分享一下,希望可以抛砖引玉作用. 由于好多人都只是拷贝代码,故在此全用图片作说明. 图片效果图1 这个界面是上左右下结构左边是一棵树右边是一个表格上部…

JQuery easyUI DataGrid 创建复杂列表头(译)

» Create column groups in DataGrid The easyui DataGrid has ability to group columns, as the following example shows: View Demo In this example, we use flat data to populate the DataGrid data, and group the listprice,unitcost,addr1,status columns unde…

[EasyUI美化换肤]更换EasyUi图标

前言本篇文章主要是记录一些换EasyUI皮肤的过程,备忘.也欢迎美工大神各路UI给点好意见,EasyUI我就不介绍了,自行百度吧..(So..所以别问我是不是响应式..本身EasyUI就不是响应式..我换个皮肤..就更不谈..) 其实重点看需求,我们主要做的后台项目对手机Web几乎没要求,所以,暂不考虑效果图上几张效果图先: 整体布局树形菜单: 菜单列表: 改了之后还是可以的(毕竟我也不是专业的美工,我就是个.NET的开发..没办法..被逼的..).. 正文其实我们引用EasyUI的时…

Jquery EasyUI 开发实录

有好几年没有用过EasyUI了,最近在外包做的一个项目中新增功能时,又用到了,本以为和按照以前那样用就可以了,可当我真正用的时候,发现许多地方不一样了,就连官网的文档都更新了,最突出的就是不知道什么时候起多了一个data-options属性. 记得,在过去一直都是用js直接调用的,现在突然变成data-options了,而官网给的Demo实在是太过简单,连url参数都是直接写死的,这肯定无法满足开发需求.没办法,只好先从官网过一下文档,然后慢慢摸索.因为浪费了我许多宝贵的时间,所以打算记录一下备…

数据库中树形列表(以easyui的tree为例)

构造一棵easyui前台框架的一个树形列表为例后台框架是spring MVC+JPA. 先看一下数据库是怎么建的,怎么存放的数据下面是实体类 /** * 部门类用户所属部门(这里的部门是一个相对抽象的词) * 使用前缀编码,每级增加三个数字,如:第一级 001,第二级001001,第三级001001001 * @author Administrator * */ @Entity public class Department { private String id; //部门id priva…

Asp.Net Mvc通用后台管理系统,bootstrap+easyui+权限管理+ORM

产品清单: 1.整站源码,非编译版,方便进行业务的二次开发 2.通用模块与用户等基础数据的数据库脚本 3.bootstrap3.3.1 AceAdmin模板源码 4.easyui1.3.5源码 5.FCKEditor和Findor源码 6.ORM代码生成器一套,附源码,可进行个人习惯进行二次开发 7.本系统用了大量easyui的树形懒加载和动态查询示例,非常方便进行学习和企业开发 8.log4net 9.异常日志查看页面产品功能清单: 后台页面自适应,兼容所有主流浏览器多语言接口支持系统配…

通过easyui tab添加的子页面JS脚本必须放在body才生效

通过easyui tab添加的子页面JS脚本必须放在body才生效可通过Chrome查看元素时,head标签是否含有你自己写的JS代码…

asp.mvc + easyui 动态列

废话不多说,直接上代码: @model Huacisoft.Model.Crm_Sys_Role @{ Layout = null; } <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org…

CSS布局之div交叉排布与底部对齐--flex实现

最近在用wordpress写页面时,设计师给出了一种网页排布图样,之前从未遇到过,其在电脑上(分辨率大于768px)的效果图如下: 而在手机(分辨率小于等于768px)上要求这样排列: 我想到了两种方法第一种是用bootstrap的row.col-md配合col-md-push.col-md-pull来实现,代码如下: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <me…

jQuery UI与jQuery easyUI的冲突解决办法

jQuery UI与jQuery easyUI都是基于jQuery开发的.难免里面会有些方法名冲突! 因此对jQuery.easyui其中的两个方法名:resizable 和 draggable进行替换, 分别替换为resiz_able和dragg_able,即可!…

angular + easyui 做界面验证

angular结合easyui这事其实并不是很合适,因为:angular的特点之一是双向绑定,页面元素与页面逻辑之间解耦:easyui是对页面元素进行封装,甚至一些组件是隐藏了原本的dom元素,初始化时创建新的元素来实现功能的.在某种程度上来说,angular和easyui在工作原理上是冲突的,当然,下面就是但是了,不然就不太好往下写了. 但是,easyui的验证控件validatebox的验证控件提示明显,UI效果比较友好,而且不会影响angular的正常工作,所以我对用这两个结合做验证非常喜…

ASP.NET MVC5+EF6+EasyUI 后台管理系统（2）-easyui构建前端页面框架[附源码]

系列目录前言为了符合后面更新后的重构系统,本文于2016-10-31日修正一些截图,文字我们有了一系列的解决方案,我们将动手搭建新系统吧. 后台系统没有多大的UI视觉,这次我们采用的是标准的左右分栏,左边是系统菜单,右边是一个以tabs页组成的页面集合,每一个tab都可以单独刷新和关闭开发工具 Visual Studio 2012(以上) 开始搭建打开我们熟悉的VS创建一个空解决方案.我起了个名字叫Apps,类库命名空间将与Apps开头如Apps.BLL,Apps.Web等命名 1.…

构建ASP.NET MVC4+EF5+EasyUI+Unity2.x注入的后台管理系统（3）-漂亮系统登陆界面

系列目录前言本文于2016-10修改这次的代码是基于上一节的代码集成的,素材都在第二节里头本次添加登录页面的控制器即可实现添加Account的Index视图: @{ Layout = null; } <!DOCTYPE html> <html> <head> <title>系统登录</title> <script src="/Scripts/jquery.min.js" type="text/jav…