easyui

Easyui DataGrid 合并单元格

雨燕双飞 提交于 2021-02-13 05:24:38
//调用 onLoadSuccess: compute, function compute() {//计算函数 autoMergeCells("Datagrid_Person_Management", ['JSON_TotalMoney','JSON_OrderNumber', 'JSON_CompanyName','JSON_ProjectName'], "JSON_Identifier"); //三个参数分别为:表格id,要合并字段的数组,判断字段(不一样则不合并) } //自动合并单元格 function autoMergeCells(table_id, field_arr, judge) { var rows = $("#" + table_id).datagrid("getRows"); if (NULL(field_arr) || NULL(rows)) { return; } for (var i = 1; i < rows.length; i++) { for (var k = 0; k < field_arr.length; k++) { var field = field_arr[k]; //要排序的字段 if (rows[i][field] == rows[i - 1][field]) { //相邻的上下两行 if (NOTNULL(judge)) { if

Table表头与数据列对齐问题解决方案

跟風遠走 提交于 2021-02-10 18:34:52
  产品要求是一个页面要显示几千条数据,表格的表头固定,而内容在超出table的高度后,还能自由滚动。   公司前端框架采用easyui,而用easyui展示几千条数据的话,耗时需要在几秒钟,所以我就自己写了一个table,展示如下。 大部分朋友如果遇到这种情况的话,那么首先会想到做两个table,表头一个,数据体一个。我的写法是只有一个table。 (需要注意的是最后一列一定不要设置宽度,如果设置的话整体会往右移动,会导致表头与数据对不齐的情况)。 如下代码是我写的一个demo,动态绑定数据。 代码如下: < html > < head > < meta http-equiv ="Content-Type" content ="text/html; charset=utf-8" > < style > table tbody { display : block ; height : 500px ; overflow-y : scroll ; } table thead, tbody tr { display : table ; width : 100% ; table-layout : fixed ; } table thead { width : calc( 100% - 1em ) ; background : #e9f5f7 ; } table { border-width

SpringBoot加Poi仿照EasyPoi实现Excel导出

浪子不回头ぞ 提交于 2021-02-10 08:02:30
POI提供API给Java程序对Microsoft Office格式档案读和写的功能,详细功能可以直接查阅API,因为使用EasyPoi过程中总是缺少依赖,没有搞明白到底是什么坑,索性自己写一个简单工具类,来实现无论传入任何对象集合,都能够实现导出Excel的功能,没有看EasyPoi的源码, 只是在功能上模仿一下。 首先导入基本依赖,除了SpringBoot基本依赖依赖,导入Poi的依赖 <!-- https: // mvnrepository.com/artifact/org.apache.poi/poi --> <dependency> <groupId>org.apache.poi</groupId> <artifactId>poi</artifactId> <version> 3.17 </version> </dependency> <!-- https: // mvnrepository.com/artifact/org.apache.poi/poi-ooxml --> <dependency> <groupId>org.apache.poi</groupId> <artifactId>poi-ooxml</artifactId> <version> 3.17 </version> </dependency> 编写自定义注解 @Retention

jQuery EasyUI 详解

喜夏-厌秋 提交于 2021-02-05 09:57:02
EasyUI 简介 easyui 是一种基于 jQuery 的用户界面插件集合。 easyui 为创建现代化,互动,JavaScript 应用程序,提供必要的功能。 使用 easyui 你不需要写很多代码,你只需要通过编写一些简单 HTML 标记,就可以定义用户界面。 easyui 是个完美支持 HTML5 网页的完整框架。 easyui 节省您网页开发的时间和规模。 easyui 很简单但功能强大的。 官网地址: http://www.jeasyui.com/index.php 文档地址: 中文文档 英文文档 快速入门 弹出对话框 demo 第一步: 下载 Jquery EasyUI 你在使用和进行开发时,请遵守官方相应的条款,尊重他们的知识版权。 目前官方最新版本是:jQuery EasyUI 1.5,官方提供了两个版本供下载,GPL 版本和商业版本,你根据自己的需要下载 GPL 版本 GPL 版本在 GPl 协议下有效,你能在任何遵循 GPl 协议的项目下使用它。 商业版本 商业版在 Commercial 协议下有效,你能在任何非 GPL/专有的协议下使用。 第二步:创建 html 文件,并添加相关引用 创建项目的文件夹 easydemo // 项目根目录 ├── index.html // 我们的测试页面 └── lib // 第三方组件 └── jquery-easyui

Easyui中使用jquery或js动态添加元素时出现的样式失效的解决方法

独自空忆成欢 提交于 2021-02-05 09:22:04
Easyui中使用jquery或js动态添加元素时出现的样式失效的解决方法 参考文章: (1)Easyui中使用jquery或js动态添加元素时出现的样式失效的解决方法 (2)https://www.cnblogs.com/tianyajuanke/p/4121333.html 备忘一下。 来源: oschina 链接: https://my.oschina.net/stackoom/blog/4945977

EasyUI基础知识

大城市里の小女人 提交于 2021-01-13 08:42:42
视频课:https://edu.csdn.net/course/play/7621 EasyUI的基础知识,比较简单,但是对于入门来说还是要注意和jquery的一些区别和联系的。 例如这一章,基本都是通过$.messager的各种方法来实现div呈现的效果; 第二点,注意在匿名函数的使用的时候,让然要注意继续使用同样的easyui的知识点来操作代码,不要又倒退回了js,技术小细节就是各种参数的灵活使用; 第三点,方法内的格式:{属性:'值',属性:'值'...,n}的使用方式。 $(function(){ $.messager.alert('提示信息','我是信息内容!'); //注意要体现出来是div,可以使用alert('')来测试下。 //$.messager.alert('提示信息','我是信息内容!','error'); /* 第三个参数为匿名函数的实现 $.messager.confirm('标题信息','确认么?',function(r){ //i匿名函数的使用 if(r){ $.messager.alert('提示信息','确认'); }else{ $.messager.alert('提示信息','取消'); } }); $.messager.prompt('增加价格','请输入进货价格',function(value){ //增加实际用的效果. if(value

把旧系统迁移到.Net Core 2.0 日记 (15) --Session 改用Redis

蓝咒 提交于 2020-12-19 18:08:47
安装Microsoft.Extensions.Caching.Redis.Core NuGet中搜索Microsoft.Extensions.Caching.Redis.Core并安装,此NuGet包是对Caching的拓展,即可以更换Caching存储介质 appsettings.json配置Redis连接字符串 appsettings.json配置Redis连接字符串(相当于web.config里面配置appsetting节点),注意:添加位置要在Logging上面 { " ConnectionStrings " : { " RedisConnection " : " 127.0.0.1:6379,password=xxxxxxxxx " }, " Logging " : { " IncludeScopes " : false , " LogLevel " : { " Default " : " Warning " } } } Startup.cs的ConfigureServices方法中添加引用 public void ConfigureServices(IServiceCollection services) { // Add framework services. services.AddMvc(); services.AddDistributedRedisCache

生产制造追溯系统-IQC来料检验

谁都会走 提交于 2020-12-19 07:03:21
前言 相信大家都知道,任何一家工厂都有自己的仓库,用来存储采购回来的物料,那么在供应商将我们采购的物料送到工厂之后,我们都需要一个检验动作,也就是今天要说的===>IQC来料检验,这个检验动作是非常重要的一个环节,直接关系着品质问题,试想一下如果大批量生产的成品,最后发现原材料是不合格的,这个损失可想而知,不仅仅面临着大量的返工还要承担着客户高昂的罚款以及投诉。 系统代替人工做出最终判定 首先我们必须引用 AQL 国际标准进行批次判定,这个标准无论说到哪里都是能说的过去的,在系统中建立 AQL 抽验表,类似如下图所示(AQL截图来源于网络) 有了这一份 AQL 抽样标准,我们的系统就可以通过这份标准来控制抽样比例以及 ACC或者REJ 了,我们提供了两种抽样的方式。 1-具备参考的检验项目以及标准值 当我们收到一种全新的物料时,我们可以在系统中定义该物料所需要检验的项目,以及每一个检验项目的标准值,那么货仓 IQC 只需要输入该物料名称或者料号,系统就会自动列出这些必须检验的项目列表,检验人员针对每一个检验项目录入实际的测量结果即可保存,最终该送检批次是应该接收还是判断,则由系统自动决定了。 在系统中针对每一种物料录入必须检测的项目,以及标准的测量值,具体如下图所示: 来到 IQC 抽验页面,输入物料名称或物料料号之后,系统自动加载出已经存在于系统中的检验项目

easyui时的时间格式yyyy-MM-dd与yyyy-MM-ddd HH:mm:ss

让人想犯罪 __ 提交于 2020-12-06 18:55:16
easyui日期的转换,日期汉化导入: < script type= "text/javascript" src= "../easyui/locale/easyui-lang-zh_CN.js" ></ script > 重写我们想要的格式: 1这种返回yyyy-MM-dd HH:mm:ss $( function(){ $( '. easyui-datetimebox '). datetimebox({ formatter: function (date) { var day = date. getDate() > 9 ? date. getDate() : "0" + date. getDate(); var month = (date. getMonth() + 1) > 9 ? (date. getMonth() + 1) : "0" + (date. getMonth() + 1); var hor = date. getHours(); var min = date. getMinutes(); var sec = date. getSeconds(); return date. getFullYear() + '-' + month + '-' + day+ " "+ hor+ ":"+ min+ ":"+ sec; } }); }); 2 这种返回yyyy-MM

java实现文件导入导出到Excel

纵饮孤独 提交于 2020-12-06 08:30:27
1.导入导出功能操作步骤 导入:"下载导入模板" -->保存文件到本地-->在模板中输入要导入的数据行-->"导入"-->选择录入数据的模板文件-->"确定" 导出:"导出"-->保存Excel文件到本地。 2.功能实现原理 2.1.外部组件依赖说明 (1)数据库访问相关:mysql-connector-jaca-5.0.8-bin.jar c3p0-0.9.1.2.jar commons-dbutils-1.4.jar commons-io-2.6.jar commons-logging-1.1.1.jar (2)前端jsp页面jstl相关:jstl.jar standard.jar (3)导入功能相关:jquery-EasyUI(前端组件) commons-fileupload.jar poi-3.17.jar poi-ooxml-3.17.jar poi-ooxml-schemas-3.17.jar xmlbeans-2.6.0.jar commons-collections4-4.1.jar commons-beanutils-1.8.0.jar slf4j-api-1.7.5.jar (4)导出功能相关:jquery-table2excel(前端组件) 如果是maven工程,pom相关依赖: <dependency> <groupId>org.apache.poi<