摘要: 后台代码: 我在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)