`
uule
  • 浏览: 6352170 次
  • 性别: Icon_minigender_1
  • 来自: 一片神奇的土地
社区版块
存档分类
最新评论

EasyUI项目中的自定义JS

 
阅读更多

自定义方法:

(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”项目中,可能包含了示例代码、样式文件和配置文件,通过分析这些文件,开发者可以学习如何创建和管理自定义布局。例如,`jquery-easyui-portal`文件可能包含了以下内容: - HTML文件:...

    easyui datagrid 自定义编辑器 colorpickerEditor

    在本文中,我们将深入探讨如何在EasyUI的DataGrid中创建自定义编辑器,特别是`colorpickerEditor`,用于在行内编辑时选择颜色。EasyUI是一个基于jQuery的UI库,它提供了丰富的组件,如DataGrid,使得网页开发更加...

    jquery-easyui自定义样式

    《jQuery EasyUI自定义样式深度解析》 在Web开发领域,jQuery EasyUI是一个广泛使用的JavaScript框架,它基于jQuery,提供了一系列轻量级、易于使用的组件,帮助开发者快速构建功能丰富的用户界面。本篇文章将深入...

    easyui 自定义显示列

    ### easyui自定义显示列详解 #### 一、概述 在使用EasyUI框架进行Web开发时,经常会遇到需要根据用户需求动态调整数据表格(DataGrid)显示列的情况。例如,在某些场景下,用户可能希望隐藏某些列以节省空间或者...

    EasyUI DataGrid过滤用法实例

    &lt;script type="text/javascript" src="jquery.easyui.min.js"&gt; &lt;!-- 可能还有其他相关插件或自定义脚本 --&gt; ``` 为了响应用户的过滤操作,我们需要监听 `onFilter` 事件,并根据用户选择的过滤条件更新 DataGrid 的...

    Jquery_easyui_switchbutton【案例】

    通过上述介绍,我们了解了jQuery EasyUI中的SwitchButton组件如何使用和自定义。这个组件简洁易用,极大地简化了二选一交互设计的工作,提高了开发效率。在实际项目中,可以根据需求灵活配置和扩展,以满足各种不同...

    easyui项目实战

    【EasyUI项目实战】 ...使用 EasyUI 时,我们需要将 CSS 样式文件、JavaScript 库文件以及自定义的 JavaScript 文件引入到 HTML 页面中。例如,对于 EasyUI 1.4.3 版本,我们可以引入如下资源: ```html ...

    jquery easyui实际项目

    1. **基本结构**:项目的HTML文件通常会包含EasyUI的基本库和组件引用,如`&lt;link&gt;`标签引入CSS样式,`&lt;script&gt;`标签引入jQuery和EasyUI的JS库。 2. **组件使用**:例如,使用`&lt;div class="easyui-panel"&gt;`创建一个...

    easyUI项目

    对于开发者来说,理解这两个框架的基本用法和交互机制,以及如何在项目中整合和自定义它们,是掌握这个项目的关键。同时,"natureSoil"部分可能需要具备一定的领域知识,以便更好地理解和优化相关功能。

    可拖拽布局组件easyui-portal

    在IT行业中,构建用户友好的界面是至关重要的,这正是`EasyUI-Portal`组件发挥作用的地方。`EasyUI-Portal`是一个基于JavaScript和CSS的...掌握并运用好`EasyUI-Portal`,可以帮助我们在IT项目中创造出更佳的用户体验。

    jquery.easyui.patch.js

    本文将详细解析在EasyUI 1.4.1版本中,遇到小数点输入时“.”无法输入的问题,以及如何通过`jquery.easyui.patch.js`这个补丁文件来解决这一问题。 首先,我们需要理解EasyUI的表单验证机制。EasyUI的表单组件,如`...

    easyUI 鼠标悬停 扩展js

    在给定的“easyUI 鼠标悬停 扩展js”主题中,我们将探讨如何利用JavaScript和EasyUI库来增强datagrid组件的鼠标悬停功能。 首先,`datagrid`是EasyUI中的一个核心组件,用于展示结构化的数据,通常用于表格形式的...

    EasyUI Datagrid 中文排序的问题

    本文将详细介绍如何解决EasyUI Datagrid中的中文排序问题,并分别从前端和后端两个角度给出具体的实现方案。 #### 二、EasyUI Datagrid简介 EasyUI 是一个基于 jQuery 的简单而强大的 UI 库,它提供了大量的用户...

    毕业设计 easyui项目

    在实际开发中,EasyUI的组件往往需要配合SSH框架中的拦截器、模型驱动等机制进行深度定制,以满足项目的特定需求。同时,EasyUI还支持自定义主题,可以轻松调整UI风格以适应企业的品牌形象。 【压缩包子文件的文件...

    EasyUI 完整源代码 1.5.0

    在本压缩包中,`jquery.easyui.all.js` 包含了所有EasyUI组件的未压缩源代码,而`jquery.easyui.min.js`是这些组件的压缩版本,适用于生产环境以优化加载速度。 2. **jQuery**:`jquery.min.js` 是jQuery库的最小化...

    easyUI最新完整项目及资料

    2. **示例项目**:这些项目可能展示了 EasyUI 的各种组件和功能的使用,如对话框、表单、树形视图、网格、菜单等,帮助开发者了解如何在实际应用中集成和自定义 EasyUI。 3. **文档**:完整的 EasyUI 文档可能包括 ...

    jquery-Easyui引用与例子

    在HTML文件中,首先需要引入jQuery库和EasyUI的CSS及JS文件: ```html &lt;!DOCTYPE html&gt; &lt;title&gt;jQuery EasyUI 示例 &lt;link rel="stylesheet" type="text/css" href="jquery-easyui-EDT-1.4.5-build1/themes/...

    EasyUI InsdepTheme EasyUI的皮肤美化 免费版

    EasyUI InsdepTheme是一款基于EasyUI的皮肤美化版本,它为开发者提供了更加美观且自定义的界面风格。EasyUI是一个轻量级的JavaScript框架,主要用于构建Web应用的用户界面,它基于jQuery,提供了丰富的组件和易用的...

    easyui使用的js文件

    在"easyui使用的js文件"这个主题下,我们将深入探讨EasyUI的核心JavaScript文件及其功能,以及如何在实际项目中应用它们。 1. **jQuery EasyUI 主要组件** - **dialog**:对话框组件,用于弹出信息或者进行交互...

    easyUI所需js及css

    这个压缩包“easyUI所需js及css”包含了实现EasyUI功能所必需的JavaScript库和CSS样式表。 首先,我们要了解EasyUI的核心概念。EasyUI提供了一套完整的组件,包括数据网格(datagrid)、下拉树(combotree)、...

Global site tag (gtag.js) - Google Analytics