前端工具类集合，整合easyUI和extjs相关方法

2024-05-26 13:38
文章标签 工具 方法 整合 前端 相关 frontend 集合 extjs easyui

本文主要是介绍前端工具类集合，整合easyUI和extjs相关方法，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

var common={
    loadMsgText:'正在加载数据...',
    basePath:''
     
};
//设置input组件宽度和父td宽度一样
common.setInput100Percent=function(id){
    var curInput$=$("#"+id);
    if(curInput$){
        curInput$.css("width",(curInput$.parent().width())+"px");
    }
}
//设置数字类型控件100展示
common.setNumberInput100Percent=function(id){
    var curInput$=$("#"+id);
    if(curInput$){
        curInput$.numberbox({
            width:(curInput$.parent().width()),
            height:35,
            border:false
        });
    }
    
}
//设置日期控件100%显示高度30
common.setDateInput100Percent=function(id){
    var curInput$=$("#"+id);
    if(curInput$){
        curInput$.datebox({
            width:(curInput$.parent().width()),
            height:35
        });
    }
}
//设置日期控件100%显示
common.setDateInput100Percent2=function(id){
    var curInput$=$("#"+id);
    if(curInput$){
        curInput$.datebox({
            width:(curInput$.parent().width())
        });
    }
}
//设置下拉框100%显示
common.setCombobox100Percent=function(id,height){
    var curInput$=$("#"+id);
    if(!height){
        height=35;
    }
    if(curInput$){
        if(height){
            curInput$.combobox({
                width:(curInput$.parent().width()),
                height:height
            });
        }else{
            curInput$.combobox({
                width:(curInput$.parent().width())
            });
        }
        
    }
}
common.setComTree100Percent=function(id,height){
    var curInput$=$("#"+id);
    if(!height){
        height=35;
    }
    if(curInput$){
        if(height){
            curInput$.combotree({
                width:(curInput$.parent().width()),
                height:height
            });
        }else{
            curInput$.combotree({
                width:(curInput$.parent().width())
            });
        }
        
    }
}
//判断普通文本控件是否为空 是true,否false (有值)
common.isNullOrEmpty=function(id){
    if($("#"+id)){
        if($("#"+id).val()){
            return false;
        }
    }
    return true;
}
//判断下拉框选择值是否为空是true 否false
//id（组件id）
common.isComboxNullOrEmpty=function(id){
    if($("#"+id)){
        if($("#"+id).combobox('getValue')){
        return false;
        }
    }
    return true;
}
//弹出框
common.alert=function(messageStr){
    $.messager.alert('提示',messageStr); 
}
//提示框 可执行方法
common.alertFun=function(messageStr,fun){
    $.messager.alert('提示',messageStr,null,function(){
        fun();
    });   
}
//进度条
common.progress=function(messageStr){
    $.messager.progress({title:'提示',msg:messageStr});
}
common.progressClose=function(){
    $.messager.progress('close');
}
//左下角弹出框默认两秒
common.showAlert=function(messageStr,second){
    if(!second){
        second=2000;
    }
     $.messager.show({
        title:'提示',
        msg:messageStr,
        timeout:second,
        showType:'slide'
    });
}
//给数字类型控件赋值
common.setNumberInputValue=function(id,data){
    var c_data="";
    if(data&&(data[id]||data[id]==0)){
        c_data=data[id];
    }
    if($("#"+id)){
        $("#"+id).numberbox('setValue',c_data);
    }
}
common.setNumberInputValue2=function(id,data){
    var c_data="";
    if(data){
        c_data=data;
    }
    if($("#"+id)){
        $("#"+id).numberbox('setValue',c_data);
    }
}
//给控件赋值
common.setInputValue=function(id,data){
    var c_data="";
    if(data&&data[id]){
        c_data=data[id];
    }
    if($("#"+id)){
        $("#"+id).val(c_data);
    }
}
common.setInputValue2=function(id,data){
    var c_data="";
    if(data ){
        c_data=data;
    }
    if($("#"+id)){
        $("#"+id).val(c_data);
    }
}
//给下拉控件赋值
// id（控件id）data(对象)
common.setComboxValue=function(id,data){
    var c_data="";
    if(data&&data[id]){
        c_data=data[id];
    }
    if($("#"+id)){
        $("#"+id).combobox('setValue',c_data);
    }
}
//给下拉框树赋值
common.setComtreeValue=function(id,data){
    var c_data="";
    if(data&&data[id]){
        c_data=data[id];
    }
    if($("#"+id)){
        $("#"+id).combotree('setValue',c_data);
    }
}
//给日期控件赋值
// id（控件id）data(对象)
common.setDateValue=function(id,data){
    var c_data="";
    if(data&&data[id]){
        c_data=DateUtil.dateToStr("yyyy-MM-dd",new Date(data[id]));
    }
    if($("#"+id)){
        $("#"+id).datebox('setValue',c_data);
    }
}
//给日期控件赋值 id(控件id) dateStr(格式2015-07-16)
common.setDateValue2=function(id,dateStr){
    var c_data="";
    if(dateStr){
        c_data=dateStr;
    }
    if($("#"+id)){
        $("#"+id).datebox('setValue',c_data);
    }
}
//设置下拉框本地数据
common.setLocalDicData=function(zjId,data){
    var $curZj=$("#"+zjId)
    if($curZj){
        $curZj.combobox({
        data:data,
        valueField:'sd_keyno',
        textField:'sd_value'
    });
    }
}
字典相关
//type=static 获取缓存数据
common.getDicData=function(id,type,other){
    var sData=$.ajax({
        url:common.getRootPath()+'/lpb/Bdcxmgl_getDicList.action',
        async:false,
        cache:false,
        data:{id:id,other:other,type:type}
    }).responseText;
    
    sData= eval(sData);
    return sData;
}
//字典异步
//主要用于一个页面初始化多个下拉组件
common.getDicDataSynFun=function(id,fun,type,other){
    $.ajax({
        url:common.getRootPath()+'/lpb/Bdcxmgl_getDicList.action',
        cache:false,
        data:{id:id,other:other,type:type},
        dataType:'json',
        success:function(data){
            fun(data);
        }
    });
}
//获取字典值异步
//字典id,other(其它条件),zjId(组件id)
common.getDicDataSyn=function(zjId,id,other){
    var sData=$.ajax({
        url:common.getRootPath()+'/lpb/Bdcxmgl_getDicList.action',
        async:true,
        cache:false,
        dataType:'json',
        data:{id:id,other:other,type:'static'},
        success:function(data){
            var $curZj=$("#"+zjId)
            if($curZj){
                $curZj.combobox({
                data:data,
                valueField:'sd_keyno',
                textField:'sd_value'
            });
            }
        }
    });
}
common.getDicDataFwyt=function(){
    var sData=$.ajax({
        url:common.basePath+'/lpb/Bdcxmdz_getFwytJSON.action',
        async:false,
        cache:false
    }).responseText;
    
    sData= eval(sData);
    return sData;
}
//获取路径
common.getRootPath=function(){
    var curWWWpath=window.document.location.href;
    var pathName=window.document.location.pathname;
    var pos=curWWWpath.indexOf(pathName);
    var localhostPath=curWWWpath.substring(0,pos);
    var projectName=pathName.substring(0,pathName.substr(1).indexOf('/')+1);
    return (localhostPath+projectName);
}
common.basePath=common.getRootPath();
//根据value获取控件值
common.getTextByValue=function(id,value){
    var cData=common.getDicData(id);
    var cTextStr="";
    for(var i=0,len=cData.length;i<len;i++){
        if(value==cData[i].sd_keyno){
            cTextStr=cData[i].sd_value;
            break;
        }
    }
    return cTextStr;
}
//cData 字典数据value 值
common.getTextByValue2=function(cData,value){
    var cTextStr="";
    for(var i=0,len=cData.length;i<len;i++){
        if(value==cData[i].sd_keyno){
            cTextStr=cData[i].sd_value;
            break;
        }
    }
    return cTextStr;
}
//获取url参数
common.getUrlParam=function(name) {
     var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)"); //构造一个含有目标参数的正则表达式对象
     var r = window.location.search.substr(1).match(reg);  //匹配目标参数
     if (r != null) return unescape(r[2]); return null; //返回参数值
}
//判断是否为正确的日期
common.isRightDate=function(id){
    var cdate=$("#"+id);
    if(cdate){
        var cDateValue=cdate.datebox('getValue');
        if(DateUtil.isDate(cDateValue,'yyyy-MM-dd')){
            return true
        }
    }
    return false;
}
//用ext打开页面
common.openForm=function(obj){
    var win=new parent.top.Ext.Window({
        title:obj.title,
        id:obj.id,
        width:obj.width,
        height:obj.height,
        modal: true,
        layout: 'fit',
        html: '<iframe   src="'+obj.url+'" style="width:100%;height:100%; border:0px;"></iframe>'
    });
    win.show();
}
//关闭Ext window
common.closeForm=function(id){
    debugger
    var curForm=parent.top.Ext.getCmp(id);
    if(null!=curForm){
        try{
            curForm.close();
        }catch(e){
            alert(e);
        }
    }
}
//获取上级页面。
common.getTopDocument=function(){
    var topWin=parent.top.$("#mainiframe");
    if(topWin&&topWin.length>0){
        var topDocument=topWin[0].contentWindow;
        return topDocument;
    }else{
        return parent;
    }
}
//格式化户号自然幢号
common.formaterHH=function(value){
     if(value.length==1){
        return '000'+value
     }else if(value.length==2){
        return '00'+value
    }else if(value.length==3){
        return '0'+value;
    }
    if(value.length>4){
        return value.substring(0,4);
    }
    
    return value;
}

