目前有 75 条留言 其中：访客:46 条, 博主:28 条 引用: 1

1. bobo : 2012年06月29日09:36:10  -49楼 @回复 回复

   大侠

   我想看看(“orderManageBuz”,”qryWorkOrderPaged”,queryCondition,oPage);　这个是如何实现的．　有源码？

   谢谢
2. 
   管理员 世纪之光 : 2012年06月29日11:36:29  -48楼 @回复 回复

   @bobo
   我勒个去，这个你可以用jquery的ajax+servlet来实现，也可以用dwr的ajax实现，反正就是通过ajax调用后台获取数据，这个不是文章的重点，实现方式太多了，我这里只是举个例子，并没有源代码。
   如果你关心的是后台如何处理分页信息的，网上后台分页的源码应该也很多，无非就是处理几个参数而已。
   • 小情人 : 2017年03月04日15:26:54  地下1层 @回复 回复

     var oData = getAjaxDate(“orderManageBuz”, “qryWorkOrderPaged”, queryCondition, oPage); 这块是你封装后的方法吗？ 😀
     • 
       管理员 世纪之光 : 2017年04月09日08:36:21  地下2层 @回复 回复

       getAjaxDate只是我写的伪代码，代表同步获取后台数据的方法，具体实现，你用jquery的ajax方法，设置其为同步请求就可以了，如果是异步的话，就用回调函数，或者promise
3. bobo : 2012年06月29日13:33:24  -47楼 @回复 回复

   多谢．大侠
4. 
   管理员 世纪之光 : 2012年06月29日13:45:25  -46楼 @回复 回复

   @bobo
   不必客气，也没帮到你什么忙，很多东西还是要靠你自己去研究。
5. jquery 爱好者 : 2012年08月10日21:08:12  -45楼 @回复 回复

   我感觉你对jquery ui 颇有研究 可以留一个联系方式吗
6. jquery 爱好者 : 2012年08月10日21:09:05  -44楼 @回复 回复

   可以留一个联系方式吗 我感觉很有用
7. 
   管理员 世纪之光 : 2012年08月11日07:55:54  -43楼 @回复 回复

   @jquery 爱好者
   对jQuery自身的ui研究不多，只是对easyui涉及得要多一点，联系我的话到这个博客上就可以了，或者QQ：158514145
