下次自动登录
现在的位置:
再次谈谈easyui datagrid 的数据加载
文章目录[]
这篇文章只谈jQuery easyui datagrid 的数据加载，因为这也是大家谈论最多的内容。其实easyui datagrid加载数据只有两种方式：一种是ajax加载目标url返回的json数据；另一种是加载js对象，也就是使用loadDate方法。
这里就自己的使用经验，对两种方式做简单总结和归纳，并且对使用过程中容易产生的误区做较为详细的描述，希望能对大家有所帮助。
url方式加载数据
目前可能大多数人都是选择这种方式，因为跟流行的框架结合的也比较好，使用url的话，可以将url写在DOM里面或者申明datagrid对象的url属性，以下两种方式都是可以的：
id="tt" style="width:700height:auto" title="DataGrid" idField="itemid" url="datagrid_data2.json"
$('#test').datagrid({
url:'datagrid_data2.json'
加载第一页数据，param将代替默认查询参数，注意的是该方法只适用于url方式.
刷新当前页数据，与load方法不同的时候reload方法刷新当前页数据，而load方法会跳到第一页然后刷新.
获取datagrid实例的各项参数值，常用的参数有url,pageNumber,pageSize这三个参数在请求数据以及分页功能中起重要作用.
二次加载问题
对于使用url方式的初学者，经常碰到重复请求的问题，这个问题的根源是多次渲染组件，如何避免二次加载这样问题呢，个人觉得注意以下两点基本就可以防止二次加载了。
使用load和reload函数去动态加载数据，而不是选择再次渲染组件。很多人再次渲染组件的目的仅仅是为了设置url，这得不偿失，url的设置可以通过options方法获取到组件实例的opts，然后在给opts.url重新赋值即可；
class方式注册组件和javascript注册方式不要同时使用。class注册方式一般是为了初始化属性，javascript方式则属性和事件都可初始化，但是不管是class方式还是javascipt方式注册组件，每次注册，只要被设置过url属性就会做请求。所以在不可避免要使用javascript方式注册的情况下，索性就不要使用class方式注册了。
因为url方式网上的资料特别多，我这里就简述这么多，下面重点讨论一下loadDate方式加载数据。
加载本地数据方式
首先要明白“加载本地数据”是个什么概念，这里指的是加载javascript对象数据，而javascript数据对象显然可以使是通过其它异步方式获得的，所以这个“加载本地数据”的描述并不准确。
先要将url属性设置为null，或者不设置，然后使用datagrid的loadDate方法加载js数据对象，这个对象包含两个属性，一个是记录总数，一个是当前页码的对象数组。例如：
var obj = {'total':100,'rows':[{id:'1',name:'一'},{id:'2',name:'二'}]};
$('#tt').datagrid('loadData',obj);
不对源码做任何改动的话，可以首先获取datagrid的Pagination对象，然后通过写Pagination对象的onSelectPage事件来实现分页：
$('#tt').datagrid({
pagination:true,
pageSize:20,
pageNumber:1,
rownumbers:true
$('#tt').datagrid('getPager').pagination({
displayMsg:'当前显示从 [{from}] 到 [{to}] 共[{total}]条记录',
onSelectPage : function(pPageIndex, pPageSize) {
var gridOpts = $('#tt').datagrid('options');
gridOpts.pageNumber = pPageI
gridOpts.pageSize = pPageS
var queryCondition = {name:"世纪之光"};
var oData = getAjaxDate("orderManageBuz","qryWorkOrderPaged",queryCondition,gridOpts);
$('#tt').datagrid('loadData',{"total" : oData.page.recordCount,"rows" : oData.data});
上面的代码应该很容易看懂了，做出来的分页基本也算正常，唯一的缺憾就是写起来不怎么便捷。那么如何才能便捷地实现分页呢？
之前我写过的文章，稍微对easyui datagrid做下扩展，增加一个doPagination事件，那么编码就较为简单了。
$('#tt').datagrid({
pagination:true,
pageSize:20,
pageNumber:1,
rownumbers:true,
doPagination:function(pPageIndex, pPageSize) {
var gridOpts = $('#tt').datagrid('options');
var queryCondition = {name:"世纪之光"};
var oData = getAjaxDate("orderManageBuz","qryWorkOrderPaged",queryCondition,{pageNumber:gridOpts.pageNumber,pageSize:gridOpts.pageSize});
$('#tt').datagrid('loadData',{"total" : oData.page.recordCount,"rows" : oData.data});
这种方式就不用再去获取Pagination对象了，而且也不用设置opts的pageNumber和pageSize这两个属性了，编码变得简易了，是不是变得清爽了很多呢？
加载中效果
easyui datagrid只有在使用url方式获取数据的时候才会显示“加载中……”的遮罩效果，使用loadDate方法加载数据的话，其实也可以用上这效果，只不过稍微麻烦些：
$('#tt').datagrid({
pagination:true,
pageSize:20,
pageNumber:1,
rownumbers:true,
doPagination:function(pPageIndex, pPageSize) {
var gridOpts = $('#tt').datagrid('options');
gridOpts.pageNumber = pPageI
gridOpts.pageSize = pPageS
Exec_Wait('tt','loadDateGrid()');
function loadDateGrid(){
var gridOpts = $('#tt').datagrid('options');
var queryCondition = {name:"世纪之光"};
var oData = getAjaxDate("orderManageBuz","qryWorkOrderPaged",queryCondition,gridOpts);
$('#tt').datagrid('loadData',{"total" : oData.page.recordCount,"rows" : oData.data});
function Exec_Wait(grid,func,time){
var dalayTime = 500;
__selector_ = '#' +
$(__selector_).datagrid("loading");
if (time) {
dalayTime =
gTimeout=window.setTimeout(_Exec_Wait_,dalayTime);
function _Exec_Wait_(){
try{eval(__func_);
}catch(e){
alert("__func_:" + __func_ + ";_ExecWait_" + e.message);
window.clearTimeout(gTimeout);
$(__selector_).datagrid("loaded");
当然了，你也可以利用datagrid的onLoadSuccess事件来实现，反正最终都是调用datagrid的loding和loaded方法完成等待DIV的显示和隐藏的：
function loadDateGrid(){
$('#tt').datagrid('loading');
var queryCondition = {
name: "世纪之光"
var oData = getAjaxDate("orderManageBuz", "qryWorkOrderPaged", queryCondition, oPage);
$('#tt').datagrid('loadData', {
"total": oData.page.recordCount,
"rows": oData.data
$('#tt').datagrid({
onLoadSuccess: function(){
$('#tt').datagrid('loaded');
如何不统计总数
有时候数据层的数据量特别大，查询统计总数的话会很耗时，统计总数就显得不怎么合适了，如何不统计总数完全看你后台怎么写了，可以虚拟一个一个总数，这个数字总是比当前页码大1就行了，具体实现就不在本篇文章关注的范围内了。
到这里，loadData方式加载grid数据就已经算是完美了，至少该有的问题均已经解决了，希望大家有更好建议一起交流……
【上篇】【下篇】
您可能还会对这些文章感兴趣！
查看来自外部的引用: 1
日志：110篇
评论：798条
分类：50个
标签：160个
网站运行：2258天
最后更新：日404 Not Found
404 Not Found
The requested URL was not found on this server.
您要找的内容已被删除全球最新的免费资源发布区
免费低内存VPS做Vagex挂机赚钱赚美元附OVH VPS操作方法
& 日 13:22 &
昨天部落为大家介绍了用自己闲置的VPS来挂Vagex赚美元，当时我是用便宜的 VPS来挂的，而且 VPS的操作系统为CentOS 5.7 32bit的，Vagex的一键安装包适合在这样的操作系统中安装成功。
OVH提供的只有CentOS 6.3可选，所以导致大家用这篇文章提供的一键安装包安装失败，整个过程不会出现输入VNC密码，而且经过我亲自在OVH上测试，实际并没有成功安装好VNC Server。
所以这次部落就来为大家介绍如何在超低内存的VPS挂赚美元，由于Vagex要安装一个Linux桌面、远程管理和Firefox、Flash等工具，需要占用的不少的内存，超低内存OVH VPS虽然只有128，但是经过我的测试它依然可以跑动Vagex挂机。
VPS除了外，其主要目的还是为了搭建网站，没有VPS的朋友可以免费申请一个：
1、申请免费VPS：
2、5分钟建站：
3、美国便宜VPS：
免费低内存VPS做Vagex挂机赚钱赚美元附OVH VPS操作方法
一、测试VPS的内存是否足够做Vagex挂机网赚
PS：Vagex官网：，注册账号教程：
1、用VPS做Vagex挂机，一种是你购买了超大内存的VPS，除了搭建网站外，还有剩余的内存没有充分用尽，这时候你可以好好利用一下了。
2、另一种就是免费申请到的VPS，不过这种VPS的内存一般比较小，像128、256的免费VPS有很多。
3、用SSH登录到你的VPS，执行以下命令来看看你的VPS到底适不适合做“兼职”。
4、Top命令显示了实际CPU使用情况，默认情况下，它显示了服务器上占用CPU的任务信息并且每5秒钟刷新一次，包括PID、时间和内存使用情况。（点击放大）
5、上图第一行画红线的load average为系统负载，2为建站的正常情况，当然最好的情况是1以下，如果超过了2，表明你的VPS有些“吃力”了。
6、第三行画红线的是CPU占用资源。还有后面的？？%wa是硬盘状态，超过了80%了，那你的Vagex会跑起来吃力。
7、第四行是内存，总内存，已使用内存，空闲内存。
8、看了上面的方法，有老鸟就会说，部落为什么喜欢将VPS讲得这么深奥呢？网上不是有实时显示VPS系统负载、进程、内存、空间状态查看程序吗？
9、是的，这里是。上传到你的VPS后，打开路径，即可看到详细的VPS运行情况了，包括负载、进程、内存、空间状态。
二、VPS Debian 操作系统Vagex 挂机一键安装包
PS：日更新，请用站长的方法来解决VPS每次重启后Firefox都要重新输入ID的问题：
1、首先在火孤里不要设置清除历史文件。
2、然后重启。输入ID。保存。正确退出火孤。再重启。
3、再设置火孤不保存历史文件。再正确退出火孤。再重启就行了。
这里再给出由liyufx.cn站长优化的VPS Debian 操作系统Vagex 挂机一键安装包，欢迎大家测试安装，有问题可以反馈回来。
wget https://www.freehao123.info/myvps/_debian.sh
sh _debian.sh
1、首先请将你的OVH VPS的操作系统换成Debian 32位的。
2、Vagex 挂机一键安装包已经有了Firefox 、flash 插件、VNC，代码执行完了就可以使用了。
3、请先进入 screen ，防止中途断线。因为这次编译的时间要超过1个小时以上。出现下图后点击空格键。
4、然后请依次执行以下命令。
PS：日更新，感谢“ss_ss”的热心帮助，下面的一键安装包经由他修改已经解决了代码执行错误。
wget https://www.freehao123.info/myvps/vagex_debian.sh
sh vagex_debian.sh
5、安装过程中要求输入VNC密码，两次后回车，继续安装。
6、整个编译的时间较长，尤其是在OVH的128内存的VPS上花了我将近一个小时的时间。看下面的提示就表明你已经成功安装了。
7、启动你本机电脑上的VNCviewer，这里是。
8、输入你的IP后面加上:1，如下图：
9、点击连接，第一次会出现警告提示，继续。
10、输入你刚才设置的密码。
11、最后进入到了下面的画面，就表明你可以远程管理你的VPS了。
三、Debian 操作系统Vagex 挂机安装Firefox插件设置
1、进入上面的操作画面后，在你的Firefox浏览器进入Vagex官网：
2、进入页面后，第一个就是提示你安装Firefox的Vagex 插件，这个插件都是最新更新的，点击允许安装。
3、确定安装。
4、安装完了Firefox的Vagex 插件后，这时你是无法输入你的Vagex& ID的，点击 cancel ，依次按 ctrl + w 和 ctrl + q 关掉浏览器。
5、进入SSH中执行下列代码重启VNC 后再次进入Firefox就可以设置ID了。
/etc/init.d/vncserverd restart
9、要不，你就可直接重启VPS，然后在SSH中执行下列也可以的。
/etc/init.d/vncserverd restart
四、VPS CentOS 6.x操作系统Vagex 挂机安装桌面和远程管理
1、这里讲的只适合CentOS 6.x，如果你的VPS是CentOS 5.x的，这里有适合的：
2、进入你的VPS的SSH中，依次输入下列代码安装好桌面、浏览器、VNC、中文字体。
yum -y groupinstall xfce
yum install tigervnc
yum install tigervnc-server
yum -y groupinstall chinese-support
yum -y install firefox
3、安装过程可能要你确认是否下载。输入Y，继续。
4、安装完成后，执行下列命令来查看你是否已经成功安装了VNC了。
rpm -qa | grep vnc
5、执行下列代码，启动vncserver服务。
6、执行下列代码，打开vncserver配置。
vim /etc/sysconfig/vncservers
7、输入下列内容。
VNCSERVERS="1:root"
VNCSERVERARGS[1]="-geometry
-alwaysshared -depth 24"
8、保存。怎么保存？按钮ESC键，再输入:wq就行了。
10、执行下列代码。
vi /root/.vnc/xstartup
11、将里面的内容编辑成下面的。
# Uncomment the following two lines for normal desktop:
unset SESSION_MANAGER
#exec /etc/X11/xinit/xinitrc
[ -x /etc/vnc/xstartup ] && exec /etc/vnc/xstartup
[ -r $HOME/.Xresources ] && xrdb $HOME/.Xresources
xsetroot -solid grey
vncconfig -iconic &
#xterm -geometry 80x24+10+10 -ls -title "$VNCDESKTOP Desktop" &
startxfce4 &
12、完成上面的操作后，你就可以像上面一样，使用电脑上的VNCviewer连接VPS，如果你看到是这个画面，请重启VPS。
五、VPS CentOS 6.x操作系统Vagex 挂机开机启动
1、执行下列命令，进入设置页面。
2、选择系统服务，回车，然后用上下键选择VNCServer（空格），确定后，保存。
3、依次执行下列命令，完成开机自启的操作。
chmod +x ~/.vnc/xstartup
chkconfig vncserver on
service vncserver restart
4、接下来你需要配置一下VPS定时关机重启和设置Firefox开机自动启动运行，实现24小时不间断地挂机。方法参考：
六、低内存VPS做Vagex挂机小结
1、OVH的免费VPS推荐你用Debian 操作系统Vagex 挂机，安装成功是100%，不需要配置，默认是12小时自动重启并运行。
2、CentOS安装VNC和桌面最大的问题应该是通过VNC进入VPS时出现灰屏或者黑屏的问题，这时候你就要检查一下是不是哪里安装错误了。
3、Vagex最多支持5个IP来同时挂机，目前我已经用到了2个了，挂Vagex这类的自然是机子越多越好了。
文章出自：
版权所有。本站文章除注明出处外，皆为作者原创文章，可自由引用，但请注明来源。 禁止全文转载。
您或许对下面这些文章有兴趣:&&&&&&&&&&&&&&&&&&&&本月吐槽辛苦排行榜
免费资源部落博主
经常混迹于各种免费资源中，尝鲜后乐于分享给他人。用WP搭建了部落博客，没事儿就折腾Wordpress，喜欢找免费空间，但只求精，稳定，耐用。有时也会介绍一点关于建站的知识和主机、服务器的使用心得与体会。
TA的专栏：&&|&&
关于本文的作者
所属分类：
链接地址：
浏览前页：
浏览后页：
部落快速搜索栏
各类专题梳理
网站导航栏
免费资源重点推荐
最新文章推荐
部落最新评论列表
部落本月最受关注的热点
(热度2℃) (热度2℃) (热度2℃) (热度1℃) (热度1℃) (热度1℃) (热度1℃) (热度1℃) (热度1℃) (热度1℃) (热度1℃) (热度1℃) (热度1℃)
部落本月踩得最多的宝贝
(踩1,299次) (踩1,190次) (踩1,053次) (踩1,045次) (踩1,038次) (踩952次) (踩897次) (踩827次) (踩825次) (踩814次)
免费资源部落，是一个致力发布和推广来自世界各地的免费资源，包括多样实用的免费空间、各种优秀的免费软件、各样可用的免费网盘等个人博客网站。站长qi是一位很普通不过的人，长期关注网络空间、互联网、软件应用、程序开发与设计、网络应用等。免费资源部落成立的目的就是希望与更多人分享网络快乐与精彩！本站持续修改完善中，如遇不便还请谅解^_^ &&404 Not Found
404 Not Found
The requested URL was not found on this server.
您要找的内容已被删除404 Not Found
404 Not Found
The requested URL was not found on this server.
您要找的内容已被删除