关于EasyUI 1.5版Datagrid组件在空数据时无法显示"空记录"提示的BUG解决方法

问题:jQuery easyUI中Datagrid,在表格数据加载无数据的时候,如何显示"无记录"的提示语? 解决jQuery EasyUI 1.5.1版本的Datagrid,在处理新增表格加载的数据没有记录的时候,可显示"无记录"的提示语的方法. 官网的API更新里面并没有写明是API的属性名,经过查找资料,发现一下问题: 1.官网API更新的时候漏掉了该API,没有放出: 2.源代码需要一定的修复: 解决方法: 1.API属性名:emptyMsg 2.API属性…

easyui datagrid 异步加载数据时滚动条有时会自动滚到最底部的问题

在使用easyui 的datagrid异步加载数据时发现滚动条有时会自动滚到最底部.经测试发现,如果加载数据前没有选中行则不会出现这个问题.这样我们可以在重新异步加载数据前取消选中行就可以避免这个问题. //easyui datagrid 取消选中行 $("#dg").datagrid("clearSelections");…

扩展当easyui datagrid无数据时，显示特定值。如：没有数据

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…

“代理 XP”组件已作为此服务器安全配置的一部分被关闭。解决方法

新建维护计划的时候遇到下图的报错信息标题: Microsoft SQL Server Management Studio------------------------------ “代理 XP”组件已作为此服务器安全配置的一部分被关闭.系统管理员可以使用 sp_configure 来启用“代理 XP”.有关启用“代理 XP”的详细信息,请参阅 SQL Server 联机丛书中的“外围应用配置器”. (ObjectExplorer) 运行下面语句就可以了 sp_configure ; GO R…

wpf 当DataGrid列模版是ComboBox时，显示信息

实际工作中,有时DataGrid控件某一列显示数据是从Enum集合里面选择出来的,那这时候设置列模版为ComboBox就能满足需求.而关于显示的实际内容,直接是Enum的string()返回值可能不太适合,这时候采用System.ComponentModel.Description是一个很好用的方法. 代码中定义的显示类型是Enum,实际结果在Description中声明. 定义 Enum Week [System.ComponentModel.Description("星期")]…

Linux版网易云音乐播放音乐时无限显示“网络错误”的解决办法

安装 gstreamer0.10-plugins-good debian类系统: -plugins-good…

easyui form提交时验证必填，打开时不显示必填提示

给textbox添加required:true属性后,打开页面时整个表单都是红的,需要将其设置为提交时再验证. 解决方法:通过textbox的novalidate属性来控制是否开启验证 <input class="easyui-textbox" name="Name" id="myName" style="width:200px " type="text" data-options="val…

Jquery easyUI datagrid载入复杂JSON数据方法

