`
ku_sunny
  • 浏览: 38642 次
  • 性别: Icon_minigender_1
  • 来自: 杭州
社区版块
存档分类
最新评论

easyui datagrid 当超过4位数显示不全问题解决

阅读更多
经过源码的分析,需要变化宽度的有有个地方,一个是表头的宽度,另一处是表身的宽度。
表头的宽度取决定性作用的是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>");
			}

主要变化的有上面五处地方
0
0
分享到:
评论

相关推荐

    EasyUI DataGrid过滤用法实例

    EasyUI 是一个基于 jQuery 的 UI 框架,它提供了丰富的组件,包括表格(DataGrid)等,使得 Web 应用程序的界面开发更加便捷。在这个"EasyUI DataGrid 过滤用法实例"中,我们将深入探讨如何利用 EasyUI 的 DataGrid ...

    easyui datagrid 表格 打印

    在IT行业中,EasyUI是一个基于jQuery的前端框架,它提供了丰富的UI组件,其中包括DataGrid,一个功能强大的数据网格组件。DataGrid适用于展示大量结构化的数据,并支持多种操作,如排序、筛选、分页等。本篇文章将...

    jquery-easyui拓展之datagrid复合表头列锁定/解锁和列隐藏/显示

    http://blog.csdn.net/tianxiawudi0720/article/details/47401399

    easyui1.4.3补丁,解决easyui-numberbox输入不了小数点bug

    此外,补丁可能也更新了对小数位数限制的处理,允许用户在不超过限制的情况下自由输入小数点和后续的数字。 在应用这个补丁后,开发者可以确保在基于 EasyUI 1.4.3 的项目中,NumberBox 控件能够正确无误地接受和...

    easyui-datagrid2-demo.zip

    "easyui-datagrid2-demo.zip" 文件包含了使用 EasyUI Datagrid 的一个示例,帮助开发者了解如何实现数据的加载、分页、排序等基本操作。 在这个 demo 中,我们可以从以下几个方面学习 EasyUI Datagrid 的使用: 1....

    jQuery Easyui DataGrid点击某个单元格即进入编辑状态焦点移开后保存数据

    本文介绍了如何在 jQuery Easyui DataGrid 中实现点击某个单元格后,该单元格即可进入编辑状态,当用户编辑完数据并把焦点移开该单元格时,所编辑的数据自动保存的功能。 知识点一:DataGrid 初始化与配置 要使用 ...

    JQueryEasyUI之DataGrid数据显示

    JQueryEasyUI是一个基于jQuery的前端UI解决方案,它提供了一系列的组件,包括DataGrid、Tabs、Menu等,让开发者可以更加容易地构建具有现代化风格的网页界面。DataGrid组件是JQueryEasyUI中用于展示数据表格的组件,...

    轻松解决datagrid-export.js的导出excel数字变科学计数法的问题

    有个项目需要用到jquery 的easyui和导出excel,发现官方下载的datagrid-export.js有几处bug,例如导出的excel格式,长数字会默认按科学计数法显示或没了零开头的数字,不符合所见即所得要求。 首先说明前提条件,...

    Datagrid-filter插件

    这个插件的核心功能是为每一列提供过滤条件,使得用户能够快速筛选出所需的信息,极大地提高了数据处理的效率,是开发人员在构建数据密集型应用时不可或缺的工具。 首先,我们要理解什么是Grid插件。Grid是一种常见...

    datagrid list

    `Datagrid`通常指的是一个可滚动的数据表格,能够显示大量结构化数据,并支持排序、筛选、分页等交互功能,而`list`则更倾向于展示简化的列表形式数据,适合用于呈现条目式的、非表格结构的信息。在这里,我们将深入...

    easyUI实例

    EasyUI 是一个基于 jQuery 的轻量级前端框架,主要用于构建用户界面。这个实例集包含了 EasyUI 的各种功能,特别强调了动态编辑表格的实现。在深入探讨这些知识点之前,我们先了解一下 EasyUI 的基本概念。 EasyUI ...

    jquery_easyui 中文手册

    《jQuery EasyUI 中文手册》是为初学者准备的一份详尽指南,它涵盖了jQuery EasyUI框架中的核心组件和功能,旨在帮助开发者快速理解和应用这个强大的前端开发工具。jQuery EasyUI基于jQuery库,提供了一套简洁、直观...

    jQuery EasyUI 中文文档

    ### jQuery EasyUI 中文文档知识点概述 #### 一、jQuery EasyUI 概述 jQuery EasyUI 是一个基于 jQuery 的简化用户界面插件集合。它提供了一系列丰富的用户界面组件,可以帮助开发者快速构建美观且功能强大的 Web ...

    jQuery EasyUI 1.4.5 版 API 中文.pdf

    这一节列出了 EasyUI 1.4.5 版本相对于之前版本的主要更新点,包括但不限于新增功能、改进功能、已知问题修复等。这些更新点有助于开发者了解新版本与旧版本之间的差异,从而更好地利用新版特性或避免已知问题。 ##...

    EasyUI总结学习.doc

    例如,使用`styler`函数可以设定单元格样式,避免长串数字显示为科学计数法。 3. **过滤和复选框**: - 数据过滤允许用户根据需求筛选显示的数据。EasyUI 提供了内置的过滤功能,可以通过添加特定的过滤器来实现。...

    jQuery_EasyUI中文帮助手册(带目录)

    EasyUI是一种基于jQuery的前端框架,它为开发人员提供了一套丰富的UI组件,以帮助快速构建现代化、交互式的Web应用。jQuery EasyUI中文帮助手册是一个全面的指导文档,它详细介绍了EasyUI框架的各种组件以及如何使用...

    jquery_easyui_中文解析

    它可以设置不同的验证规则,如非空、长度限制、格式匹配等,当输入不符合规则时会显示错误提示,确保数据的准确性和完整性。 **EasyUI 树形结构(Tree)** `easyui-tree` 提供了展示层次结构数据的组件。它支持展开...

    easyui1.4 chm中文版API帮助文档

    2. **窗口与对话框**:EasyUI 提供了对话框(dialog)组件,用于显示弹出式窗口,支持拖动、最大化、最小化等功能,适用于提示信息、用户交互等场景。 3. **菜单**:菜单(menu)组件允许你创建多级下拉菜单,便于...

Global site tag (gtag.js) - Google Analytics