JFinal-layui v1.4.0 发布,表单上传按钮、优化图表统计、表格弹窗

栏目: 软件资讯 · 发布时间: 4年前

内容简介:JFinal-layui 极速开发企业应用管理系统,是以 JFinal+layui 为核心的企业应用项目架构,利用 JFinal 的特性与 layui 完美结合,达到快速启动项目的目的。让开发更简单高效,即使你不会前端 layui,也能轻松掌握使...

        JFinal-layui 极速开发企业应用管理系统,是以 JFinal+layui 为核心的企业应用项目架构,利用 JFinal 的特性与 layui 完美结合,达到快速启动项目的目的。让开发更简单高效,即使你不会前端 layui,也能轻松掌握使用。

        JFinal-layui v1.4.0 主要新增表单上传功能按钮,优化图表统计、表格弹窗、时间控件函数以及用户类型头像。

v1.4.0更新内容详情:

一、新增表单上传功能按钮

    在表单中上传附件一直都是常用的业务功能,所以特意定制了这样一个上传按钮,这样在表单中使用附件上传功能就非常简单了。

1、在页面定义一个div,给定一个id;

<div class="layui-row layui-col-space1 task-row">
         #@colStart("附件",12)
		<div id="test"></div>
	#@colEnd()
</div>
		
<div class="layui-row layui-col-space1 task-row">
	#set(req=true)
	#@colStart("名称",12)
		#@getSelectBySql('query_org','org_name','请选择')
	#@colEnd()
</div>	

2、在js中调用#@formUploadButton(objectId,divId)函数即可,objectId是关联附件用的标识,用于读取上传的附件,objectId为空则默认当前登录用户id。

#define js()
    <script type="text/javascript">
    
         #@formUploadButton('test','test')   
         
    </script>
#end

3、看效果图:

JFinal-layui v1.4.0 发布,表单上传按钮、优化图表统计、表格弹窗

JFinal-layui v1.4.0 发布,表单上传按钮、优化图表统计、表格弹窗JFinal-layui v1.4.0 发布,表单上传按钮、优化图表统计、表格弹窗

、优化图表统计功能

        图表统计新增了警戒线功能,优化统计接口函数Echart.getData(url,params,divId),新增divId变量传值,统计图表只需要写统计接口即可。

Echart.prototype.getData=function(url,params,divId){...}

JFinal-layui v1.4.0 发布,表单上传按钮、优化图表统计、表格弹窗

三、优化表格弹窗大小控制

        在列表的弹窗中,很多时候需要根据业务情况来调整弹窗的大小,所以gridArgs新增了几个属性,isMax、width、height、options(回调函数,特殊情况用),

只需要在页面中赋值即可,如下:

JFinal-layui v1.4.0 发布,表单上传按钮、优化图表统计、表格弹窗

JFinal-layui v1.4.0 发布,表单上传按钮、优化图表统计、表格弹窗

四、优化时间控件函数,支持多对象绑定

        根据用户提出的反馈建议,优化了layui的时间控件函数,可以在页面支持多对象绑定,更加方便快捷。

            //执行一个laydate日期选择控件实例
		lay('.layui-date').each(function(){
			laydate.render({
			    elem: this
			    ,trigger:'click'
			});		  
		});
		
		//执行一个laydate日期时间控件实例
		lay('.layui-date-time').each(function(){
			laydate.render({
			    elem: this
			    ,type:'datetime'
			    ,trigger:'click'
			});
		});

五、根据用户类型展示头像

        扩展用户类型Type属性,便于前端根据改类型做个性化定制内容。

    JFinal-layui v1.4.0 发布,表单上传按钮、优化图表统计、表格弹窗

前端调用:

JFinal-layui v1.4.0 发布,表单上传按钮、优化图表统计、表格弹窗

JFinal-layui v1.4.0 发布,表单上传按钮、优化图表统计、表格弹窗JFinal-layui v1.4.0 发布,表单上传按钮、优化图表统计、表格弹窗

友情链接:

码云地址:JFinal-layui

社区交流:JFinal-layui社区

演示系统:JFinal-layui极速开发企业应用管理系统 


以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持 码农网

查看所有标签

猜你喜欢:

本站部分资源来源于网络,本站转载出于传递更多信息之目的,版权归原作者或者来源机构所有,如转载稿涉及版权问题,请联系我们

ACM程序设计

ACM程序设计

曾棕根 / 北京大学 / 2011-4 / 34.00元

《ACM程序设计(第2版)》详细讲解了ACM国际大学生程序设计竞赛(ACM/ICPC)编程、调试方法,以及提高时间、空间性能的策略,并充分利用了C++泛型编程的高效率、规范化的特性,全部采用C++泛型编程。第1章讲解了ACM程序设计入门知识;第2章讲解了C++泛型编程的容器、迭代器和常用算法;第3章讲解了ACM程序设计的基本编程技巧;第4章讲解了50道原版ACM竞赛题的解题思路,并配有C++泛型编......一起来看看 《ACM程序设计》 这本书的介绍吧!

CSS 压缩/解压工具
CSS 压缩/解压工具

在线压缩/解压 CSS 代码

JSON 在线解析
JSON 在线解析

在线 JSON 格式化工具

XML 在线格式化
XML 在线格式化

在线 XML 格式化压缩工具