EasyUi
文章平均质量分 78
没有梦想-何必远方
这个作者很懒,什么都没留下…
展开
-
Easy UI组件在火狐浏览器中不能完全显示的解决办法
写的一个easyui的登录界面,在ie中可以完全显示,但在火狐浏览器中不能完全显示,如图下:ie中:火狐中:若要在火狐中正常显示,解决办法:在标签中加入 style=”width:100%;height:100%;" 即可原创 2014-03-13 20:51:07 · 2383 阅读 · 0 评论 -
EasyUi Datagrid 的使用介绍(1 )
easyui 提供了封装好的界面,使前台开发变得很简洁,下面以Datagrid数据表格组件来介绍下easyui的使用方法,希望给想我一样的初学者以提示。利用easyui创建相应的组件一般有两种方式:一:在页面的body中创建,比如这个数据表格:<table id="dg" title="" class="easyui-datagrid" style="width:700px;hei原创 2014-03-16 00:22:48 · 4011 阅读 · 3 评论 -
easyui datagrid 动态添加、移除editor
使用easyui 行编辑的时候完成编辑的功能比较简单,但是如果要根据一个框的值动态改变别的值或者编辑的时候禁用某个框的时候就比较麻烦了。 比如像下面这样:添加行的时候每个值都是手动输入,修改的时候第一个值不能修改。我们来看下怎么实现这样的效果。 easyui本身是不提供这么细节的功能的,需要我们自己拓展下: 在编辑的时候移除第一列的editor属性,添加的时候,添加第一列的属性。//扩展dat原创 2016-01-27 09:44:42 · 7933 阅读 · 1 评论 -
easyui防止重复提交及进度条报错解决: Cannot read property 'onClose' of undefined
使用easyui框架 有个缺点就是响应有些慢,比如使用dialog 提交表单的时候可能要经过几秒才能提交上,如果用户连续点击提交按钮,可能造成重复提交。有个办法可以解决这个问题,就是使用进度条,也是easyui自带的。像如下这样: $.messager.progress(); var form = $("#addcompany"); form.aja原创 2015-12-21 17:34:00 · 4259 阅读 · 1 评论 -
easyui行编辑:利用append row添加行,直接在行中编辑,ajax提交保存
今天工作用到了easyui行编辑,在这里总结一下,不会的同学可以看看,顺便吐槽一下,网上的很多博客都是粘贴复制的,内容很乱 ,而且看不懂,不知道这些粘贴复制的怀的是什么心,不但没用,还影响别人搜索。 呼吁大家在写博客的时候认真一些,别只粘贴复制,至少可以自己运行好了贴上自己的代码和一点感想,对别人用处很大的。好了,正题开始——>我用的是easyui 1.4效果如下: 点击添加按钮,在第二行的位置原创 2016-01-04 17:35:33 · 18682 阅读 · 0 评论 -
easyui datagird 总计栏
在使用easyui 的表格的时,很多时候需要加一个总计栏,当然easyui中有加总计栏的方法,写一个footer就好,然而我觉得这种方法并不好,因为添加的总计栏是和列表每个单元格对应的,有长度限制,不美观。如果你也这样想,可以按我这种方法: 把总计栏写到分页栏里面,这样就可以一行显示啦。 具体方法很简单: 在datagrid的定义后面写一个这个:var pager = $('#dg')原创 2016-01-05 17:27:05 · 2070 阅读 · 0 评论 -
easyui 客户端分页
easyui 服务端想必大家都已直到了,就是传个rows和page数据库查一下就好了。 而如果只需要客户端分页,请往下看: 首先copy这个方法://easyui前台分页方法 function pagerFilter(data){ if (typeof data.length == 'number' && typeof data.splice == 'funct原创 2016-01-05 17:16:36 · 2468 阅读 · 0 评论 -
Spring+SpringMVC+mybatis+easyui整合实例(四)easyUI界面部分
首先简单介绍下easyui的使用。 刚接触asyui的盆友可以看一下。稍后这里附easyui1.4中文文档以及整站文件请戳下载—>这篇博客结束 简单的整合Demo已经完成 请戳下载—>我们从datagrid表格入手,先显示一个简单的表格来说明一下easyui的使用。后面再加一个功能完整的表格首先方法写好,还是使用之前的例子,没看过之前博客的可以翻一下。 StudentDaoIF.java原创 2015-10-13 16:39:44 · 11299 阅读 · 4 评论 -
Easyui Datagrid 如何实现后台交互显示用户数据列表
新手初学的时候可能有个疑问:如何在数据表格中不通过按钮事件直接显示后台列表信息?我在学习的时候也碰到了这个问题,纠结了很长时间,现在将代码贴出来给初学者以提示:大家都知道EasyUi都是用json进行前后台数据交互的, datagrid有一个属性: url,可以直接到这个url中进行查询等后台操作,最后return一个json对象,这是datagrid可以直接接收这个 json对象,并自动把内原创 2014-03-16 11:42:16 · 4727 阅读 · 4 评论 -
Easyui异步生成树节点,动态获取树节点
直接上代码前台:// 实例化树菜单 $("#tree").tree({ url:'../servlet/Nodes_Do?id=0', onBeforeExpand:function(node,param){ $('#tree').tree('options').url = "../servlet/Nodes_Do?id="原创 2014-03-23 16:29:43 · 4475 阅读 · 2 评论 -
用ajax返回验证的时候总是弹出error原因
发一个简单案例:前台: 用户登录 $(function(){ var loginDialog; loginDialog = $('#loginDialog').dialog({ closable : false , // 组件添加属性:让关闭按钮消失原创 2014-03-13 21:33:57 · 5068 阅读 · 3 评论 -
easyui 源码修改,自定义弹窗
easyui中提供了几种弹窗:alert/promte/show/confirm等,但实际需求中这些并不能满足所有情况,比如想要在弹窗中默认显示一些文字、图标,通过传参在具体的位置显示参数。这时就需要修改一下源码,自定义一个弹窗。 首先来看个效果: 调用方法:$.messager.error({ title:'提示', icon:'error'原创 2015-12-26 16:01:45 · 3269 阅读 · 2 评论