经过源码的分析,需要变化宽度的有有个地方,一个是表头的宽度,另一处是表身的宽度。
表头的宽度取决定性作用的是tr.datagrid-header-row 下的div.datagrid-header-rownumber 这个标签。然后修改只需要在renderRow 方法里面修改几行代码就行,我用的是easyui 1.3.5版本的 可能其他版本略微有区别,但我认为区别不会大的,希望以下代码对你有用
renderRow : function(_698, _699, _69a, _69b, _69c) {
// 修改处1
var _self = $.data(_698, "datagrid");
// 修改处2
var opts = _self.options;
var cc = [];
if (_69a && opts.rownumbers) {
var _69d = _69b + 1;
if (opts.pagination) {
_69d += (opts.pageNumber - 1) * opts.pageSize;
}
// 修改处3
var _69dWidth = 25 + Math.max(String(_69d).length - 4, 0)*6 + "px";
// 修改处4
_self.dc.header1.find(".datagrid-header-rownumber").width(_69dWidth);
// 修改处5
cc
.push("<td class='datagrid-td-rownumber'><div style='width:"+_69dWidth+"' class='datagrid-cell-rownumber'>"
+ _69d + "</div></td>");
}
主要变化的有上面五处地方
分享到:
相关推荐
EasyUI 是一个基于 jQuery 的 UI 框架,它提供了丰富的组件,包括表格(DataGrid)等,使得 Web 应用程序的界面开发更加便捷。在这个"EasyUI DataGrid 过滤用法实例"中,我们将深入探讨如何利用 EasyUI 的 DataGrid ...
在IT行业中,EasyUI是一个基于jQuery的前端框架,它提供了丰富的UI组件,其中包括DataGrid,一个功能强大的数据网格组件。DataGrid适用于展示大量结构化的数据,并支持多种操作,如排序、筛选、分页等。本篇文章将...
http://blog.csdn.net/tianxiawudi0720/article/details/47401399
此外,补丁可能也更新了对小数位数限制的处理,允许用户在不超过限制的情况下自由输入小数点和后续的数字。 在应用这个补丁后,开发者可以确保在基于 EasyUI 1.4.3 的项目中,NumberBox 控件能够正确无误地接受和...
"easyui-datagrid2-demo.zip" 文件包含了使用 EasyUI Datagrid 的一个示例,帮助开发者了解如何实现数据的加载、分页、排序等基本操作。 在这个 demo 中,我们可以从以下几个方面学习 EasyUI Datagrid 的使用: 1....
本文介绍了如何在 jQuery Easyui DataGrid 中实现点击某个单元格后,该单元格即可进入编辑状态,当用户编辑完数据并把焦点移开该单元格时,所编辑的数据自动保存的功能。 知识点一:DataGrid 初始化与配置 要使用 ...
JQueryEasyUI是一个基于jQuery的前端UI解决方案,它提供了一系列的组件,包括DataGrid、Tabs、Menu等,让开发者可以更加容易地构建具有现代化风格的网页界面。DataGrid组件是JQueryEasyUI中用于展示数据表格的组件,...
有个项目需要用到jquery 的easyui和导出excel,发现官方下载的datagrid-export.js有几处bug,例如导出的excel格式,长数字会默认按科学计数法显示或没了零开头的数字,不符合所见即所得要求。 首先说明前提条件,...
这个插件的核心功能是为每一列提供过滤条件,使得用户能够快速筛选出所需的信息,极大地提高了数据处理的效率,是开发人员在构建数据密集型应用时不可或缺的工具。 首先,我们要理解什么是Grid插件。Grid是一种常见...
`Datagrid`通常指的是一个可滚动的数据表格,能够显示大量结构化数据,并支持排序、筛选、分页等交互功能,而`list`则更倾向于展示简化的列表形式数据,适合用于呈现条目式的、非表格结构的信息。在这里,我们将深入...
EasyUI 是一个基于 jQuery 的轻量级前端框架,主要用于构建用户界面。这个实例集包含了 EasyUI 的各种功能,特别强调了动态编辑表格的实现。在深入探讨这些知识点之前,我们先了解一下 EasyUI 的基本概念。 EasyUI ...
《jQuery EasyUI 中文手册》是为初学者准备的一份详尽指南,它涵盖了jQuery EasyUI框架中的核心组件和功能,旨在帮助开发者快速理解和应用这个强大的前端开发工具。jQuery EasyUI基于jQuery库,提供了一套简洁、直观...
### jQuery EasyUI 中文文档知识点概述 #### 一、jQuery EasyUI 概述 jQuery EasyUI 是一个基于 jQuery 的简化用户界面插件集合。它提供了一系列丰富的用户界面组件,可以帮助开发者快速构建美观且功能强大的 Web ...
这一节列出了 EasyUI 1.4.5 版本相对于之前版本的主要更新点,包括但不限于新增功能、改进功能、已知问题修复等。这些更新点有助于开发者了解新版本与旧版本之间的差异,从而更好地利用新版特性或避免已知问题。 ##...
例如,使用`styler`函数可以设定单元格样式,避免长串数字显示为科学计数法。 3. **过滤和复选框**: - 数据过滤允许用户根据需求筛选显示的数据。EasyUI 提供了内置的过滤功能,可以通过添加特定的过滤器来实现。...
EasyUI是一种基于jQuery的前端框架,它为开发人员提供了一套丰富的UI组件,以帮助快速构建现代化、交互式的Web应用。jQuery EasyUI中文帮助手册是一个全面的指导文档,它详细介绍了EasyUI框架的各种组件以及如何使用...
它可以设置不同的验证规则,如非空、长度限制、格式匹配等,当输入不符合规则时会显示错误提示,确保数据的准确性和完整性。 **EasyUI 树形结构(Tree)** `easyui-tree` 提供了展示层次结构数据的组件。它支持展开...
2. **窗口与对话框**:EasyUI 提供了对话框(dialog)组件,用于显示弹出式窗口,支持拖动、最大化、最小化等功能,适用于提示信息、用户交互等场景。 3. **菜单**:菜单(menu)组件允许你创建多级下拉菜单,便于...