这篇关于前端工具类集合，整合easyUI和extjs相关方法的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！


http://www.chinasem.cn/article/1004618。

相关文章

问题：第一次世界大战的起止时间是 #其他#学习方法#微信

问题：第一次世界大战的起止时间是 #其他#学习方法#微信

问题：第一次世界大战的起止时间是 A.1913 ~1918 年 B.1913 ~1918 年 C.1914 ~1918 年 D.1914 ~1919 年 参考答案如图所示
阅读更多...
揭秘未来艺术：AI绘画工具全面介绍

揭秘未来艺术：AI绘画工具全面介绍

📑前言 随着科技的飞速发展，人工智能（AI）已经逐渐渗透到我们生活的方方面面。在艺术创作领域，AI技术同样展现出了其独特的魅力。今天，我们就来一起探索这个神秘而引人入胜的领域，深入了解AI绘画工具的奥秘及其为艺术创作带来的革命性变革。 一、AI绘画工具的崛起 1.1 颠覆传统绘画模式 在过去，绘画是艺术家们通过手中的画笔，蘸取颜料，在画布上自由挥洒的创造性过程。然而，随着AI绘画工
阅读更多...
墨刀原型工具-小白入门篇

墨刀原型工具-小白入门篇

墨刀原型工具-小白入门篇 简介 随着互联网的发展和用户体验的重要性越来越受到重视，原型设计逐渐成为了产品设计中的重要环节。墨刀作为一款原型设计工具，以其简洁、易用的特点，受到了很多设计师的喜爱。本文将介绍墨刀原型工具的基本使用方法，以帮助小白快速上手。 第一章：认识墨刀原型工具 1.1 什么是墨刀原型工具 墨刀是一款基于Web的原型设计工具，可以帮助设计师快速创建交互原型，并且可以与团队
阅读更多...
[word] word设置上标快捷键 #学习方法#其他#媒体

