关闭

web报表中使用“Html格子数据类型”引入自定义下拉日历控件

标签: 润乾填报编辑风格自定义下拉日历
368人阅读 评论(0) 收藏 举报
分类:


下拉日历是快逸报表为日期填报提供的一个便捷功能,可以让用户快速准确的填写日期信息,避免了手动填写所产生的的格式误差和数值误差。但润乾自带的下拉日历可能风格与具体开发的页面风格不相统一,而开发者想使用自己已经开发出的自定义下拉日历同时又不想完全摆脱方便快捷的快逸报表。因此,开发者想了解如何在快逸报表的开发中嵌入自己开发的下拉日历控件。比如参数模板报表中如何调用自己的下拉日历控件?

以下的内容我们就以一个具体的例子来介绍下如何在快逸参数模板报表中嵌入自定义的下拉日历控件。

 

第一步,编写一个自定义下拉日历的JavaScript文件

 

我们这里选用的是网上一个开源的日历控件-梅花雨日历控件,参考下载地址:

http://hi.baidu.com/917526932/blog/item/01130687663eda3666096e6b.html

把其存为名为selfCalendar.jsJavascript文件

 

第二步,制作一参数模板报表,用“Html格子数据类型”引入下拉日历主调函数

 

B2单元格内右键,选择“数据类型”后,如下


在内容内输入如下


在梅花雨日历控件中,calendar()是日历的主调函数

 

第三步,在展现报表的jsp内,把自定义的下拉日历JS文件引入

 

这样,快逸报表使用“Html格子数据类型”引入自定义下拉日历的过程就完成了。

 

下面是在Web页面展现的效果:


 

快逸报表提供这么多快捷的功能点,使得您在设计报表时更加快速灵活,根据实际应用情况,可以随心所欲的引入有特色的控件,在满足业务需求的同时,也丰富了页面效果,一举两得。

0
0
查看评论

Android android-times-square一款好用的日历控件

最近在项目中使用到了 android-times-square  日历控件,在网上搜了挺多博客结果都不是很满意,到 git 上看了源码。终于达到了自己想要的效果 以下是我使用的一些小细节,希望可以帮到第一次使用 android-times-square 的你。 1、先将 ...
  • chu_cheng
  • chu_cheng
  • 2017-04-06 22:48
  • 703

自定义javascript日历控件

Web页中的日历一般离不开表格,通常都使用表格装载指定月的日期等信息。所以,要编写JS日历,首先必须解决的问题是表格的行与列问题。列是固定的,七列,因为一周有七天。行需要动态计算,因为,每一个月的第一天是星期几是一个变数,因而第一天在表格中的第几个单元也就跟着变化,同时,每个月的总天数不一致也影响着...
  • my98800
  • my98800
  • 2017-08-08 07:45
  • 532

Calendar 自定义日历控件

CalendarView介绍代码地址:https://github.com/09xuanjian/CalendarView这是一个日历控件,很多时候我们需要把一些信息通过时间戳的方式展示给用户。日历是一个好的选择。 这个日历有以下几个特点:1.可以设置当天的日期的背景,如一个圆。2.可以设置一些特殊...
  • u011623470
  • u011623470
  • 2015-12-26 20:27
  • 792

Android自定义日历控件的实现过程详解

为什么要自定义控件 有时,原生控件不能满足我们对于外观和功能的需求,这时候可以自定义控件来定制外观或功能;有时,原生控件可以通过复杂的编码实现想要的功能,这时候可以自定义控件来提高代码的可复用性。 如何自定义控件 下面我通过我在github上开源的Android-Calenda...
  • u013164293
  • u013164293
  • 2016-05-26 13:59
  • 849

asp.net中客户端日历控件

        在asp.net1.1中,微软并没有提供客户端日历控件,只提供了服务器端控件,所以这多多少少给想用客户端控件的开发者带来了麻烦。 本人在网上下载了一个用Javascript写的客户端日历控件,经过一帆修改,忠于成了...
  • dai2003
  • dai2003
  • 2005-07-02 18:25
  • 1997

Android开源的精美日历控件,热插拔设计的万能自定义UI

Android开源的精美日历控件,热插拔设计的万能自定义UIUI框架应该逻辑与界面实现分离,该日历控件使用了热插拔的设计 ,简单几步即可实现你需要的UI效果,热插拔的思想是你提供你的实现,我提供我的插座接口,与自定义Behavior是一样的思想。项目开源地址https://github.com/hu...
  • huanghaibin_dev
  • huanghaibin_dev
  • 2017-11-17 10:56
  • 427

自定义SWT日历控件及其下拉菜单组件的实现

<br />1. 免费日期选择控件DatePicker<br />DatePicker它是一个下拉列表框, 提供了日期选择的功能.但是这个组件有日期对应星期几显示错误的bug。<br />官方主页: http://sourceforge.net/projects/...
  • xcl119xcl
  • xcl119xcl
  • 2010-07-19 22:31
  • 3930

【HTML+CSS】教你切图篇3-自定义单选、多选、下拉框的实现

大家都知道,默认的单选、多选、下拉控件样式实在是丑哭了。下面小编介绍两种实现单选、多选、下拉控件的样式。首先来介绍第一种: 1.用CSS+HTML实现 这种实现方式是简单,获取数据方便,兼容主流浏览器,缺点就是IE8以及以下的浏览器都不兼容,所以要兼容到更低版本的IE浏览器就需要用到第二种方法了。 ...
  • LZGS_4
  • LZGS_4
  • 2016-02-22 17:50
  • 3253

html 中可以自定义输入的 select 下拉列表

在项目开发中,往往有这种需求:那就是需要下拉选择已有的数据列表,当没有自己需要的数据时,往往需要去管理这些列表数据的画面去添加,或者在下拉列表后面放一个快捷按钮,先添加,然后再选。那么问题就来了,如果按照上面的操作,往往需要很多步骤,能不能当没有可选项目时,直接在下拉列表上输入呢?答案是可以的。
  • tzhuwb
  • tzhuwb
  • 2017-09-02 08:43
  • 591

Android自定义View(CustomCalendar-定制日历控件)

转载请标明出处: http://blog.csdn.net/xmxkf/article/details/53420889 本文出自:【openXu的博客】目录: 1分析 2自定义属性 3onMeasure 4onDraw 绘制月份 绘制星期 绘制日期及任务 5事件处理 源码下载  应项目需求...
  • u010163442
  • u010163442
  • 2017-01-04 16:03
  • 11171
    个人资料
    • 访问:60217次
    • 积分:1052
    • 等级:
    • 排名:千里之外
    • 原创:35篇
    • 转载:105篇
    • 译文:0篇
    • 评论:2条
    最新评论