![](https://img-blog.csdnimg.cn/20201014180756754.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
easyui
涛锅
记性不太好
展开
-
[扩展]EasyUI给dialog的buttons绑定click事件
通常,Dialog中的Buttons的Click是在生成的时候就通过如下方式写好的。 官网的代码<div id="dialog" class="easyui-dialog" data-options="title:'My Dialog',modal:true, buttons:[{ text:'Save',原创 2015-11-04 15:09:39 · 9967 阅读 · 1 评论 -
[easyui]datagrid鼠标移动显示单元格内容
当单元格内容过长无法完全显示怎么办?如果鼠标移动到该单元格可以自动显示出所有文字内容就好啦。 这里提供两个思路给对应节点添加一个title属性,值就是节点的内容添加事件,移动到单元格就用一个tooltip显示内容方法一添加title属性,值为文字内容首先找到对应节点 可以根据这个其中的一个class来定位 datagrid-cell假设这个datagrid的id为dg那就这么写 这里要原创 2016-01-13 14:29:13 · 5797 阅读 · 1 评论 -
[easyui]封装一个datagrid
上一篇写的是封装了dialog,那么这一篇就来看看datagrid如何封装吧。我希望最终是这样使用的html<table id="dg"></table>js// 定义(此时还未进行渲染)(一个选择器,一个参数配置)var datagrid = new hm.datagrid('#dg',{ rownumbers:true, columns:[[]], data:[]}原创 2016-01-12 14:42:28 · 2272 阅读 · 1 评论 -
[easyui]datagrid新增一行编辑时,给editor:'numberbox'赋初值不成功的解决办法
场景页面有一个datagrid,是通过行编辑来进行增删改查的, 有一个field的editor为numberbox需求想在新增一行的时候,让这个editor默认显示为0通常做法editor:{type:'numberbox',value:0}但是发现,点了增加之后,editor还是显示空值,起初还觉得这不应该啊,后来想到问题所在原因每次beginEdit之后,所有的editor都会从当前的row原创 2015-12-08 14:27:15 · 13867 阅读 · 1 评论 -
[easyui]封装一个dialog
我觉得以后做项目,还是首先把组件都自己封装一遍好了,这样以后想改起来也方便,哈哈。先上效果图我自己看别人博客写东西总是喜欢看最终效果图,觉得感兴趣就会继续看。html我会将所有dialog一开始都放在一个隐藏的div里,这样即使它还没初始化在页面也是不可见的,经过EasyUI初始化之后,会自动跑到body下面。<div style="display:none"> <div id="dlg-a原创 2016-01-10 15:32:29 · 1891 阅读 · 0 评论 -
[easyui]实际应用中遇到的问题
easyuiDatagrid-Filter问题描述 使用Combobox的时候,不会自动请求服务器 问题原因 查看了 datagrid-filter.js 源码,发现他只处理的textbox的keydown事件解决方案 目前是手动指定OnSelect事件,然后Datagrid(‘addFilter’) 最后再 doFilter原创 2015-12-21 15:53:11 · 683 阅读 · 0 评论 -
[easyui]单例模式封装组件,提高性能,按需使用
项目里面有个页面,包含一个tabs,共有六个tab标签,每个标签里面都有一个datagrid,除此之外,页面里面还有若干dialog。发现弊端这个页面加载非常慢,原因就是该页面会在所有组件全部渲染完成才显示,这样非常影响性能,因为有的组件完全可以在需要用的时候才去渲染。单例模式封装组件主要常用form,dialog,datagrid组件,如下简单进行封装(以datagrid举例)。 最简单的封装原创 2016-01-03 16:10:53 · 971 阅读 · 0 评论 -
[easyui]封装一个form
封装了dialog,datagrid,这个form也是必不可少啊先看怎么使用有图有真相html<!--表单内部想怎么放就怎么放,我个人习惯如下摆放--><form id="form" method="post"> <table> <tr> <td>textbox</td> <td><input name="textbox" /原创 2016-01-12 18:12:57 · 820 阅读 · 0 评论 -
easyui项目小记
项目是用easyui来的,现在遇到这样的情况。原先datagrid都是用行编辑模式进行操作的,现在要改成弹出框(dialog)来交互(因为有的表是在是列比较多,行编辑会出现水平滚动条影响交互。)总不能所有的表都去手动在HTML里写好对应的代码吧,这不是大量重复的工作么,肯定可以有办法用代码解决的。原创 2015-12-29 21:39:31 · 362 阅读 · 0 评论 -
[easyui]总结一下目前项目里遇到的小麻烦
数据字典比如我们将用户性别存入数据库,一般都是用数字来存储,比如1表示男性,2表示女性。这时候碰到这样一个需求, 一个datagrid需要支持行编辑, 然后性别这一列用combobox来做。那如何方便的在前台将数据 1 显示成对应的 ‘男’ 呢?首先要先定义好这个列{ field:'gender',title:'性别',width:80, editor:{ typ原创 2016-03-07 13:07:48 · 472 阅读 · 0 评论