8. Everhythm : 2012年08月18日23:25:57  -42楼 @回复 回复

   指出一个小错误：

   加载本地数据方式：调用方式：$(‘#tt’).datagrid(‘loadDate’,obj);

   loadData是也
9. 
   管理员 世纪之光 : 2012年08月19日10:36:43  -41楼 @回复 回复

   @Everhythm
   十分感谢你的提醒，立马更正过来，像你这样的热心人应该多一点哈。
10. @ssss : 2012年09月05日11:23:21  -40楼 @回复 回复

    我用的是url方式加载第一页，然后翻页是加载本地数据的方式，可是这个时候url就是有值的了，当翻页时就不调用doPagination这个方法了，如果在定义datagrid的时候就设置url为null则就没法加载第一页了。怎么解决呢？
11. @ssss : 2012年09月05日12:02:30  -39楼 @回复 回复

    还有一个问题是先加载好页面，当我翻到第二页时左下角显示第二页，我查询后，他还是显示第二页，可是此时我想显示第一页，有的时候查询就一页。这个问题不知道你是否遇见？
12. 
    管理员 世纪之光 : 2012年09月05日12:20:07  -38楼 @回复 回复

    @@ssss
    我晕哦，哪有两种方式混起来用的啊，这样太乱了，强烈建议你统一使用loadData方式或者统一使用url方式，规范使用是很重要的。
13. @ssss : 2012年09月05日12:29:38  -37楼 @回复 回复

    @世纪之光
    我用了，可是出现11楼的问题，不知道你是否遇见过吗
14. 
    管理员 世纪之光 : 2012年09月05日12:33:23  -36楼 @回复 回复

    @@ssss
    页码这个问题对于使用url方式和loadData方式都有解决方式，但是前提是你只使用一种方式，不要混用。
    使用loadData方式加载数据的话，查询的时候想回到第一页手工设置一下oPage.pageIndex=1就可以了；
    使用url方式的话，使用load方法应该就可以解决你的问题。
15. @ssss : 2012年09月05日12:52:09  -35楼 @回复 回复

    OK，可以了，我都用loaddata方式了，感谢你！
16. 
    管理员 世纪之光 : 2012年09月05日17:06:39  -34楼 @回复 回复

    @@ssss
    呵呵，不客气，越来越多的人使用easyui了，以后这方面资料会越来越多的。
17. 爱上一只狐 : 2012年09月18日20:17:36  -33楼 @回复 回复

    顶一下，正好有个项目要用到这方面的东西，等我回去试试
18. wilkey : 2012年09月20日11:44:28  -32楼 @回复 回复

    源代码看的眼花，
    我有个问题请教楼主，
    是这样的，url 加载数据返回的json，里，我想附带一些动态信息，frozenColumns不同页面是不同的ID，我想动态赋值
    url:param.action+’?id=’+param.id+’&t=’+Math.random(),
    onLoadSuccess:function(data){
    _sortName = data.companyId;
    -companyName = data.companyId;
    },
    sortName:_sortName ,
    frozenColumns:[[ {field:companyName } ]]

    这样，不知道有什么好的解决方法或思路？ QQ：6641984，敬请赐教。
    • 
      管理员 世纪之光 : 2012年09月20日18:20:49  地下1层 @回复 回复

      @wilkey 不是很能理解你的意思，如果字段都不确定的话，就根据条件动态构建grid，根据你的附加信息确定grid结构。或者你附加信息能枚举出来有哪些字段的话，索性就把所有可能的字段都加到grid里面，然后通过动态隐藏列的方式现实自己想要的效果。
      • fulng : 2014年01月02日21:25:43  地下2层 @回复 回复

        请问，如何动态的加载datagrid的表头，就是动态的生成columns[[]]
        • 轰隆隆 : 2014年01月03日17:36:12  地下3层 @回复 回复

          表头的问题我自己解决了。
          通过loadData加载的数据，分页的参数怎么取，怎么传递啊
          • 
            管理员 世纪之光 : 2014年01月06日12:20:32  地下4层 @回复 回复

            前台传递页码和每页记录数给后台，至于键名自己定义即可，后台获取的时候与之对应就行了；
            后台返回给前台的时候只要返回总数和加载到的rows就可以了。
        • 向阳xlt : 2015年12月29日13:34:04  地下3层 @回复 回复

          请问如何动态改变表头，$(“#datagridId”).datagrid({columns:columns})我每次都会请求两次url，求帮助
19. eaayui_b-to-b : 2012年10月08日09:25:05  -31楼 @回复 回复

    $.ajax({….
    ‘success’: function(data,statusText){
    $(‘#grid’).datagrid(‘loadData’,data);
    });
    按你的说法loadData方法在api里面定义的时候就是加载第一页数据,但是我这样写表格会直接加载所有的数据.怎样才加载第一页比如前pageSize条呢?比如10条,是在后台读取数据的时候就只读取10条,还是就在js里面实现呢?
    • 
      管理员 世纪之光 : 2012年10月08日09:40:16  地下1层 @回复 回复

      @eaayui_b-to-b 首先你要将后台返回的数据格式转换为javascript对象（具体可以使用eval或者第三方js工具转换），然后再使用easyui的loadData方式加载这个对象，loadData再加载的时候会加载所有的rows，所以你的pageSize一定要和row相等，或者pageSize大于rows记录数。
20. eaayui_b-to-b : 2012年10月08日09:29:05  -30楼 @回复 回复

    后台数据是这个形式的,{“total”:11,”rows”:[{“value”:”123456″,”type”:”Integer”,”ziduan”:”pageInt”,”des”:”分页”}…..
    ]}
21. eaayui_b-to-b : 2012年10月11日11:35:11  -29楼 @回复 回复

    谢谢,已经解决了,我是在查询的时候带参数当前页和每页条数,再根据它们读取一页的数据,返回给ajax
22. liny : 2012年10月15日16:36:00  -28楼 @回复 回复

    datagrid如何在初始化就默认从指定的pageNumber开始分页，thx
    • 
      管理员 世纪之光 : 2012年10月16日10:20:20  地下1层 @回复 回复

      @liny 你用的是url方式吧？不是有个pageNumber属性吗？控制初始化页码的。
23. liny : 2012年10月30日11:08:35  -27楼 @回复 回复

    datagrid没有加载到数据的时候，在grid中显示一行无数据，这个要怎么设置下。我使用的是loadData加载了条本地数据，但是在合并的时候，没有做好.
    • 
      管理员 世纪之光 : 2012年10月30日11:44:29  地下1层 @回复 回复

      @liny 显示一行没数据是什么意思，如果rows元素对象为空的话，你用js判断一下啊，为空直接$(‘#tt’).datagrid(‘loadData’, {‘total’:0,”rows”:[]});清空数据，或者不要loadData。
      • liny : 2012年10月30日13:08:55  地下2层 @回复 回复

        grid如果没有加载到数据，列表就一片白，想来个提示:”暂无数据”@世纪之光 
        • 
          管理员 世纪之光 : 2012年10月30日14:08:00  地下3层 @回复 回复

          @liny “暂无数据”这种提示写在onLoadSuccess事件里面不就可以了吗，检查一下当前条数，为零的话就提示。
          • liny : 2012年10月30日14:13:53  地下4层 @回复 回复

            这个“暂无数据”要显示在列表中@世纪之光 
            • 
              管理员 世纪之光 : 2012年10月30日14:23:05  地下5层 @回复 回复

              @liny 你这个需求也太煞费苦心了吧？你还要合并所有列到一列，再次查询的时候你怎么办？完全蛋疼的需求啊。而且分页栏上也有个数的统计，你这是何必呢？
              • liny : 2012年10月30日16:10:13  地下6层 @回复 回复

                嗯，需求如此，再说有的列表不需要分页,如果查询没数据，页面啥也不显示那好像不太友好.@世纪之光 
                • 
                  管理员 世纪之光 : 2012年10月30日18:35:43  地下7层 @回复 回复

                  @liny 你合并列之后怎么办？再次查询的时候还要拆分列，如果拆分？没有现成接口给你拆。说句实话把暂无数据显示在datagrid里面，我不觉得任何有什么增加友好程度的意思，alert足矣。
24. peislin : 2012年11月23日09:44:20  -26楼 @回复 回复

    页面加载datagird之前先将包含该datagrid的div hide(),然后再查询的时候再show（），这时候数据时加载出来了，但是页面上显示不出来。
    这是什么原因？求指教！
    • 
      管理员 世纪之光 : 2012年11月23日09:51:43  地下1层 @回复 回复

      不要随便用jquery方法操作datagrid的height,width,display这些属性，影响datagrid的正常计算。
      针对你这种情况，在show之后调用一下 $(‘#tt’).datagrid(resize); 应该就可以了。
25. kids : 2013年07月31日11:55:36  -25楼 @回复 回复

    大家考虑过需求不能分页，一页显示1000条以上的数据吗？
    我的出来在IE下直接卡死…想请教大数据一页展示怎么实现，但是不要太慢，控制在5s左右可以读取展示出来，求解决啊~~ 😕
    • 
      管理员 世纪之光 : 2013年07月31日14:22:19  地下1层 @回复 回复

      最近正在着手研究如何提高datagrid的性能问题，这方面确实待提高。
    • 
      管理员 世纪之光 : 2013年08月18日23:48:34  地下1层 @回复 回复

      datagrid的性能已经做了初步优化，请到以下文章阅读：
      http://www.easyui.info/archives/1435.html
26. kimmy : 2013年08月20日18:48:52  -24楼 @回复 回复

    博主你好，我这边有个问题，使用url远程加载数据到datagrid，我想在onLoadSuccess里判断data是不是为空，结果发现在onLoadSuccess里的alert会出来两次，第一次alert出现在还没有数据加载进来前，第二次数据加载好后，很奇怪。后来我用$.fn.datagrid.defaults.view.onBeforeRender来看看，结果里面的alert也会出现两次。
    • 
      管理员 世纪之光 : 2013年08月20日18:51:21  地下1层 @回复 回复

      你这个现象是典型的二次加载问题，检查一下你的代码，是不是设置了关键class，然后又在js里面构造datagrid了。
27. sunhaikuo : 2013年08月22日16:46:56  -23楼 @回复 回复

    博主，我在用Layout=center里面有个datagrid，为什么两个控件的fit=true，datagrid的高度很小啊，目测只有50px，而不是适应整个center，请问怎么办啊？
    • 
      管理员 世纪之光 : 2013年08月22日20:37:09  地下1层 @回复 回复

      这种问题完全可以自己通过调试css的问题解决。你高度没有fit，说明你datagrid的外层肯定加了一层没有fit的元素。
28. wwy : 2013年08月30日16:45:55  -22楼 @回复 回复

    好文！帮助很大，谢谢 😛
    • 小帅 : 2013年09月09日11:37:52  地下1层 @回复 回复

      好东西
29. 小帅 : 2013年09月09日11:37:07  -21楼 @回复 回复

    确实有用啊，这么好的代码，我喜欢，受益了!
30. kakarottoz : 2013年12月02日23:09:26  -20楼 @回复 回复

    赞！顺便问个问题：我可以把json数据写成本地的.json文件，然后显示到页面中吗？怎么做 🙂
    • 
      管理员 世纪之光 : 2013年12月03日09:18:54  地下1层 @回复 回复

      官网下载下来的demo里面，用的不都是本地的json文件么……demo都不认真看啊……
31. g080166 : 2014年01月07日16:19:12  -19楼 @回复 回复

    hi,楼主，你的文章让我受益匪浅。关于easyui加载本地数据这里，有个问题想咨询一下。reload和load这两个方法能否针对无url加载数据进行操作？如果可以的话，那么对于reload来说用不用进行什么设置？
    我目前的场景是采用ajax调用后台数据，然后采用无url方式，即loadData进行数据对datagrid进行填充。之后由于要增删改需要对datagrid进行重新加载数据，这一部我想采用reload进行重新加载，没有成功。所以有上文一问，这里的reload是否只能针对url进行加载？
    如果楼主能帮忙回答，不胜感激。
32. twain : 2014年03月06日11:39:13  -18楼 @回复 回复

    分页其实不用那么麻烦框架上有自带的，不过还是谢谢分享 😛
    • 
      管理员 世纪之光 : 2014年03月06日13:49:55  地下1层 @回复 回复

      URL方式分页是自带的，但是不适用于loadData方式。
33. zk : 2014年04月01日09:16:09  -17楼 @回复 回复

    楼主你好，看来您对于datgrid的使用很有心得，我想问下，如果datagrid所在的容器是隐藏的，display：none，这个时候如果再使用loadData方法给datagrid更新数据，datagrid的高度变成0了（测试环境：火狐和IE8），请问有什么办法解决？
    • 
      管理员 世纪之光 : 2014年04月01日13:44:44  地下1层 @回复 回复

      解决方式一：
      将datagrid的fit属性设置为true;
      解决方式二：
      在你所说的“datagrid的容器”由隐藏变为显示后调用panel的resize方法

      1	$("#datagrid").datagrid("getPanel").panel("resize");
34. MX : 2014年04月04日14:11:41  -16楼 @回复 回复

    能不能给个完整的例子看看效果………….
    • 
      管理员 世纪之光 : 2014年04月07日16:05:55  地下1层 @回复 回复

      因为博客空间是PHP的，我对PHP一知半解，不太会写，所以给不出完整的例子和demo
35. Backache : 2014年05月08日10:37:28  -15楼 @回复 回复

    前天没网，想个不改源码的分页方式，跟楼主的做法不谋而合，觉得下面这段代码很好，我的做法是直接将datagrid需要的json组织好，总感觉怪怪的，向楼主学习了
    //异步获取数据到javascript对象，入参为查询条件和页码信息
    var oData = getAjaxDate(“orderManageBuz”,”qryWorkOrderPaged”,queryCondition,gridOpts);
    //使用loadDate方法加载Dao层返回的数据
    $(‘#tt’).datagrid(‘loadData’,{“total” : oData.page.recordCount,”rows” : oData.data});
36. waiwai4701 : 2014年05月28日16:02:50  -14楼 @回复 回复

    参考了
37. ww : 2014年09月28日15:13:03  -13楼 @回复 回复

    博主，你好,我在用$(‘#gd’).datagrid(‘load’,{‘param1′:’param1’}) 执行按条件查询时，当查询参数能查出结果时都正常，只load一次数据，但是当输入的查询条件没有符合的记录时，会load两次，并且两次的分页参数page不一样，第一次正常的传入page=1，第二次传入page=0，实在是没弄明白怎么回事，说明：我没使用class渲染datagrid
    • 
      管理员 世纪之光 : 2014年09月29日15:05:05  地下1层 @回复 回复

      在datagrid源码的ajax方法附近加断点调试吧，看看两次的调用堆栈，然后分析请求两次的原因。
38. 奋进 : 2014年10月30日16:15:11  -12楼 @回复 回复

    大侠：datagrid的完整格式是不是这样的，求解。。。{ “columns”:”[[ {field:’field1′,’title’:’title1′},{…} ]]”,data:[{page:”pageIndex”,total:”totalNum”,rows:[{name1:value,name2:value},{…}]}]}
    • 
      管理员 世纪之光 : 2014年10月30日17:30:40  地下1层 @回复 回复

      data里面不需要page信息
39. HelloWorld : 2015年04月28日16:26:57  -11楼 @回复 回复

    您好 getAjaxDate 这点我很不明白 什么叫做异步的加载js对象 为什么传入的参数是上述你写的那样 不能写其他的么 js这块我不太熟 还望赐教
    • 
      管理员 世纪之光 : 2015年05月03日23:39:08  地下1层 @回复 回复

      去查查javascript语言的ajax技术的相关知识。
40. 渣渣 : 2015年06月10日17:26:28  -10楼 @回复 回复

    写的很好，多多学习 🙂
41. 我是龙 : 2015年08月04日11:03:46  -9楼 @回复 回复

    我就看看
42. helloworld : 2015年10月15日13:55:02  -8楼 @回复 回复

    $(‘#data_list_table’).datagrid(‘getPager’).pagination({
    onSelectPage:function(pageNumber, pageSize){
    query_data_list(pageNumber, pageSize);
    }
    });

    //by url – 能充分利用datagrid的显示特性，如：更新paging，rownumbers，显示tbody加载效果，
    function query_data_list(pageNumber,pageSize){
    $(‘#data_list_table’).datagrid(‘options’).url=”xxx.php”;
    $(‘#data_list_table’).datagrid(‘options’).queryParams={pagesize:xxx,pageNo:xxx, other query param};
    $(“#data_list_table”).datagrid(‘reload’);//不要使用load,无法翻页
    }
    //by lodaData – 能更好的自行判断控制，但会损失datagrid的一些方便特性。
    function query_data_list(pageNumber,pageSize){
    $.post(“xxx.php”,{pagesize:xxx,pageNo:xxx, other query param},
    function(data) {
    //check data, then call $(“#data_list_table”).datagrid(‘loadData’,data);
    //无loading效果，rownumbers也只是第一页。
    }
    }
    • Hale : 2016年05月26日17:47:37  地下1层 @回复 回复

      很棒的贴子！该有的细节都有了，收藏！
43. 向阳xlt : 2015年12月29日13:19:35  -7楼 @回复 回复

    我想问下动态修改datagrid的columns,页面会加载两次，第一次是多余的，我想问下怎么解决
44. DSer : 2017年06月07日19:00:59  -6楼 @回复 回复

    那个在去掉loading图片的时候重写了onloadSuccess方法，这个会不会覆盖掉原来的？

网站统计