摘要:
后台代码: 我在webform里都是这样写的,但是换到mvc里就有问题了,主要是查询完了加载本地数据的地候,主要是这句:$('#dgCMSTC').datagrid('load', []); $('#dgCMSTC').datagrid('load', data); 阅读全文
posted @ 2016-09-12 12:51
芜明-追星
阅读(699)
评论(0)
推荐(0)
摘要:
通常情况下页面数据的分页显示分成真假两种。真分页是依靠后台查询时控制调出数据的数量来实现分页,也就是说页面在后台对数据进行处理,仅传输当前需要页的数据到前台来显示。而假分页则是后台一次性将所有的数据一起传送到前台,再由前端程序来控制数据的显示与遮蔽。 既然要分页,那么首先就必须要获得所有的数据,并且 阅读全文
posted @ 2016-09-12 12:48
芜明-追星
阅读(7205)
评论(0)
推荐(0)
摘要:
由于项目原因,用了jquery easyui 感觉界面不错,皮肤样式少点,可是官网最近打不开了,资料比较少,给的demo没有想要的效果,今天在用datagrid 做分页显示的时候,折腾了半天,网上的资料也比较少,后自己动手,终于解决,废话不说,开始: datagrid分页 有一个附加的分页控件,只需 阅读全文
posted @ 2016-09-12 12:47
芜明-追星
阅读(901)
评论(0)
推荐(0)
摘要:
EasyUI 的 datagrid 支持服务器端分页,但是官方的资料比较少,以下总结了两种 datagrid 的服务器端分页机制,可根据情况具体使用。 一:使用 datagrid 默认机制 后台: public JsonResult GetQuestionUnit() { // easyui dat 阅读全文
posted @ 2016-09-12 12:46
芜明-追星
阅读(6499)
评论(1)
推荐(1)
摘要:
code <!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>jQuery EasyUI Application Demo</title> <link rel="stylesheet" type="text/css" href="htt 阅读全文
posted @ 2016-09-12 12:45
芜明-追星
阅读(410)
评论(0)
推荐(0)
摘要:
最近用到了easyui的分页和搜索栏功能,使用过程中由于运用不熟练导致其间也出现过一些问题,下面做个小结,供大家共同学习。1.首先使用EasyUI 的DataGrid分页,得加载其js类库:<link rel="stylesheet" type="text/css" href="http://www 阅读全文
posted @ 2016-09-12 12:43
芜明-追星
阅读(238)
评论(0)
推荐(0)
摘要:
1、用法 (1)、从标记创建。把 'easyui-searchbox' class 加入到 <input> 标记。 [html] view plain copy <script type="text/javascript"> function qq(value,name){ alert(value+ 阅读全文
posted @ 2016-09-12 12:41
芜明-追星
阅读(1736)
评论(0)
推荐(0)
摘要:
DataGrid的编辑效果是我目前使用的easyUI的第三个效果,相对于前两个,这个算是比较复杂点了。 运行起来的效果,大概就是这样,任意点击某行,然后该行变为可以编辑的,失去焦点之后,该行恢复.点击上面的按钮Append,Remove,Accept,Reject,getChanges可以添加一行, 阅读全文
posted @ 2016-09-12 12:40
芜明-追星
阅读(979)
评论(0)
推荐(0)
摘要:
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Basic SearchBox - jQuery EasyUI Demo</title> <link rel="stylesheet" type="text/css" href=" 阅读全文
posted @ 2016-09-12 12:36
芜明-追星
阅读(163)
评论(0)
推荐(0)
摘要:
前台UI参考代码: <script type="text/javascript" charset="utf-8"> $(function(){ /***************************邮箱列表*********************************/ $('#single_ 阅读全文
posted @ 2016-09-12 12:32
芜明-追星
阅读(1736)
评论(0)
推荐(0)
摘要:
一、前言 jQuery From插件是一个优秀的Ajax表单插件,使用它可以让你非常容易地、无侵入地升级HTML表单以支持Ajax。jQuery From有两个主要方法:ajaxForm和ajaxSubmit,它们集合了从控制表单元素到决定如何管理提交进程的功能,这两个方法支持许多充分控制数据提交的 阅读全文
posted @ 2016-09-12 12:29
芜明-追星
阅读(1562)
评论(0)
推荐(0)
摘要:
在页面布局(layout)时经常是上左右的框架布局并且需要宽、高度的自适应,div+css是无法实现(*hegz:div+css其实是可以实现的,利用jQuery比较容易实现浏览器的兼容性),所以需要js来辅助。 主要通过 jQuery.resize() 这个方法,也就是当窗口大小改变时重新计算布局 阅读全文
posted @ 2016-09-12 12:28
芜明-追星
阅读(859)
评论(0)
推荐(0)
摘要:
<script type="text/javascript"> $(function() { $("input").keypress(function (e) { var keyCode = e.keyCode ? e.keyCode : e.which ? e.which : e.charCode 阅读全文
posted @ 2016-09-12 12:26
芜明-追星
阅读(1989)
评论(0)
推荐(0)
摘要:
<script type='text/javascript'> var ie = !-[1,]; alert(ie);</script> 阅读全文
posted @ 2016-09-12 12:25
芜明-追星
阅读(183)
评论(0)
推荐(0)
摘要:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.or 阅读全文
posted @ 2016-09-12 12:24
芜明-追星
阅读(510)
评论(0)
推荐(0)
摘要:
function cardValidity() { iW = new Array(7,9,10,5,8,4,2,1,6,3,7,9,10,5,8,4,2,1); iSum = 0; for ( i=0;i<17;i++) { iC = v_card.charAt(i) ; iVal = parseI 阅读全文
posted @ 2016-09-12 12:23
芜明-追星
阅读(330)
评论(0)
推荐(0)
摘要:
总结: position为absolute的元素如果没有设置left, top等值与left:0;top:0;的的效果是不一样的。例如一个div中有个absolute属性元素,其没有left或是top值,其会像个普通的inline-block属性元素一样静静地呆在这个div 里面,但是一旦设置了le 阅读全文
posted @ 2016-09-12 12:22
芜明-追星
阅读(378)
评论(0)
推荐(0)
摘要:
Css代码 .g_a{display:-moz-inline-stack; display:inline-block; border-bottom:1px solid #cccccc; border-top:1px solid #e1e1e1; background:#f9f9f9; text-de 阅读全文
posted @ 2016-09-12 12:21
芜明-追星
阅读(238)
评论(0)
推荐(0)
摘要:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.or 阅读全文
posted @ 2016-09-12 12:20
芜明-追星
阅读(271)
评论(0)
推荐(0)
摘要:
<body> <div id="container"> <!-- // 页头 --> <div id="header">页头</div> <!-- // 左边导航栏 --> <div id="left"> <div id="menu">页左</div> </div> <!-- // 内容显示区 -- 阅读全文
posted @ 2016-09-12 12:19
芜明-追星
阅读(156)
评论(0)
推荐(0)
摘要:
利用层的table-row、table-cell属性可以进行等高、宽度自适应页面布局,这是参看了《我所知道的几种display:table-cell的应用》及《基于display:table的CSS布局》两篇文章给我的启发。 一、HTML代码: Html代码 <div id="wrapper"> < 阅读全文
posted @ 2016-09-12 12:18
芜明-追星
阅读(2274)
评论(0)
推荐(0)
摘要:
一、利用jQuery EasyUI的DataGrid创建CRUD应用 对网页应用程序来说,正确采集和管理数据通常很有必要,DataGrid的CRUD功能允许我们创建页面来列表显示和编辑数据库记录。本教程将教会你如何运用jQuery EasyUI框架来实现DataGrid的CRUD功能 。 我们会用到 阅读全文
posted @ 2016-09-12 12:17
芜明-追星
阅读(234)
评论(0)
推荐(0)
摘要:
二、DataGrid的扩展应用 上一份教程我们创建的一个CRUD应用是使用对话框组件来增加或编辑用户信息。本教程将教你如何创建一个CRUD 数据表格(datagrid). 为了让这些CRUD功能正常工作,我们会用到edatagrid.js插件。 第一步:在HTML标识里定义DataGrid Html 阅读全文
posted @ 2016-09-12 12:16
芜明-追星
阅读(483)
评论(0)
推荐(0)
摘要:
1.前台页面 2.strust.xml的配置 [html] view plain copy <package name="easyui" extends="struts-default"> <action name="getAllUserAction" class="com.ssh.action.U 阅读全文
posted @ 2016-09-12 11:44
芜明-追星
阅读(2006)
评论(0)
推荐(0)
摘要:
<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>Context Menu on DataGrid - jQuery EasyUI Demo</title> <link rel="stylesheet" type="text/css" 阅读全文
posted @ 2016-09-12 10:55
芜明-追星
阅读(494)
评论(0)
推荐(0)
摘要:
http://uule.iteye.com/blog/1860580 阅读全文
posted @ 2016-09-12 10:50
芜明-追星
阅读(172)
评论(0)
推荐(0)
摘要:
Html <div region="center" border="false" style="padding:0px 3px 0px 3px;margin:0px;"> <table id="test"></table> </div> 初置化gird $(function(){ loadgrid( 阅读全文
posted @ 2016-09-12 10:48
芜明-追星
阅读(4802)
评论(0)
推荐(0)
摘要:
<script type="text/javascript"> var cols = [{ field: 'testName', title: '<span class="dropitem">测试名</span>', align: 'center',width:120 }, { field: 'te 阅读全文
posted @ 2016-09-12 10:47
芜明-追星
阅读(3178)
评论(0)
推荐(0)
摘要:
具体实现代码如下: ery-easyui 中表格的行编辑功能 ery-easyui 中表格的行编辑功能 ery-easyui 中表格的行编辑功能 【阿里云】携手码云为社区用户送福利,全网专享,详情请点击>>> » datagrid现在具有行编辑能力了,使用时只须在columns中为需要编辑的列添加一 阅读全文
posted @ 2016-09-12 10:44
芜明-追星
阅读(1810)
评论(0)
推荐(0)
摘要:
var $obj;$(function() { $obj = $("#configQueryGrid"); $obj.datagrid({ loadMsg : '数据加载中请稍后……', url : root + 'esbService/sysConfigQuery.do', //url : roo 阅读全文
posted @ 2016-09-12 10:39
芜明-追星
阅读(1125)
评论(0)
推荐(0)
摘要:
<!-- 导入框 --> <div id="importWin" class="easyui-window" title="服务封装清单导入" style="width:600px;height:200px" data-options="iconCls:'ope-import',modal:true 阅读全文
posted @ 2016-09-12 10:36
芜明-追星
阅读(265)
评论(0)
推荐(0)
摘要:
//查询: function doSearch(form){ var fields =$('#queryForm').serializeArray(); var $fm = $(form); var params = $fm.datagrid('options').queryParams; $.ea 阅读全文
posted @ 2016-09-12 10:35
芜明-追星
阅读(258)
评论(0)
推荐(0)
摘要:
Tree: easyui tree的异步加载实现很简单,easyui的中文API文档中有实例(http://api.btboys.com/easyui/)——创建异步树形菜单,就是在tree node 元素中要有一个id属性,同时还需要state的属性(state为'closed'的时候,点击节点时 阅读全文
posted @ 2016-09-12 10:30
芜明-追星
阅读(817)
评论(0)
推荐(0)
摘要:
自定义方法: Js代码 (function($) { $.extend($, { //获取下标,删除时使用 getArrayIndex : function (array,value) { var index = -1; var length = array.length; for (var i = 阅读全文
posted @ 2016-09-12 10:27
芜明-追星
阅读(342)
评论(0)
推荐(0)
摘要:
1、主JSP页面中描绘弹窗 Html代码 <div id="centerDiv" data-options="region:'center',border:false"> <table id="networkQueryGrid" data-options="queryForm:'#queryForm 阅读全文
posted @ 2016-09-12 10:25
芜明-追星
阅读(1623)
评论(0)
推荐(0)
摘要:
配置Textarea不可拖动变大变小: 只能自己扩展 textarea 才能实现,配置不用修改,直接扩展就行 只能自己扩展 textarea 才能实现,配置不用修改,直接扩展就行 Js代码 jQuery.extend(jQuery.fn.datagrid.defaults.editors, { co 阅读全文
posted @ 2016-09-12 10:22
芜明-追星
阅读(574)
评论(0)
推荐(0)
浙公网安备 33010602011771号