JQuery miniui使用小记

【JQuery miniui使用小记】的更多相关文章

JQuery miniui使用小记

1.renderer="onActionRenderer" 如我们需要在一行数据时加上删除操作时,就需要在每行上加上“删除”按钮,以下为实现代码: 列加载时主要的属性…

主题之前写过一篇文章分享了公司basecode查找数据后台是怎么实现的(http://www.cnblogs.com/abcwt112/p/6085335.html).今天想分享一下公司前台是怎么扩展jquery miniui组件去配合后台实现自动查找数据的. 一个使用例子项目中多多少少会遇到要下拉一些数据(不只是下拉,可能还有选择框等等). 这些数据来自数据库里的某张代码表(当然也可以是复杂的SQL查询).这些数据写死在前台明显是不可能的,因为不同环境下配置的数据可能不同.但是为了每个下拉…

jQuery MiniUI开发系列之：数据验证

在开发应用系统界面时,往往需要进行很多.复杂的数据验证,当填写的数据符合规定,才能提交保存. jQuery MiniUI提供了比较完美的表单数据验证和错误显示的方式. 常见的表单控件,都有一个验证事件"validation". 通过监听处理“validation”事件,我们可以自定义验证规则逻辑.是否验证通过.验证错误描述等. //监听处理"validation"事件 textbox1.on("validation", function (e)…

jQuery MiniUI开发系列之：安装部署

jQuery MiniUI是一套纯Javascript的WebUI控件库,它由几十个Javascript控件组成,是不依赖服务端和数据库的. 下载jQuery MiniUI,解压缩后,开发者可以直接在本地文件夹内,点击打开相关示例,进行参考学习. 注意:jQuery MiniUI在scripts/miniui目录下.包含了一个miniui.js,以及一些css和图片,体积非常小,只有几百k. DataGrid是一个表格控件,具备:查询.分页.排序.汇总等数据显示能力. 为了更好的演示DataGr…

jQuery MiniUI开发系列之：使用API文档

jQuery MiniUI在组件设计上,是简约.独立的,没有复杂的继承体系. 比如使用DataGrid,可以在api文档的datagrid部分,查找到datagrid的所有属性.方法.事件,而无需关注除datagrid之外的任何组件内容. 下面,我们通过查看和理解datagrid的api,来学习如何使用api文档. 1)打开http://www.miniui.com/docs/api,查看datagrid. 2)datagrid的顶部全名是"mini.DataGrid. 通过这个信息,我们可以分…

jQuery MiniUI开发系列之：创建组件对象

jQuery MiniUI可以使用Javascript和Html两种方式来创建对象. 1)Javascript创建对象使用JavaScript创建对象,是最基本的方式,有如下几个要点: 1)使用new关键字.如: var grid = new mini.DataGrid(); 2)使用set方法设置属性.如:grid.setUrl("getdata.jsp"); 3)使用on方法监听事件.如:grid.on("rowclick", onRowClick); 4)使…

jQuery MiniUI 开发指南+API组件参考手册

jQuery MiniUI 开发指南本文档将逐步的讲解jQuery MiniUI的方方面面,从此您将踏上jQuery MiniUI的深入探索之旅. 1.Hello MiniUI! 2.MiniUI系统架构 3.表单篇 4.表格篇 5.树形篇 6.布局器篇 7.导航器篇 API组件参考手册了解jQuery Mini…

thinkphp+Jquery MiniUI 开发管理系统

Jquery Miniui JS 兼容IE6+的浏览器,非常适合在企业内部使用. 管理系统等都非常方便. 在企业内部正在使用的是前期asp.net +fineui实现的管理系统.经过了几年的实践检验. 目前准备采用thinkphp+Jquery Miniui 重新做一个轮子,再来一套! 功能模块: 1.组织架构管理 2.权限角色管理 3.待续目标: 实现为功能框架,简化开发. 代码托管: 考虑到国内环境,暂定放在Coding上. 项目QQ群:263921783 欢迎大家一起来探讨交流.PS:国…

关于jQuery MiniUI

