jqueryeasyui
文章平均质量分 58
现役码农一个
主要是记录一些工作的总结和使用过的技术要点,相互学习
展开
-
jqueryeasyui datagrid 当返回数据为空时,设置提醒信息
搜索条件返回数据数据为0条,则自动刷新datagrid数据,变化为提示信息,表示本次搜索没有返回数据<table>标签中的data-options属性添加一个onLoadSuccess方法就行了,具体代码如下<table id="" style="width:auto;height:715px" url="" title="" toolbar="#tb"原创 2017-11-20 10:51:55 · 4860 阅读 · 0 评论 -
jqueryEasyUI TagBox获取值的方法
最近由于需求,需要用到这个控件。在编写过程中出现了几个小插曲,记录下来。下面是测试代码,引入jquery和jqueryeasyui后可以直接运行。<body> <div style="margin:20px 0;"></div> <div class="easyui-panel" style="width:100%;max-width:400...原创 2019-09-02 09:25:42 · 2866 阅读 · 0 评论 -
解决jqueryEasyUI中datagrid使用hidden属性样式错乱的问题
添加了属性hidden:true后,使用datagrid的showColumn方法重新显示。但是样式乱了。无论怎么设置width和其他样式都没有用。解决的方法:不使用hidden:true这个属性,使用hideColumn替代。在datagrid的onloadsuccess方法中将这个column隐藏。替换后问题解决。猜想是使用hidden后,渲染样式的时候没有把hidden...原创 2019-07-22 09:02:52 · 1293 阅读 · 0 评论 -
jqueryEasyUI中两个combobox加载同一个JSON数据源,其中一个不能够进行点击事件
今天项目中了这个奇怪的问题,之前没有遇到过,就到网上查了下资料,发现没有解释原因的,倒是有几个解决方案。但是我们搞开发的,光是知道结果可不行。当然牢记结论也很重要。所以我先发解决方法现在前面,原因写在后面,有兴趣的可以看一下。解决方法:1,更新项目中jqueryeasyUI的版本,项目中使用的是1.4。更新到最新版本应该可以解决(我没有测试)2,对这个JSON数据源进行如下操作...原创 2019-04-04 11:05:41 · 646 阅读 · 0 评论 -
jqueryeasyui实现动态编辑文本框Demo
在官网也有对应的demo,但是我直接写的时候,总是不成功。调试了以后才能使用现在对应的js中添加如下代码$.extend($.fn.datagrid.methods, { editCell: function (jq, param) { return jq.each(function () { var opts = $(this).data...原创 2019-02-02 17:41:09 · 1216 阅读 · 0 评论 -
jqueryEasyUI datagrid查询返回没有数据给出提醒
jQueryeasyUI中的datagrid如果加载没有数据,默认是提示,这样给用户的体验不好,可以在onLoadSuccess方法中添加一个方法。如果为空则显示一段话 // 如果没有数据,就增加提示 onLoadSuccess:function(data){ if (undefined == data.rows || null == data.rows |...原创 2019-01-20 12:16:07 · 1508 阅读 · 0 评论 -
jqueryEasyUI实现datagrid column自定义显示顺序
项目要求实现一个可以自定义的datagrid column的功能,查看了资料发现目前jqueryeasyui暂时没有这个功能。在了解需求后,自己想了方法 首先用户可以选择一些列(定义好的) 把这些列按照顺序保存起来 界面初始化的时候可以显示这里列。(按照保存的顺序)思路理清楚后,开始设计 首先新增一张表格(可以简单一点)CURD功能要有 CREA...原创 2019-01-20 12:11:13 · 1822 阅读 · 3 评论 -
jqueryeasyUI Checkbox勾选,翻页仍然有效的解决办法
项目中有需求使用jQueryeasyUI datagrid中复选框进行多条删除动作,要求翻页后勾选仍然有效,即第一页选中的数据,翻页到第二页中仍然有效。通过查看官方文档找到了demo第一点是checkbox,{field:"check", tile: "", align: "center", width:10,checkbox:true},var checkedRows = $('...原创 2018-12-11 09:41:52 · 1658 阅读 · 0 评论 -
easyui动态设置required
在项目开发过程中,有时遇到表单比较复杂的问题,比如要求某个选项选中了,后面的文本框为必填,否则为不必填写。发现使用常规的方法不能够实现这种效果。<input id="test" name="test" class="easyui-textbox" data-options="required: false">这种方法不能满足动态添加。后来到官网论坛看到一个方式。如下:...原创 2017-11-22 17:59:15 · 17983 阅读 · 5 评论 -
jqueryeasyui 事件方法onChange(),onSelect()
$('#id').combobox({ onChange:function(){ ... } onSelect:function(){ ... }}); onChange:发生变化就会触发事件,对于下拉框这类控件不适合。对input类型比较合适onSelect:发生选中事件触发方法。可以说是专门为下拉框类型或有选中事件类型的控件使用...原创 2017-11-20 10:39:55 · 18157 阅读 · 0 评论 -
jqueryeasyui 时间戳格式
在使用jqueryeasyui时,时间戳及提示信息默认的格式为英文格式,如果想切换为其他格式如中文格式,该怎么办?在jqueryeasyui的文件目录下有一个locale文件夹,下面有不同国家地区的配置文件。通过在js中引入对应的文件可以将显示格式转化为符合要求的文件使用这些配置文件后,时间戳的返回值格式也会发生变化,如果系统支持国际化,那么不同格式的时间戳可能需要进行不同的处理。否则原创 2017-11-22 17:00:47 · 327 阅读 · 0 评论 -
jqueryeasyui 遮罩层mask
在项目中执行异步请求,需要一个遮罩层提示用户,并阻止用户进行其他操作。.datagrid-mask-msg { height: 43px;}在调用方法前增加下面这段代码:$("").css({display:"block",width:"100%",height:$(window).height()}).appendTo("body");$("").html("正在更新所原创 2017-11-21 20:02:22 · 3051 阅读 · 0 评论 -
jqueryeasyui兼容IE8之前版本问题
jqueryeasyui从1.3.3起基于jquery2.0,而jquery2.0不支持IE6,7,8.如果想兼容这些版本,只能使用jqueryEasyui1.3.2版本原创 2017-11-21 19:56:33 · 1219 阅读 · 0 评论 -
jqueryeasyui datagrid column数据过长无法完全展示问题
在项目开发的时候发现有些column的数据过长,导致不能够完全展示,改变column大小整体样式会受到影响,这时我们可以通过jqueryeasyui中的formatter来改变column的展示。修改后当鼠标移到column后数据会以悬浮框的形式展示出来代码:js部分function format(val,row){if (val){return '<span title="'...原创 2017-11-20 11:45:38 · 6001 阅读 · 1 评论 -
jqueryeasyui combobox 多选设置
有时候我们开发过程中,需要使用多选框,在jqueryeasyui combobox本身默认不是多选,可以通过配置属性mulitiple:true来实现功能代码:修改为多选后,取值的方式也要发生变化$("").combobox("getValue"); 变为$("").combobox("getValues");这里需要注意,将得到的值通过console打印出来,可以检查获取原创 2017-11-20 11:16:30 · 2603 阅读 · 0 评论 -
jqueryeasyui input框变textarea
在jqueryeasyui中没有textarea这个控件,但是可以通过具体的属性配置将input的class为easyui-textbox转化为textarea multiline boolean Defines if this is a multiline textbox. 代码: <input class="easyui-textbox" data-op...原创 2017-11-20 11:12:34 · 8464 阅读 · 2 评论 -
jQueryeasyUI combobox点击下拉触发事件
今天项目组接到一个优化需求,三级联动实现反选。举例说明一下,例如本来是湖北-武汉-武昌。现在要实现选中武昌后,湖北-武汉自动带出。这个需求本来不困难。但是由于之前项目中对这块的三级联动进行了封装。导致修改很困难。虽然最终是实现了这个效果,但是自己浪费了很多事件。这里说一下中间自己的发现的一个有意思的点。三级联动:省-市-区域这个需求中有一个要求是点击"区域"下拉的时候,自动加载该下拉框。...原创 2019-09-10 15:27:06 · 5550 阅读 · 1 评论