通常情况下页面数据的分页显示分成真假两种。真分页是依靠后台查询时控制调出数据的数量来实现分页,也就是说页面在后台对数据进行处理,仅传输当前需要页的数据到前台来显示。而假分页则是后台一次性将所有的数据一起传送到前台,再由前端程序来控制数据的显示与遮蔽。 既然要分页,那么首先就必须要获得所有的数据,并且 ...
分类:
Web程序 时间:
2016-09-12 14:11:17
阅读次数:
219
由于项目原因,用了jquery easyui 感觉界面不错,皮肤样式少点,可是官网最近打不开了,资料比较少,给的demo没有想要的效果,今天在用datagrid 做分页显示的时候,折腾了半天,网上的资料也比较少,后自己动手,终于解决,废话不说,开始: datagrid分页 有一个附加的分页控件,只需 ...
分类:
Web程序 时间:
2016-09-12 13:59:50
阅读次数:
174
1.前台页面 2.strust.xml的配置 [html] view plain copy <package name="easyui" extends="struts-default"> <action name="getAllUserAction" class="com.ssh.action.U ...
分类:
其他好文 时间:
2016-09-12 12:31:53
阅读次数:
168
Html <div region="center" border="false" style="padding:0px 3px 0px 3px;margin:0px;"> <table id="test"></table> </div> 初置化gird $(function(){ loadgrid( ...
分类:
Web程序 时间:
2016-09-12 12:03:59
阅读次数:
323
实现方式: 首先根据输入的sql语句获得相关的列名称返回给前台,然后在datagrid中动态加载列,接着根据查询条件(包括sql语句)获取相关的记录返回给前台用于填充datagrid。从而实现类似oracle web版的sql查询。 前台主要js为: Js代码 function sqlSearch( ...
分类:
Web程序 时间:
2016-09-08 23:21:14
阅读次数:
191
用方法 $("#dataGrid").datagrid("loadData",(function (){ $("#dataGrid").datagrid("loading"); return [];//[]需要加载的数据 })()); 在datagrid的事件onLoadSuccess中添加 onL ...
分类:
Web程序 时间:
2016-09-08 22:58:06
阅读次数:
461
EasyUI比较常用,其中的datagrid比较复杂,它有其中有load,reload,loadData这三个方法,它们都有相同的功能,都是加载数据的,但又有区别。 load方法,比如我已经定义一个datagrid的id为grid,那这个方法的使用方式为 $(“#grid”).datagrid(“l ...
分类:
其他好文 时间:
2016-09-02 21:47:43
阅读次数:
170
columns: [[{ field: 'oid', title: '选择', width: 20, formatter: function(value, rowData, rowIndex){ return '<input type="radio" name="selectRadio" id="s ...
分类:
其他好文 时间:
2016-09-01 20:03:24
阅读次数:
688
创建datagrid 在页面上添加一个div或table标签,然后用jquery获取这个标签,并初始化一个datagrid。代码如下: 页面上的div标签: 1 <div id="magazineGrid"> 2 </div> js代码: 1 $('#magazineGrid').datagrid( ...
分类:
Web程序 时间:
2016-08-31 13:49:08
阅读次数:
2171
任务描述:根据用户选择时间段,生成列数据,如图 一、先定义好datagrid固定的数据列 二、用户点击查询的时候根据选择时间生成列数据,列是通过拼接字符串生成的 ...
分类:
其他好文 时间:
2016-08-26 15:13:06
阅读次数:
466