- 博客(15)
- 资源 (3)
- 收藏
- 关注
原创 MiniUI快速入门教程(五)主框架布局
下面实现一个最典型主框架布局。效果图如下: 一:创建界面布局div id="layout1" class="mini-layout" style="width:100%;height:100%;"> div class="header" region="north" height="70" showSplit="false" showHeader="false">
2016-07-18 11:01:50
9040
原创 MiniUI快速入门教程(四)表单开发
表单开发包括:布局、验证、加载、提交、清除、重置等。效果图如下: 表单布局使用HTML Table标签实现任意丰富的表单布局:table class="form-table" border="0" cellpadding="1" cellspacing="2"> tr> td class="form-label" style="width:60px;
2016-07-18 10:59:40
9869
2
原创 MiniUI快速入门教程(二)编写第一个MiniUI程序:Hello, world!
我们开始编写第一个MiniUI程序,代码如下:DOCTYPE html />html>head> title> Hello MiniUI!title> script src="../jquery.js" type="text/javascript">script> link href="../themes/default/miniui.css"
2016-07-18 10:51:06
4931
原创 MiniUI快速入门教程(一)下载安装
产品下载地址:http://www.miniui.com/download。Note:请根据不同的服务端后台,选择下载不同后台版本的MiniUI。下载后,解压缩。会有如下文件结构: 各目录文件解释如下:dbsql:示例数据库sql文件。demo:页面示例。docs:api文档、开发指南。scripts/miniui:MiniUI产品的javascript和css
2016-07-18 10:44:32
9482
转载 jQuery MiniUI开发系列之:数据验证
在开发应用系统界面时,往往需要进行很多、复杂的数据验证,当填写的数据符合规定,才能提交保存。jQuery MiniUI提供了比较完美的表单数据验证和错误显示的方式。常见的表单控件,都有一个验证事件"validation"。通过监听处理“validation”事件,我们可以自定义验证规则逻辑、是否验证通过、验证错误描述等。//监听处理"validation"事件t
2016-06-21 11:15:33
4486
转载 MiniUI支持Java Struts MVC
Java Struts MVC能很方便在后台返回JSON数据,所以与MiniUI进行数据交互非常简单。1)后台处理:在MVC控制器中,可以通过方法参数接收数据,也可以通过Request接收更复杂的数据对象;然后通过PrintWriter输出流对象将任何服务端对象JSON序列化后返回。比如一个典型的表格分页加载后台处理代码: private Http
2016-06-17 11:47:40
1058
原创 jQuery MiniUI开发系列之:Ajax处理超时、服务端错误
MiniUI所有组件的ajax交互,均使用标准、成熟的jQuery.ajax。依赖于jquery ajax组件的完善性,我们可以拦截住每一次ajax请求处理。比如,拦截ajax返回数据前,判断返回的数据内容是超时、服务端错误等,此时或弹出信息框、或页面跳转。
2016-06-17 11:37:03
2941
原创 Tree:加载列表数据
Tree控件,需要提供一个树形的JSON数据,才能正常显示。通常,开发者在后台可以这样做:1)从数据库查询出一个列表数据2)在后台,将列表数据转换为树形数据3)通过JSON方式返回在前台页面,可以给Tree设置url地址,或者调用load方法加载树形数据。后台的“列表转树形”是一个相对有点小难度的实现。针对这个情况,MiniUI Tree提供了一种直接加载列表数
2015-10-27 15:37:03
2927
原创 jQuery MiniUI开发系列之:安装部署
jQuery MiniUI是一套纯Javascript的WebUI控件库,它由几十个Javascript控件组成,是不依赖服务端和数据库的。下载jQuery MiniUI,解压缩后,开发者可以直接在本地文件夹内,点击打开相关示例,进行参考学习。注意:jQuery MiniUI在scripts/miniui目录下。包含了一个miniui.js,以及一些css和图片,体积非常小,只有几百k
2015-10-27 15:36:01
3228
原创 jQuery MiniUI开发系列之:UI和数据分离
使用MiniUI需要注意:UI和数据是分离的。传统的WEB开发,开发者经常将数据库操作、服务端业务、HTML标签写在一个页面内。这样会造成开发的混乱,并且难以维护和升级。使用MiniUI开发的时候,开发者通常会做两种页面:1)数据页面:dataservice.jsp。(也可以是dataservice.aspx)2)界面页面数据页面用来提供json。它通过requ
2015-10-20 16:35:07
1883
原创 jQuery MiniUI开发系列之:使用API文档
jQuery MiniUI在组件设计上,是简约、独立的,没有复杂的继承体系。比如使用DataGrid,可以在api文档的datagrid部分,查找到datagrid的所有属性、方法、事件,而无需关注除datagrid之外的任何组件内容。
2015-10-14 12:41:35
12785
原创 jQuery MiniUI开发系列之:创建组件对象
jQuery MiniUI可以使用Javascript和Html两种方式来创建对象。1)Javascript创建对象使用JavaScript创建对象,是最基本的方式,有如下几个要点:1)使用new关键字。如: var grid = new mini.DataGrid();2)使用set方法设置属性。如:grid.setUrl("getdata.jsp");3)使用on方法监
2015-10-14 12:37:23
1425
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人