自定义方法:
(function($) { $.extend($, { //获取下标,删除时使用 getArrayIndex : function (array,value) { var index = -1; var length = array.length; for (var i = 0; i < length; i++) { if (array[i].id == value.id) { index = i; break; } } return index; } , removeValue : function (array,value){ var index = $.getArrayIndex(array,value); if(index < 0) return array; array.splice(index,1); return array; } }); })(jQuery); function checkExist(array,node){ var id = node.id; var flag = false; for(var i = 0;i<array.length; i++){ var row = array[i]; if(row.id == id){ flag = true; break; //中断循环 } } return flag; } Array.prototype.getIndexByValue= function(value) { var index = -1; for (var i = 0; i < this.length; i++) { if (this[i] == value) { index = i; break; } } return index; }; //在数组中获取指定值的元素索引 Array.prototype.removeValue= function(value) { var index = this.getIndexByValue(value); var s = this.splice(index,1); return s; } ;
String.prototype.startsWith = function (substring) { var reg = new RegExp("^" + substring); return reg.test(this); }; String.prototype.endsWith = function (substring) { var reg = new RegExp(substring + "$"); return reg.test(this); }; String.prototype.trim = function(){ var reg = /[\s\n\r]+/g; return this.replace(reg, ""); }
/** * 序列化元素,返回JSON对象 * 参数:flag 空元素是否系列化成空字符串 */ $.fn.toJson = function (flag) { var json = {}; var fields = this.serializeArray(); $.each(fields, function () { if (json[this.name]) { if (!json[this.name].push) { json[this.name] = [json[this.name]]; } if (flag || (!flag && this.value != "")) { json[this.name].push(this.value || ""); } } else { if (flag || (!flag && this.value != "")) { json[this.name] = this.value || ""; } } }); return json; };
其他优化方法:
function comboboxInit(obj,lookupType,form,defaultValue,wid){ var _obj = $('#'+obj); if('' != form && typeof form != 'undefined'){ _obj = $("#"+form).find("#"+obj); } if('' == wid || typeof wid == 'undefined'){ wid = "150"; } _obj.combobox({ required:true, width:wid, valuefield:'value', textField:'text', panelHeight:'auto', url: root + 'esbService/lookupValComBox.json?lookupType='+lookupType, editable:false, onLoadSuccess:function(){ if('' != defaultValue && typeof defaultValue != 'undefined'){ _obj.combobox('select',defaultValue); }else{ _obj.combobox('select',''); } } }); } function toggleSenior(but) { var check = false; if ($(but).attr("checked") == "checked") { check = true; } var rowHeight = 0; $(but).parents("form:first").find("tr.advancedCondiction").each( function (i, n) { rowHeight += 28; if (check) {$(n).show();} else {$(n).hide();} }); var $layout = $(but).parents(".easyui-layout:first"); var panelHeight = $layout.layout("panel", "north").panel("options").height; if (check) { panelHeight += rowHeight; } else { panelHeight -= rowHeight; } $layout.layout("panel", "north").panel("resize", {height: panelHeight}); $layout.layout("resize"); if(!check){ clearAdvanced(); } } function doSearch(form){ var $fm = $(form); var fields =$('#queryForm').serializeArray(); var params = $fm.datagrid('options').queryParams; $.each( fields, function(i, field){ params[field.name] = field.value; }); $fm.datagrid('reload'); } function resetBtn(formId){ $(formId).find("input[type='text']").each(function(){ $(this).val(""); }); $('#method').combobox('select',''); if($('#applicationId').length > 0){ $('#applicationId').combobox('select',''); } } 日期: 1、 formatter:function(val,rec){ return formattime(val); } function formattime(val) { var date = new Date(val); var tmp = trimDate(date.getFullYear()) + '-' + trimDate(date.getMonth() + 1) + '-' + trimDate(date.getDate()) + " "+trimDate(date.getHours()) + ":"+trimDate(date.getMinutes()) + ":"+trimDate(date.getSeconds()); return tmp; } function trimDate(tmp){ return parseInt(tmp) < 10 ? "0"+tmp : tmp; } 2、 /** * jackson转换JSON时格式化日期的标注 * */ public class JsonDateSerializer extends JsonSerializer<Date> { private static DateFormat dateFormat = new SimpleDateFormat( "yyyy-MM-dd HH:mm:ss"); public void serialize(Date date, JsonGenerator gen, SerializerProvider provider) throws IOException, JsonProcessingException { gen.writeString(dateFormat.format(date)); } } @Column(name = "BUILD_TIME", nullable = false) @Temporal(TemporalType.TIMESTAMP) @JsonSerialize(using=JsonDateSerializer.class, include=JsonSerialize.Inclusion.NON_NULL) protected java.util.Date buildTime;
。。
相关推荐
在“jquery-easyui-portal”项目中,可能包含了示例代码、样式文件和配置文件,通过分析这些文件,开发者可以学习如何创建和管理自定义布局。例如,`jquery-easyui-portal`文件可能包含了以下内容: - HTML文件:...
在本文中,我们将深入探讨如何在EasyUI的DataGrid中创建自定义编辑器,特别是`colorpickerEditor`,用于在行内编辑时选择颜色。EasyUI是一个基于jQuery的UI库,它提供了丰富的组件,如DataGrid,使得网页开发更加...
《jQuery EasyUI自定义样式深度解析》 在Web开发领域,jQuery EasyUI是一个广泛使用的JavaScript框架,它基于jQuery,提供了一系列轻量级、易于使用的组件,帮助开发者快速构建功能丰富的用户界面。本篇文章将深入...
### easyui自定义显示列详解 #### 一、概述 在使用EasyUI框架进行Web开发时,经常会遇到需要根据用户需求动态调整数据表格(DataGrid)显示列的情况。例如,在某些场景下,用户可能希望隐藏某些列以节省空间或者...
<script type="text/javascript" src="jquery.easyui.min.js"> <!-- 可能还有其他相关插件或自定义脚本 --> ``` 为了响应用户的过滤操作,我们需要监听 `onFilter` 事件,并根据用户选择的过滤条件更新 DataGrid 的...
通过上述介绍,我们了解了jQuery EasyUI中的SwitchButton组件如何使用和自定义。这个组件简洁易用,极大地简化了二选一交互设计的工作,提高了开发效率。在实际项目中,可以根据需求灵活配置和扩展,以满足各种不同...
【EasyUI项目实战】 ...使用 EasyUI 时,我们需要将 CSS 样式文件、JavaScript 库文件以及自定义的 JavaScript 文件引入到 HTML 页面中。例如,对于 EasyUI 1.4.3 版本,我们可以引入如下资源: ```html ...
1. **基本结构**:项目的HTML文件通常会包含EasyUI的基本库和组件引用,如`<link>`标签引入CSS样式,`<script>`标签引入jQuery和EasyUI的JS库。 2. **组件使用**:例如,使用`<div class="easyui-panel">`创建一个...
对于开发者来说,理解这两个框架的基本用法和交互机制,以及如何在项目中整合和自定义它们,是掌握这个项目的关键。同时,"natureSoil"部分可能需要具备一定的领域知识,以便更好地理解和优化相关功能。
在IT行业中,构建用户友好的界面是至关重要的,这正是`EasyUI-Portal`组件发挥作用的地方。`EasyUI-Portal`是一个基于JavaScript和CSS的...掌握并运用好`EasyUI-Portal`,可以帮助我们在IT项目中创造出更佳的用户体验。
本文将详细解析在EasyUI 1.4.1版本中,遇到小数点输入时“.”无法输入的问题,以及如何通过`jquery.easyui.patch.js`这个补丁文件来解决这一问题。 首先,我们需要理解EasyUI的表单验证机制。EasyUI的表单组件,如`...
在给定的“easyUI 鼠标悬停 扩展js”主题中,我们将探讨如何利用JavaScript和EasyUI库来增强datagrid组件的鼠标悬停功能。 首先,`datagrid`是EasyUI中的一个核心组件,用于展示结构化的数据,通常用于表格形式的...
本文将详细介绍如何解决EasyUI Datagrid中的中文排序问题,并分别从前端和后端两个角度给出具体的实现方案。 #### 二、EasyUI Datagrid简介 EasyUI 是一个基于 jQuery 的简单而强大的 UI 库,它提供了大量的用户...
在实际开发中,EasyUI的组件往往需要配合SSH框架中的拦截器、模型驱动等机制进行深度定制,以满足项目的特定需求。同时,EasyUI还支持自定义主题,可以轻松调整UI风格以适应企业的品牌形象。 【压缩包子文件的文件...
在本压缩包中,`jquery.easyui.all.js` 包含了所有EasyUI组件的未压缩源代码,而`jquery.easyui.min.js`是这些组件的压缩版本,适用于生产环境以优化加载速度。 2. **jQuery**:`jquery.min.js` 是jQuery库的最小化...
2. **示例项目**:这些项目可能展示了 EasyUI 的各种组件和功能的使用,如对话框、表单、树形视图、网格、菜单等,帮助开发者了解如何在实际应用中集成和自定义 EasyUI。 3. **文档**:完整的 EasyUI 文档可能包括 ...
在HTML文件中,首先需要引入jQuery库和EasyUI的CSS及JS文件: ```html <!DOCTYPE html> <title>jQuery EasyUI 示例 <link rel="stylesheet" type="text/css" href="jquery-easyui-EDT-1.4.5-build1/themes/...
EasyUI InsdepTheme是一款基于EasyUI的皮肤美化版本,它为开发者提供了更加美观且自定义的界面风格。EasyUI是一个轻量级的JavaScript框架,主要用于构建Web应用的用户界面,它基于jQuery,提供了丰富的组件和易用的...
在"easyui使用的js文件"这个主题下,我们将深入探讨EasyUI的核心JavaScript文件及其功能,以及如何在实际项目中应用它们。 1. **jQuery EasyUI 主要组件** - **dialog**:对话框组件,用于弹出信息或者进行交互...
这个压缩包“easyUI所需js及css”包含了实现EasyUI功能所必需的JavaScript库和CSS样式表。 首先,我们要了解EasyUI的核心概念。EasyUI提供了一套完整的组件,包括数据网格(datagrid)、下拉树(combotree)、...