jQuery MiniUI v3.0 jQuery MiniUI - 专业WebUI控件库.它能缩短开发时间,减少代码量,使开发者更专注于业务和服务端,轻松实现界面开发,带来绝佳的用户体验. http://miniui.com/demo/…

jQuery MiniUI开发系列之：Ajax处理超时、服务端错误

MiniUI所有组件的ajax交互,均使用标准.成熟的jQuery.ajax. 依赖于jquery ajax组件的完善性,我们可以拦截住每一次ajax请求处理. 比如,拦截ajax返回数据前,判断返回的数据内容是超时.服务端错误等,此时或弹出信息框.或页面跳转. 首先要注意,将mini_debugger = false;禁止掉默认的MiniUI错误信息框. mini_debugger在boot.js内设置即可. 监听ajax全局完成事件,判断返回内容是超时的话,则跳转登录页面: $(docume…

jQuery MiniUI开发系列之：UI和数据分离

使用MiniUI需要注意:UI和数据是分离的. 传统的WEB开发,开发者经常将数据库操作.服务端业务.HTML标签写在一个页面内. 这样会造成开发的混乱,并且难以维护和升级. 使用MiniUI开发的时候,开发者通常会做两种页面: 1)数据页面:dataservice.jsp.(也可以是dataservice.aspx) 2)界面页面数据页面用来提供json.它通过request获取提交的信息,进行逻辑判断后,进行相关服务端操作,通常是在数据库查询,或者增加.修改.删除数据.在最后,它把要返回的…

jQuery MiniUI

今天找到一个关于jQuery的又一个不错的UI,特此保存下.备用. http://www.miniui.com/…

jQuery MiniUI Demo

http://www.miniui.com/demo/#src=datagrid/datagrid.html…

jQuery MiniUI开发系列之：HTML标签配置

全部使用Javascript写一个界面,是一件很困难的事. 1)要求有较高的Javascript编程能力. 2)会造成“代码树”问题.一级又一级子"children",需要"{"和"}"对应,嵌套层次过多,会是一场灾难. 3)难以排错.JS是解释性语言,漏掉个","."}"号,运行的时候才发现,而且很难直接定位到行. 4)维护困难.一个开发者写的复杂JS代码,另一个开发者很难接手. 5)布局困难.需要复杂的…

jquery miniui ，普加甘特图，流程管理

http://www.miniui.com/docs/quickstart/index.html 普加甘特图流程管理 http://www.plusgantt.com/project/demo/Project.html…

JQuery jsonp使用小记

在一个不支持PHP的主机上,需要对某些页面做访问统计.我的方案是在静态的HTML页面上,用JSONP向能够执行PHP的主机进行跨域请求,从而使用PHP解决这个访问量统计问题. 在服务器端,PHP页面返回的JSONP格式应该是这样的: <?php echo $_GET["callback"].' ( { title: "The Principles of Beautiful Web Design, 2nd Edition", url: "http://…

jquery miniui 学习笔记

1.取组件值传递form data,load发送请求加载数据 <script type="text/JavaScript"> mini.parse(); // get grid var grid = mini.get("grid"); var form = new mini.Form("#form"); function search() { //取得某个id组件的 value var rq = mini.get(…

jQuery MiniUI自定义单元格