[word] word设置上标快捷键 #学习方法#其他#媒体

word设置上标快捷键 办公中，少不了使用word，这个是大家必备的软件，今天给大家分享word设置上标快捷键，希望在办公中能帮到您！ 1、添加上标 在录入一些公式，或者是化学产品时，需要添加上标内容，按下快捷键Ctrl+shift++就能将需要的内容设置为上标符号。 word设置上标快捷键的方法就是以上内容了，需要的小伙伴都可以试一试呢！
阅读更多...
RecastNavigation之Poly相关类

RecastNavigation之Poly相关类

Poly分成正常的Poly 和 OffMeshPoly。 正常的Poly 又分成 原始的Poly 和 Detail化的Poly，本文介绍这两种。 Poly的边分成三种类型： 1. 正常边：有tile内部的poly与之相邻 2.border边：没有poly与之相邻 3.Portal边：与之相邻的是外部tile的poly   由firstLink索引 得到第一个连接的Poly  通
阅读更多...
大学湖北中医药大学法医学试题及答案，分享几个实用搜题和学习工具 #微信#学习方法#职场发展

大学湖北中医药大学法医学试题及答案，分享几个实用搜题和学习工具 #微信#学习方法#职场发展

今天分享拥有拍照搜题、文字搜题、语音搜题、多重搜题等搜题模式，可以快速查找问题解析，加深对题目答案的理解。 1.快练题 这是一个网站 找题的网站海量题库,在线搜题,快速刷题~为您提供百万优质题库,直接搜索题库名称,支持多种刷题模式:顺序练习、语音听题、本地搜题、顺序阅读、模拟考试、组卷考试、赶快下载吧! 2.彩虹搜题 这是个老公众号了 支持手写输入，截图搜题，详细步骤，解题必备
阅读更多...
电脑不小心删除的文件怎么恢复？4个必备恢复方法！