1.JSON数据为: { "total":28, "rows": [ { "itemNo": "1", "itemName": "12", "spec": "", "pattern": "", "itemCategory&q…

easyui datagrid 没数据时显示滚动条的解决方法

今天解决了一个bug,因为datagrid有多列,可是当没有数据的时候,后面的列无法通过滚动条拉动来显示,比较麻烦,而需求要求没有数据也要拉动滚动条查看后面有什么列,一开始在网上找了一些资料,发现都不可以,有一个实现生成空的table,也就是数据行,然后将其隐藏. 后来查看了一下,easyui datagrid中显示数据的区域是一个div,没有数据的时候没有滚动条,当时想找一些当div中内容为空,用js生成滚动条,并且控制滚动条的长短,都找不到. 使用生成数据行,然后隐藏的方式会导致没有数据的时…

实现easyui datagrid在没有数据时显示相关提示内容

本示例实现easyui datagrid加载/查询数据时,如果没有相关记录,则在datagrid中显示没有相关记录的提示信息,效果如下图所示本实例要实现如下图所示的效果: 本示例easyui版本为1.3.4,如果运行后没有效果,自己检查easyui版本不同版本对appendRow和mergeCells支持不一样,参数不一致什么的. 无法隐藏分页导航容器,可以用chrome开发工具或者firebug查看分页导航容器的样式和原始datagrid table表格的关系. 源代码如下 $(funct…

强大的DataGrid组件[1]

说明:DataGrid组件是Silverlight数据组件中最为常用并且是功能最为强大的数据组件.因此,对开发者而言,深入了解其特性是十分有必要的.本文先介绍该组件的基本特性,接着通过几个简单实例来说明该组件的基本数据操作过程. 组件所在命名空间: System.Windows.Controls 组件常用方法: BeginEdit:使DataGrid进入编辑状态. CancelEdit:取消DataGrid的编辑状态. CollapseRowGroup:闭合DataGrid的行分组. Commi…

easyui的datagrid用js插入数据等编辑功能的实现

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> //引入easyui <link rel="stylesheet" type="text/css" href="../../themes/default/easyui.css"> <link rel…

element el-tree、el-table组件加载数据前闪现暂无数据清除

相信很多人在使用element el-tree.el-table组件加载数据前会显示一个" 暂无数据 ",体验很不友好,有没有办法处理不显示呢?答案是:有的.废话不多说直接上代码解说: <template> <el-tree :empty-text="emptyText" :expand-on-click-node="false" :prop…

对easyui datagrid组件的一个小改进

#对easyui datagrid组件的一个小改进 ##问题在实际项目中使用datagrid时,受版面限制,有时候表格不能太大,这时候表格里面的内容就不能完全显示,用户需要经常拖动调整列宽才能看完整 ![长度不足](http://images.cnitblog.com/blog/84053/201402/091301407734130.jpg) ##规划与思考一览datagrid的API,有几点值得思考 * `fitColumns`属性,**True to auto expand/contr…

easyui的datagrid组件，如何设置点击某行不会高亮该行的方式

easyui的datagrid组件,有些时候我们点击某行不想高亮显示,如何设置点击某行不会高亮该行的方式,有好几种方法可以实现,我举几个,可以根据你具体需求灵活应用: 1.修改easyui的css将高亮颜色跟背景颜色一样(简单,但是比较笨) 2. 在onClickCell事件里clearSelections一下,相当于不允许用户选择. 3. onSelect事件里unselectRow一下. 4. 在renderRow中判断当前行被选中,设置背景色跟表格背景一样.…

jQuery EasyUI Datagrid组件的完整的基础DOM结构

标题可能有点长,什么叫“完整的基础DOM结构”,这里“基础”的意思是指这个结构不依赖具体数据,不依赖Datagrid的view属性,只要存在Datagrid实例就会存在这样的基础DOM结构:而“完整”的意思是指在冻结列,冻结行,标题,footer,分页这些功能块都存在时候的DOM结构. 要搞清楚Datagrid的工作原理,这个DOM结构必须要烂熟于胸的,我们直接来看这个“基础完整DOM结构”是什么样子的: <!-- datagrid的最外层容器,可以使用$(target).datagrid(…

jQuery EasyUI Datagrid组件默认视图分析

在Datagrid基础DOM结构的一文中,我对Datagrid组件的骨架做了很详细的描述.有了骨架还并不完整,还得有血有肉有衣服穿才行.强大的Datagrid组件允许我们自己定义如何在基础骨架上长出健壮诱人的身体,我们只要定义Datagrid的视图就可以实现. 在大多数情况下,我们并无特别要求,Datagrid给我们提供了默认的视图,默认视图被使用在90%以上的场景,所以对默认视图的分析显得非常有必要.注意视图里面定义了哪些接口,哪些方法,如果要自己写视图的话,最好把这些接口和方法都写齐全.话不…

easyUI datagrid组件能否有display:none的隐藏效果

这个项目用了JQ easyUI datagrid 组件,我今天做了一个页面,页面有个div层,div里放了一个easyUI datagrid,页面初始化时div隐藏(display:none),通过点击按钮,div显示(display:block),可是当点击按钮后,datagrid只显示了一条线.初始化时设置div的display属性为block时,一切正常.这是datagrid和div有区别吗? 在div 里设置 class="easyui-datagrid" 时,easyui会根…

EasyUI datagrid组件绑定有转义字符的json数据出错

最近项目中一个页面的datagrid出现了莫名其妙的问题, 首先是分页数据的第二页和第三页不能展示,过了一天后第一页也出不来了, 默认首页不出来导致后续分页处理无法进行, 整个数据都不出来了,最后只能通过输入查询条件, 查询出结果集展现出来. 跟踪了后台的ashx函数, 是有数据的, 而且EasyUI是最新版, 数据库中分页数据也是有的. 最后用sublime text工具打开json数据后看到有两处明显标红的地方,就是字符串中有 '\0'地方.进入数据库中将字段中的转义字符清理掉, 数据展示…

c#中使用easyUI的DataGrid组件

前台页面 html <table id="dg"> </table> JavaScript $("#dg").datagrid({ width: 500, //自适应列内容 fitColumns: true, //只允许选择一行 singleSelect: true, //显示分页栏 pagination: true, //显示行号 rownumbers:true, //初始化的页码 pageNumber: 1, //初始化的页容量 page…

第二百二十八节，jQuery EasyUI，TreeGrid(树形表格)组件

jQuery EasyUI,TreeGrid(树形表格)组件学习要点: 1.加载方式 2.属性列表 3.事件列表 4.方法列表本节课重点了解 EasyUI 中 TreeGrid(树形表格)组件的使用方法,这个组件依赖于 DataGrid(数据表格)组件. 一．加载方式建立一个 JSON 文件 [ { "id": 1, "name": "系统管理", "date": "2015-05-10", &quo…

第二百二十五节，jQuery EasyUI，PropertyGird(属性表格)组件

jQuery EasyUI,PropertyGird(属性表格)组件学习要点: 1.加载方式 2.属性列表 3.方法列表本节课重点了解 EasyUI 中 PropertyGird(属性表格)组件的使用方法,这个组件依赖于 DataGrid(数据表格)组件. 一．加载方式 class 加载方式 <table id="box" class="easyui-propertygrid" style="width:300px" data-opt…

easyUI关键（常见）组件详解

一.easyUI 相关介绍 1.EasyUI 是前端框架,封装大量 css和封装大量 JS 2.使用前端框架时,给标签定义class 属性,就会有样式和脚本功能了(class属性对应了相关封装过的css和相关的js) 3.data-options 属性是定义 easyui 属性的,如果 easyui 提供的属性和 html 标签属性相同,这个属性可以不写在 data-options 中,easyUI自带(和元HTML重复的不算)的属性只能在data-options中使用,会涉及到相关的,别的组件…

EasyUi–7.tab和datagrid和iframe的问题

1. 多个tab切换,第2个不显示动态添加tab Iframe页面的方法展开折叠 <script type="text/javascript"> $(function () { //创建树形结构 var tt = $('#main-center'); $('#tt').tree({ url: '/Backstage/Home/MenuItem/', //单击事件 onClick: function (node) { //console.info($('#main-ce…

Easyui的datagrid结合hibernate实现数据分页

最近在学习easyui的使用,在学到datagrid的时候遇到了一些问题,终于抽点时间整理了一下,分享出来,请各位前辈高手多多指教! 1.先来看看效果,二话不说,上图直观! 2.easyui的datagrid的使用方法在这里,datagrid的使用我不做过多讲解,俺毕竟是初学者,不敢班门弄斧.所以就简单带一下. ①.在easyui的layout中的center中定义一个table,id为"datagridTable". <div region="center"…

Easyui Datagrid rownumbers行号四位、五位显示不完全的解决办法

Easyui Datagrid rownumbers行号四位.五位显示不完全的解决办法(引) 方法一: 相信很多人在使用easyui的时候都遇到过这个问题,当我们设置成显示Rownumber的时候,你会发现,如果Rownumber越来越大,达到三位数或者四位数的时候,Rownumber就显示不全了.这个问题纠结了不知道多少人,在群里和论坛里面都的都被问到无数次了. 以前也一直没有太认真考虑过要解决这个问题,恰好最近有点时间,就研究了一下,其实要解决也很简单,扩展一个方法就行了. 首先,从data…