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

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

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

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

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

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

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

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

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