电脑不小心删除的文件怎么恢复？4个必备恢复方法！

“刚刚在对电脑里的某些垃圾文件进行清理时，我一不小心误删了比较重要的数据。这些误删的数据还有机会恢复吗？希望大家帮帮我，非常感谢！” 在这个数字化飞速发展的时代，电脑早已成为我们日常生活和工作中不可或缺的一部分。然而，就像生活中的小插曲一样，有时我们可能会在不经意间犯下一些小错误，比如不小心删除了重要的文件。 当那份文件消失在眼前，仿佛被时间吞噬，我们不禁会心生焦虑。但别担心，就像每个问题
阅读更多...
vue, 左右布局宽，可拖动改变

vue, 左右布局宽，可拖动改变

1：建立一个draggableMixin.js  混入的方式使用 2：代码如下draggableMixin.js  export default {data() {return {leftWidth: 330,isDragging: false,startX: 0,startWidth: 0,};},methods: {startDragging(e) {this.isDragging = tr
阅读更多...
Windows/macOS/Linux 安装 Redis 和 Redis Desktop Manager 可视化工具

Windows/macOS/Linux 安装 Redis 和 Redis Desktop Manager 可视化工具

本文所有安装都在macOS High Sierra 10.13.4进行，Windows安装相对容易些，Linux安装与macOS类似，文中会做区分讲解 1. Redis安装 1.下载Redis https://redis.io/download 把下载的源码更名为redis-4.0.9-source，我喜欢跟maven、Tomcat放在一起，就放到/Users/zhan/Documents
阅读更多...
vue项目集成CanvasEditor实现Word在线编辑器

vue项目集成CanvasEditor实现Word在线编辑器

CanvasEditor实现Word在线编辑器 官网文档：https://hufe.club/canvas-editor-docs/guide/schema.html 源码地址：https://github.com/Hufe921/canvas-editor 前提声明： 由于CanvasEditor目前不支持vue、react 等框架开箱即用版，所以需要我们去Git下载源码，拿到其中两个主
阅读更多...

Copyright China编程 23002807@qq.com

沪ICP备2023033072号-2