此属性列表请对照jQuery EasyUI 1.0.5,关于它的更多资讯请猛击这里。
属性分为CSS片段和JS片段。
CSS类定义:1、div easyui-window 生成一个window窗口样式。 属性如下: 1)modal:是否生成模态窗口。true[是] false[否] 2)shadow:是否显示窗口阴影。true[显示] false[不显示]2、div easyui-panel 生成一个面板。 属性如下: 1)title:该标题文本显...
代码如下: 代码如下://表单提交 $(#myForm).form({ url:/ProcessServlet, onSubmit:function(){ return $(this).form(validate); }, success:function(data){ alert(data); } });
Web前端数据校验组件
Web项目中客户端与服务端的交互离不开Form表单,Form表单中最常用的元素莫过于input标签,input标签首先要用的肯定是text文本框啦!
input文本框允许用户任意输入,难免会会有用户输入一些不符合规定的数据,此时,在提交之前对数据校验是很有必要的,如果等到提交到服务端再校验就会大大降低用户体验啦。
前端校验有很多现成的组件,比较好用的有 EasyUI 的 validatebox 插件,提示界面做的相当友好,只是val...
例如:校验输入框只能录入0-1000之间 最多有2位小数的数字
表单$.extend($.fn.validatebox.defaults.rules, { CHS: { validator: function (value, param) { return /^[\u0391-\uFFE5]+$/.test(value); }, message: '请输入汉字' }, english : {// 验证英语 validator : function(value) { return /^[A-Za-z]+$/i.test(value); }, message : '请输入英文' }, ip : {// 验证IP地址 validator : function(value) { return /\d+\.\d+\...
一、EasyUI树形网格动态加载
动态加载树形网格有助于从服务器上加载部分的行数据,避免加载大型数据的长时间等待。本教程将向您展示如何创建带有动态加载特性的树形网格(TreeGrid)。创建树形网格(TreeGrid)NameQuantityPriceTotal服务器端代码
treegrid3_getdata.php$id = isset($_POST[id]) ? intval($_POST[id]) : 0;include conn.php;
$result = array();
$rs = mysql_query("select * from products where parentId=$id");...
数据收集并妥善管理数据是网络应用共同的必要。CRUD 允许我们生成页面列表,并编辑数据库记录。本教程将向你演示如何使用 jQuery EasyUI 框架实现一个 CRUD DataGrid。
我们将使用下面的插件:
datagrid:向用户展示列表数据。
dialog:创建或编辑一条单一的用户信息。
form:用于提交表单数据。
messager:显示一些操作信息。
一、EasyUI创建CRUD应用
步骤 1:准备数据库
我们将使用 MySql 数据库来存储用户信息。创建数据库和 us...
在本文中,我们将向您展示如何创建一个启用用户拖动和放置用户想买的商品的购物车页面,购物篮中的物品和价格将更新,分享给大家,具体内容如下:
效果图:具体代码如下
显示页面上的商品:BalloonPrice:$25FeelingPrice:$25正如您所看到的上面的代码,我们添加一个包含一些 元素的 元素来显示商品。所有商品都有名字和价格属性,它们包含在 元素中。
创建购物车:Shopping CartNameQuantityPriceTotal: $0Drop here to add to c...
本文实例讲述了通过 jQuery EasyUI框架创建一个RSS阅读器,分享给大家供大家参考。具体如下:
运行效果截图如下:我们将使用以下插件:
layout:创建应用的用户界面。
datagrid:显示 RSS Feed 列表。
tree:显示 feed 频道。
步骤 1:创建布局(Layout)jQuery EasyUI RSS Reader DemoTitleDescriptionPublish Date步骤 2:数据网格(DataGrid)处理事件
在这里我们要处理一些由用户触发的事件。$('#dg').datagrid({onSelect: fun...
一、EasyUI创建基础树形网格
树形网格(TreeGrid)组件从数据网格(DataGrid)继承,但是允许在行之间存在父/子节点关系。许多属性继承至数据网格(DataGrid),可以用在树形网格(TreeGrid)中。为了使用树形网格(TreeGrid),用户必须定义 'treeField' 属性,指明哪个字段作为树节点。
本文将向您展示如何使用树形网格(TreeGrid)组件设置一个文件夹浏览。创建树形网格(TreeGrid)NameSizeModified Date二、EasyUI创建复杂树形...
一、EasyUI创建简单的菜单菜单(Menu)定义在一些 DIV 标记中,如下所示:NewOpenWordExcelPowerPointSaveExit当菜单创建之后是不显示的,调用 show 方法显示它或者调用 hide 方法隐藏它:$('#mm').menu('show', {left: 200,top: 100
});二、EasyUI创建按钮
1、EasyUI创建链接按钮(Link Button)
通常情况下,使用 元素来创建按钮,而链接按钮(Link Button)则是使用 元素来创建的。所以实际上一个链接按钮(Link Button)就是一...
本教程向您展示如何使 HTML 元素可拖动,在本例中,我们将创建三个 DIV 元素然后启用他们的拖动和放置。首先,我们创建三个 元素:对于第一个>div<元素,我们通过默认值让其可以拖动。
$(#dd1).draggable();
对于第二个 元素,我们通过创建一个克隆(clone)了原来元素的代理(proxy)让其可以拖动。$('#dd2').draggable({proxy:'clone'
});对于第三个 元素,我们通过创建自定义代理(proxy)让其可以拖动。$('#dd3').draggable({...
一、EasyUI使用标记创建树形菜单
一个树形菜单(Tree)可以从标记创建。easyui 树形菜单(Tree)也可以定义在 元素中。无序列表的 元素提供一个基础的树(Tree)结构。每一个 元素将产生一个树节点,子 元素将产生一个父树节点。创建树形菜单(Tree)FolderSub Folder 1File 11File 12File 13File 2File 3File21二、EasyUI创建异步树形菜单
为了创建异步的树形菜单(Tree),每一个树节点必须要有一个 id 属性,这个将提交回服...
一、EasyUI创建异步提交表单
本文向您展示如何通过 easyui 提交一个表单(Form)。我们创建一个带有 name、email 和 phone 字段的表单。通过使用 easyui 表单(form)插件来改变表单(form)为 ajax 表单(form)。表单(form)提交所有字段到后台服务器,服务器处理和发送一些数据返回到前端页面。我们接收返回数据,并将它显示出来。创建表单(Form)Ajax Form改变为 Ajax 表单$('#ff').form({success:function(data){$.messager...
要实现的功能:在做添加学生信息的时候,利用easyui的验证功能判断 学号是否重复和学号只能为数字
最终效果如下图:但在做这个的过程中,遇到了一系列的问题:
扩展validatebox的验证方法,最开始的验证代码如下://学号格式只能为数字 ****//这里没有问题****
number: {//value值为文本框中的值validator: function (value) {var reg = /^[0-9]*$/;return reg.test(value);},message: '学号格式不正确.'
},
//验证学号不能重复
s...
之前用AJax给Controller传递参数,然后再调用服务端的方法对数据库进行更改,今天碰到一个新的方法,就是表单的提交,这样可以省去AJax传参。
当表单提交后,我们可以获取表单上控件中的值,然后再调用服务端的方法对数据库进行更改。下面的一张截图是具体的业务需求。一、要实现的功能:从上面这个表单中,获取控件中的值,然后传递给后台。下面是表单代码。
二、表单代码三、表单提交代码 function EditsubmitForm() { $('#Edit...