监听处理"drawcell"事件使用"drawcell"事件,可以自定义单元格内容.样式.行样式等. grid.on("drawcell", function (e) { var record = e.record, column = e.column, field = e.field, value = e.value; //格式化日期 if (field == "birthday") { if (mini.isDate(v…

jQuery.getJSON()方法小记

今天看了下jQquery中的getJSON()方法,做点小结: 原型: jQuery.getJSON( url [, data ] [, success(data, textStatus, jqXHR) ] ) This is a shorthand Ajax function, which is equivalent to 官网解释:意思是$.getJSON是Ajax方法的简写,等价于下面的写法: $.ajax({ dataType: "json", url: url, data:…

使用JQuery MiniUI,json数据构建TreeGrid(树图)

index.html直接上代码. 需要引用MiniUI的boot.js <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>Tree大数据量:10000</title> <script src="scripts/boot.js" type="text/javascript"></scri…

【转】推荐10款最热门jQuery UI框架

推荐10款最热门jQuery UI框架原创在进行Web开发时,并非所有的库都适合你的项目,但你仍需要收藏一些Web UI设计相关的库或框架,以在你需要的时候,加快你的开发效率.本文为你推荐10款非常优秀的基于JQuery的Web UI设计框架 1.国产jQuery UI框架 (jUI) DWZ DWZ富客户端框架(jQuery RIA framework), 是中国人自己开发的基于jQuery实现的Ajax RIA开源框架. 设计目标是简单实用,快速开发,降低ajax开发成本.…

jquery 中的框架

DWZ 国产Ajax RIA开源框架 Ninja UI 框架提供页面插件 angela ui框架表单布局等 Chico UI 快速页面布局 PrimeUI w2ui 布局.弹出表格,菜单等 jQueryUI 是一套 jQuery 的页面 UI 插件,包含很多种常用的页面空间,例如 Tabs(如本站首页右上角部分) .拉帘效果(本站首页左上角).对话框.拖放效果.日期选择.颜色选择.数据排序.窗体大小调整等等非常多的内容. LigerUI是基于jQuery开发的一…

MINIUI版本破解

miniui类似easyui是一个web ui,功能比不上人家还是收费,收费也就算了,代码还加密混淆,过期提示脚本越写越离谱,严重低估IT人员的智慧,对此表示强烈不满,故下载了几个版本花了一小时破解: jQuery MiniUI 2.1.1 破解: 注释代码:Odf: UCr(), 说明:函数原代码 UCr: UCr = function() {var E = "wi" + "ndo" + "w",A = new Function("r…

MiniUI动态添加table表格

本文将介绍一下,如何用Jquery MiniUi动态添加一行table表格 1.效果展示 ↓ 2.具体代码 <script type="text/javascript"> function addRow() { var form = document.getElementById("addForm"); var table = document.getElementById("table_Records"); var id_com =…

MiniUI中DataGrid数据的载入

本文将介绍一下,在ASP.NET MVC环境下,如何用Jquery MiniUI中的Datagrid控件载入数据. 1.效果展示: 2.具体步骤: 1> 既然是在MVC里,那我们的界面自然选择cshtml,界面内代码如下:  <link href="~/Content/StyleSheet1.css" rel="stylesheet" /> <script src="~/Scripts/jq…

JavaScript UI选型及Jquery EasyUI使用经验谈

最近由于项目需要,对js UI作了一些简单的了解和使用,有自己的一些想法,在这里留个记录. 当然,我的专注点在管理系统的范围内,所以互联网网站及其他形态的应用这里不提及,所以jQuery UI和Bootstrap类的js库不会提及. 一.JavaScript UI选型由于公司里一般只有“美工”,没有前端人员,所以一般是程序员兼职前端,所以一般会找一个好用且功能全的js UI框架(当然,还有免费),这样页面基本就不用花费太多功夫了. 我们了解到的有大概这么几个js UI 框架:EXT js(ht…

http://www.miniui.com/demo/#src=datagrid/celledit.html

http://www.miniui.com/demo/#src=datagrid/celledit.html jQuery MiniUI Demo…

Jquery插件收集

移动端滚动条插件iScroll.js http://www.cnblogs.com/starof/p/5215845.html http://www.codeceo.com/article/35-jquery-skills.html 开源中国jquery插件:http://www.oschina.net/project/tag/356/jquery-file-upload jquery miniui:http://www.miniui.com/…

web前端设计：JQuery MINI UI

JQuery MINIUI 个人感觉用起来很爽,所以在此记录之,以后开发过程可能作为备选项.它能缩短开发时间,减少代码量,使开发者更专注于业务和服务端,轻松实现界面开发,带来绝佳的用户体验.在线下载地址:http://www.miniui.com/. 系统主体框架 CRUD表单操作 tree选择 form表单…

JQuery UI 精品UI推荐

1.JQuery MiniUi http://www.miniui.com/…