`
uule
  • 浏览: 6358198 次
  • 性别: 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使用的js文件

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

    EasyUI InsdepTheme EasyUI的皮肤美化 免费版

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

    easyui利用tooltip实现title功能

    而EasyUI中的tooltip组件则提供了更多的自定义选项,包括位置、样式、动画效果等,这使得开发者可以根据具体需求对提示信息的展示方式进行更细致的控制,从而提升用户体验。 #### 二、实现过程详解 在给定的部分...

Global site tag (gtag.js) - Google Analytics