代码如下://采用jquery easyui loading css效果 function ajaxLoading(){ $("<div class=\"datagrid-mask\"></div>").css({display:"block",width:"100%",height:$(window).height()}).appendTo("body"); $("<div class=\"datagrid-mask-msg\"></div>").html("正在处理，请稍候。。。").appendTo("body").css({display:"block",left:($(document.body).outerWidth(true) - 190) / 2,top:($(window).height() - 45) / 2}); ...
由于datagrid接收数据为Json格式，所以我们在前台展示数据的时候会出现问题，尤其是时间格式，在Json序列化之后，前台无法展示正确的时间数据，那么我们如何解决这样的问题呢？首先我们可以使用datapattern.js来解决这个问题：无需废话，直接上代码：<script src="Scripts/datapattern.js" type="text/javascript"></script>代码如下://列表初始化function initTable(searchWhere) {$(#tt).datagrid({url: /UserInfo/GetAllUserInf...
今天说说这个datagrid框架的基本使用，这个框架一直以来都是大家比较头疼的框架，尤其是Json数据的拼接，后台前台都很重要，使用这个框架，最重要的是仔细：无需废话，上代码了： 代码如下:<link href="jquery-easyui-1.3.2/themes/default/easyui.css" rel="stylesheet" type="text/css" /><!--easyui最全的样式包也可单独引用你想使用的样式包--><link href="jquery-easyui-1.3.2/themes/icon.css" rel="stylesheet" type="text/...
layout就是一个布局面板： 也就是布局的容器，有五个布局区域：北部，南部，东部，西部和中心。其中中心区域面板是必需的，但中心区域面板边缘区域面板是可选的。通过拖动它的边框，面板，可以调整每一个边缘地区。可以嵌套的布局，以便用户可以建立复杂的布局。 如果想要各个区域中的框架随框架的大小改变，请嵌套到layout框架中； 代码如下:<script type="text/javascript"> //split属性：如果设置为true将显示一个分隔条...
该插件组小巧使用方便，以下是一个从前台提交查询条件，从MSSQL返回json数据的一个事例 HTML前端代码 代码如下:<?php include_once("auth.php"); ?> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <link rel="stylesheet" type="text/css" href="/inc/js/EasyUI/themes/default/easyui.css"> <link rel="stylesheet" type="text/css" href="/inc/js/EasyUI/themes/icon.css"> <script ty...
我的弹窗是这么写的 代码如下:$(#aa).click(function(){ //按钮单击事件 $(#w).window({//窗口初始化 title:随便点,width:400,height:300,iconCls:icon_add, //重要的部分 onBeforeClose:function(){ //当面板关闭之前触发的事件 if (confirm(窗口正在关闭，请确认您当前的操作已保存。\n 是否继续关闭窗口？)) { $(#w).window(close, true); //这里调用close 方法，tru...
11年9月份项目刚开始时，找到了园中的疯狂秀才。因为秀才上面的Demo没有多级菜单。也是第一次接触Easyui。好多不是明白。不过后来我们叁还是捣鼓出来了。但是发现我们的项目用不了。就放弃了！一直搁在那……还好最后找到了 今天这位朋友想要这块，就贴出来。有需要的可以看看。方法肯定不止一种。这只是我们实现的手段 呵呵 需求：菜单比如“导航菜单-基础数据-基础数据1-子菜单1” 效果： js代码如下 代码如下:/**************...
用 $.fn.tree.defaults 重写了 defaults。 依赖 draggable droppable 用法 Tree 能在 <ul> 元素里定义，此标记可以定义为叶节点和子节点。下面是一个示例： 代码如下:<ul id="tt"> <li> <span>Folder</span> <ul> <li> <span>Sub Folder 1</span> <ul> <li> <span><a href="#">File 11</a></span> </li> <li> <span>File 12</span> </li> <li> <span>File 13</span> </li> </ul> </li> <li> <span>File 2</span> </li> <li> <span...
扩展自 $.fn.datagrid.defaults，用 $.fn.treegrid.defaults 重写了 defaults。 依赖 datagrid 用法 代码如下:<table id="tt"></table> 代码如下:$(#tt).treegrid({ url:treegrid_data.json, treeField:name, columns:[[ {title:Task Name,field:name,width:180}, {field:persons,title:Persons,width:60,align:right}, {field:begin,title:Begin Date,width:80}, {field:end,title:End Date,width:80} ]] }); 特性 其特性扩展...
扩展自 $.fn.panel.defaults ，用 $.fn.datagrid.defaults 重写了 defaults 。 依赖 panel resizable linkbutton pagination 用法 代码如下:<table id="tt"></table> 代码如下:$(#tt).datagrid({ url:datagrid_data.json, columns:[[ {field:code,title:Code,width:100}, {field:name,title:Name,width:100}, {field:price,title:Price,width:100,align:right} ]] }); 数据表格（DataGrid）的特性<?XML:NAMESPACE PREFIX = O ...
扩展自 $.fn.datagrid.defaults，用 $.fn.propertygrid.defaults 重写了 defaults。 依赖 datagrid 用法 代码如下:<table id="pg"></table> 代码如下:$(#pg).propertygrid({ url:propertygrid_data.json, showGroup:true }); 特性 其特性扩展自 datagrid，下列是为 propertygrid 增加的特性。 名称<?XML:NAMESPACE PREFIX = O />类型说明默认值showGroupboolean定义是否显示特性组。falsegroupFieldstring定义组的字段名。grou...
扩展自 $.fn.window.defaults，用 $.fn.dialog.defaults 重写了 defaults。 <?XML:NAMESPACE PREFIX = O />依赖 window linkbutton 用法 代码如下:<div id="dd" title="My Dialog" style="width:400px;height:200px;"> Dialog Content. </div> 代码如下:$(#dd).dialog({ modal:true }); 特性 其特性扩展自 window，下列是为 dialog 重写的特性。 名称类型说明默认值titlestring对话框的标题文字。New Dialogcollapsibleboole...
用 $.fn.calendar.defaults 重写了 defaults。 <?XML:NAMESPACE PREFIX = O />用法 代码如下:<div id="cc" style="width:180px;height:180px;"></div> 代码如下:$(#cc).calendar({ width:600, height:600, current:new Date() }); 特性名称类型说明默认值widthnumber日历组件的宽度。180heightnumber日历组件的高度。180fitbooleantrue 时设置日历的尺寸以适应它的父容器。falseborderboolean定义是否显示边框。trueweeksarr...
扩展自 $.fn.validatebox.defaults，用 $.fn.spinner.defaults 重写了 defaults。 依赖 validatebox 用法 代码如下:<input id="ss" value="2"> 代码如下:$(#ss).spinner({ required:true, increment:10 }); 特性<?XML:NAMESPACE PREFIX = O /> 其特性扩展自 validatebox，下列是为 spinner 增加的特性。名称类型说明默认值widthnumber组件的宽度。autovaluestring初始值。 minstring允许的最小值。nullmaxstring允许的最大值。...
扩展自 $.fn.combo.defaults。 用 $.fn.combobox.defaults 重写了 defaults。 <?XML:NAMESPACE PREFIX = O /> 依赖 combo 用法 <select id="cc" name="dept" style="width:200px;"> <option value="aa">aitem1</option> <option>bitem2</option> <option>bitem3</option> <option>ditem4</option> <option>eitem5</option> </select> <input id="cc" name="dept" value="aa"> 代码如下:$(#cc).combobox({ url:combobox_data.json...