http://www.stepday.com/topic/?873 今天在使用EasyUI的datagrid列表组件想实现一个列表的展现,且列表上方有搜索条件,初始化的时候我是这样配置的: 1.<table id="tBaoXiuList" title="" class="easyui-datagrid" style="width: 723px; height: auto" url="/AjaxCommon/t

在查询之前将datagrid的属性pageNumber重新设置为1 var opts = grid.datagrid('options'); opts.pageNumber = 1; easyui datagrid 自身会通过 post 的形式传递 rows 和 page,在后台可以直接获取 //获取分页及排序信息 ); );

--最近客户提出的需求 全选高亮样式太丑,每行选中不需要背景图片颜色,字体变黑色,未选中变灰色. 先把代码和改变后的图片 贴出来. /* 初始化DataFrid数据 */ initDataGrid: function () { var pNumber = 0; var pSize = 10; $('#listBuyer').datagrid({ method: 'post', url: 'PR012_TradeRelationService.ashx?Method=GetPR012_TradeR

1.抽取DataGrid列表数据 function ExportNormal(strXlsName, exportGrid, postUrl, hiddenColumns) { /// <summary> /// 提交DataGrid数据 /// </summary> var f = $('<form action="' + postUrl + '?ac=normal" method="post" id="fmExport1&

首先,最近在搞那个DataGrid的导出,发现,网上的用JS导出到本地的方法虽然可用,但是只能导出DataGrid当前的数据,例如说,DataGrid默认是最大显示50行,但是如果有多页,那么就无法显示全部了,那么就是只能导出前面前50行了,如果需要导出全部,只能后台导出了.今天我就想了个法子,能否直接前台显示多条记录,甚至1W条呢.我被我这个想法吓到了,O(∩_∩)O哈哈~         我先把网上的方法公布一下,网上前端导出Excel的方法是这样的(其实也是用到了后台导出)...     

症状如图: 上图中,行号列与checkbox 列融合了.解决方法是在datagrid 的 onLoadSuccess 事件中加入如下代码: var opts = $(this).datagrid('options'); if(opts.rownumbers){ var dgPanel = $(this).datagrid('getPanel'); var tdRownumber = dgPanel.find('.datagrid-header-rownumber').parent(); var

1.如下图效果是当选择不同的日期范围时datagrid则会加载出对应的列数

var jq;                var tab;                var tabsIndex;                                /**                 * 常用说明                 * @param row                 * @returns {String}                 */                function formatItem(row) {     

//初始化dategrid $('#tt').datagrid({ url:null, pagination:true, pageSize:, pageNumber:, rownumbers:true }); $('#tt').datagrid('getPager').pagination({ displayMsg:'当前显示从 [{from}] 到 [{to}] 共[{total}]条记录', onSelectPage : function(pPageIndex, pPageSize) { /

function getGroupUsers(groupPath) { $('#tbGroupUsersList').datagrid({ width: 800, height: 100, nowrap: false, striped: true, fit: true, url: '/AD/getGroupObject', queryParams: { GroupPath: groupPath }, frozen: true, frozenColumns:[[ { field: 'ck', ch

//jquery.datagrid 扩展 (function (){ $.extend($.fn.datagrid.methods, { //显示遮罩 loading: function(jq){ return jq.each(function(){ $(this).datagrid("getPager").pagination("loading"); var opts = $(this).datagrid("options"); var wra

在使用easyui插件的时候,使用最多的应该是datagrid插件.有时候根据客户需求,可能需要将datagrid内容进行打印,这时候如果直接调用window.print,可能由于easyui的datagrid存在滚动条而导致滚动条其他部分打印不出来的问题.通过百度有编“easyui基于web的打印实现”可以基本实现打印,但是还是存在一些问题,比如多表头情况打印不了,某列有调用脚本的,将会出现undefined等等. 通过修改该文的代码,就可以实现直接使用脚本打印easyui的datagrid内

将以下脚本保存为 easyui-datagrid-moverow.js var DatagridMoveRow = (function($){ function DatagridMoveRow(gridTarget){ this.el = gridTarget; this.$el = $(this.el); this.rowIndex = -1; this.rowsCount = this.$el.datagrid('getData').rows.length; return this; } D

此功能还为真正完成,起到抛砖引玉的效果,发动大家的力量把这个功能完善起来,效果图如下: 基本上就是扩展了 datagrid.view 中的onAfterRender 这个事件,具体代码如下: $.extend($.fn.datagrid.defaults.view,{ onAfterRender:function(target){ var dc = $.data(target,'datagrid').dc; if(dc.header2.find('[filter="true"]').l

一.分页函数 /**========================================= * 分页函数 */function pagerFilter(data) { if(typeof data.length == 'number' && typeof data.splice == 'function') { // is array data = { total: data.length, rows: data } } var dg = $(this); var opts =

//扩展easyuidatagrid无数据时显示界面 var emptyView = $.extend({}, $.fn.datagrid.defaults.view, { onAfterRender: function (target) { $.fn.datagrid.defaults.view.onAfterRender.call(this, target); var opts = $(target).datagrid('options'); var vc = $(target).datag

问题描述: 在使用JqueryEasyUI 时,发现在IE下$('#table').datagrid('reload');无效,数据并没有被刷新,究其原因,是因为刷新时,datagrid请求的url没有变化,IE就从浏览器缓存里取数据了,返回的是302响应码. 解决办法: 在$('#table').datagrid('reload');前修改$('#table')的url,可以增加一个时间戳参数,修改代码像这样: var url = $('#table').datagrid('options')

我准备在项目中实现该功能之前,google发现大部分代码都是利用一般处理程序HttpHandler实现的服务器端数据的Excel导出,但是这样存在的问题是ashx读取的数据一般都是数据库中视图的数据,难免会含有方便操作的主键ID这列的记录.现在项目需要在easyUI的DataGrid中显示的数据能全部导出Excel,包括DataGrid中的中文标题,其他的统统不要. 完成该功能所需的工具和环境:Newtonsoft.Json序列化和反序列化类库.easyUI前端UI框架.HttpHandler一

var createGridHeaderContextMenu = function(e, field) { e.preventDefault(); var grid = $(this);/* grid本身 */ var headerContextMenu = this.headerContextMenu;/* grid上的列头菜单对象 */ if (!headerContextMenu) { var tmenu = $('<div style="width:100px;">

var myview = $.extend({},$.fn.datagrid.defaults.view,{ onAfterRender:function(target){ $.fn.datagrid.defaults.view.onAfterRender.call(this,target); var opts = $(target).datagrid('options'); var vc = $(target).datagrid('getPanel').children('div.datagr