随笔分类 -  EasyUI

easyui datagrid的行编辑器editor 如何实现新增时可修改，编辑时，不可修改
摘要：项目出现一个需求，要求用户界面的用户名，新增时，可自由输入，编辑时，不可修改 html页面 原先编辑方法 新的编辑方法 页面效果 1）新增时 2）编辑时 总结：使用 datagrid的removeEditor方法，指定对应列名，如语法： $('#gridlist').datagrid('remove 阅读全文
posted @ 2019-09-29 18:15 小小邪 阅读(3002) 评论(0) 推荐(0)
easyui datagrid的editor编辑器如何为validatebox控件添加改变事件
摘要：项目中需要为行编辑器Editor的某个列的文本框添加改变事件 需求：新增行时，为用户名输入特殊字符进行验证，不允许保存用户数据 html页面 js代码： 页面效果： 总结： 使用easyui的datagrid的OnAfterCreateEditor事件，通过 editors["UserCode"]. 阅读全文
posted @ 2019-09-29 18:03 小小邪 阅读(1883) 评论(0) 推荐(0)
easyui 如何为datagrid添加自定义列属性（如：width,align,editor）
摘要：我在实际业务需要为datagrid添加一个自定义属性 原先的datagrid列属性包括；title、width、align、formattter、editor等 我们可以通过datagrid的一个方法，获取grid的列属性 我们可以输出grid的本身属性值 那么如果我们要在grid添加一个自定义的列 阅读全文
posted @ 2019-06-24 21:00 小小邪 阅读(3964) 评论(0) 推荐(0)
easyui datagrid怎么动态获取表头的列名及显示名称
摘要：说明：目前使用easyui combobox多选属性，绑定的数据源是来自datagrid的表头的列名及显示名称 处理方法： 最后返回处理结果 页面上调用： 调用加载js方法： 页面效果如下： 参考网址： https://www.oschina.net/question/1993919_166055 阅读全文
posted @ 2019-05-14 19:23 小小邪 阅读(6372) 评论(0) 推荐(0)
easyui datebox时间控件如何只显示年月
摘要：easyui datebox控件，只显示年月，不显示年月日 需要的效果图如下： 具体的js代码： html页面 需引入文件： 其中遇到问题： 1）汉化和格式 需引入文件，easyui-lang-zh_CN.js，放在easyui.min.js后面 2）显示乱码问题 这是编码问题导致的，将原先的gb2 阅读全文
posted @ 2018-11-12 10:52 小小邪 阅读(9116) 评论(1) 推荐(3)
easyui 如何为标签动态追加属性实现渲染效果
摘要：简述一下在项目遇到的问题，这边有一个需求，选择不同类型，加载不同的div标签（其中属性是否必填是区分类型的关键） html界面是这样的 在选择规则类型时，动态隐藏显示divc层，当显示div层时，为div下的每个标签添加必填属性；反之，移除对应标签的必填属性 js方法 注意：原先考虑用jquery的 阅读全文
posted @ 2018-11-07 10:53 小小邪 阅读(2854) 评论(0) 推荐(1)
easyui中如何为validatebox添加事件（onblur、onclick等）
摘要：在我们一般html的input标签，textbox事件可以直接使用onblur()、onclick()事件，但是在easyui的validatebox没有onblur事件， 如果我们需要为validatebox添加一个失去焦点事件，该怎么做呢？ 1、html中textbox的失去焦点事件 在easy 阅读全文
posted @ 2018-03-26 19:05 小小邪 阅读(3897) 评论(0) 推荐(0)
Easyui的datagrid的行编辑器Editor中添加事件（修改某个单元格带出其他单元格的值）
摘要：项目中有个datagrid需要编辑行时，用到Editor的属性，那么如何添加一个事件 问题：同一个编辑行中的某个单元格值改变时，修改其他单元格的值 页面用到的datagrid 如上所示，我编辑行时，只要修改检查项和检查结果两个列，是检查项结果值改变，带出检查状态 js中如何实现 图片实例： 实现原理 阅读全文
posted @ 2017-12-11 14:35 小小邪 阅读(16830) 评论(0) 推荐(0)
Easyui的datagrid的editor(行编辑器)如何扩展datetimebox类型
摘要：在easyui的datagrid扩展方法中添加这样的时间日期（datetimebox）代码块 放在 $.extend($.fn.datagrid.defaults.editors,{datetimebox...}方法下 我是在label下加，找到这方法，在原先扩展下面追加一个datetimebox 阅读全文
posted @ 2017-12-06 20:16 小小邪 阅读(5750) 评论(0) 推荐(0)
easyui数据网格视图（Datagrid View）的简单应用
摘要：下面介绍datagrid的数据网格详细视图和数据网格的分组视图 1、先引用的js和css文件 1）包含eauyui必备的四个文件easyui.css，icon.css, jquery-min.js、jquery-easyui.min.js 和详细视图需要的detailview.js 和 分组视图gr 阅读全文
posted @ 2016-04-06 14:18 小小邪 阅读(2217) 评论(0) 推荐(0)
datagrid动态数据添加超链接的方法
摘要：首先，我我们要有一个json格式的datagrid_data.json文件,如下： 其次，在body下有个数据表格，引入json <table class="easyui-datagrid" style="width:400px;height:250px" data-options="url:'da 阅读全文
posted @ 2016-04-01 11:22 小小邪 阅读(2227) 评论(0) 推荐(0)
EasyUI中Base(基础)的基本用法
摘要：EasyUI中Base（基础）的用法 一、Base（基础） 1、parser 解析器 2、easyloader 简单加载 3、draggable 拖动 4、droppable 放置 5、resizable 调整大小 6、pagination 分页 7、searchbox 搜索框 8、progress 阅读全文
posted @ 2016-02-14 17:44 小小邪 阅读(597) 评论(0) 推荐(0)
使用EasyUI的插件前需要引入的文件
摘要：一、使用EasyUI的插件需要引入一些文件 1、引入相关文件 easyui.css： easyUi的样式文件 icon.css：easyUI的图标样式文件 easyui.min.js：easyUi的类库文件 jquery.easyui.min.js：easyUi的样式文件 2、简单使用easyUI中 阅读全文
posted @ 2016-02-14 10:53 小小邪 阅读(1146) 评论(0) 推荐(0)