easyui框架
Little Coder
向往美好生活的程序员
展开
-
EasyUI使用心得——中文化
由于EasyUI是个国外开发的前端框架,所以将其的提示,日期等改成中文就变得尤为重要。 只需要在html中引入它的中文js就可以实现<script type="text/javascript" src="easyui/locale/easyui-lang-zh_CN.js"></script>这样就可以实现提示的中文,以及日期的中文显示格式。原创 2017-03-24 16:57:40 · 415 阅读 · 0 评论 -
Freemarker之封装easyUI的datagrid,旨在生成快捷方便的管理列表(二)
在之前的第一篇中封装了datagrid的显示功能,在这一篇中开始封装其余剩下的add、update、search功能: 先直接上调用代码吧:<@userGrid.grid controller="/system/user/" title="用户" width="1100px" height="500px" fields="id: ,c_username:用户名,c_phone:联系原创 2017-08-16 16:56:29 · 515 阅读 · 3 评论 -
Freemarker之封装easyUI的datagrid,旨在生成快捷方便的管理列表(一)
废话不多说,先上代码: 1、grid.ftl 这个就是封装的datagrid的通用组件 自定义输入参数的介绍: controller:这个是我后台的地址(这里注意,我这里后台的地址命名是有规范的,默认添加、删除、更新、获取所有数据、根据id获取单个数据的地址分别为:add、delete、update、findById、findAll。前面的地址为/system/实体名) title:总表格原创 2017-08-05 16:58:01 · 1967 阅读 · 2 评论 -
EasyUI的icon图标的种类
所有的easyui 的图标的种类全部都在源文件的themes文件夹下面的icon.css中有定义,总共有如下:.icon-blank.icon-add.icon-edit.icon-clear.icon-remove.icon-save.icon-cut.icon-ok.icon-no.icon-cancel.icon-reload.icon-search.icon-prin原创 2017-08-12 14:55:57 · 3488 阅读 · 0 评论 -
EasyUI中通过id获取不知道具体类型表单控件的值,通过自写map实现
我在用freemarker封装自定义的datagrid时有这样的需求:我会根据表格的的列属性自动为表格生成相应的查询条件,默认为easyui-textbox类型的通过接口支持用户自定义其他的类型,例如numberbox,datebox等 这样就出现了一个问题,我在点击查询的时候程序不知道查询条件是什么类型的所以没法用("#XXX").textbox("getValue"),("#XXX").t原创 2017-08-10 11:27:55 · 1148 阅读 · 0 评论 -
EasyUI之动态修改或添加textbox等表单组件
在某个input标签上添加class=”easyui-datebox”,它就能自动变成日历,这其实是EasyUI扫描的结果,在网页加载完成后,相当于在$(document).ready()事件中,对整个网页进行了一次扫描,发现某个input标签含有class=”easyui-datebox”属性,就做上边讲到那些处理,不仅仅是EasyUI如此,几乎所有的UI都是这个原理。 因此,如果我们用什么app原创 2017-08-09 09:26:01 · 8379 阅读 · 2 评论 -
EasyUI使用心得——datagrid的查询功能和SubGrid冲突导致分页无效问题
在项目中使用easyui的datagrid也是有段时间了,easyui很方便确实,但是还是有些小问题,至少在我使用的过程中,发现的这些问题。在datagrid使用SubGrid后,我在后面添加过滤功能。$("#dg").datagrid('enableFilter');很无奈,查询是出来,但是点击下一页数据却没有去服务端获取。我将查询的代码放到SubGrid定义的前面,分页是正常了,但是查询确原创 2017-04-20 15:59:32 · 1673 阅读 · 0 评论 -
EasyUI使用心得——datagrid的条件查询,过滤
在页面初始化时加入过滤代码和过滤条件:dg.datagrid('enableFilter', [{ field:'docTypeName', type:'combobox', options:{ panelHeight:'auto',原创 2017-03-24 17:04:00 · 23479 阅读 · 1 评论 -
EasyUI使用心得——datagrid的条件查询的中文化
if($.fn.datagrid && $.fn.datagrid.defaults && $.fn.datagrid.defaults.operators ){ $.fn.datagrid.defaults.operators.nofilter.text = "无"; $.fn.datagrid.defaults.operators.原创 2017-04-01 13:23:50 · 681 阅读 · 0 评论 -
EasyUI支持属性的子属性,即(field.sonfield形式或者格式化程序形式)
网上找了一下,EasyUI本身是不支持这种方式的,但是现在这种方式还是很常见的,所以有2中方式去实现它,1是修改原代码即jquery.easyui.min.js文件,2是添加formatter函数,因为我是封装的缘故,采用第二种方式会添加很多不必要的麻烦,所以我还是采用第一种修改源代码的方式, 这里参考了:参考这篇文章; 但是,根据他的方式我一直找不到对应的修改地方,可能是因为EasyUI版本的原创 2017-08-25 14:38:33 · 442 阅读 · 0 评论