移动端报表JS开发示例

移动端报表JS开发示例--获取定位

上次分享了移动端报表JS开发的系统概念,后来我又回去摸索了一些案例.之前接触到的FineReport的APP客户端可以用来打卡签到,就好奇研究了以下,这次就来聊一聊报表移动端开发如何实现定位功能. 1. 解决思路在用FineReport设计模板的时候添加一个按钮控件,点击该按钮的时候,获取当前地理位置,并将该位置信息复制给某个单元格,最后在客户端填报当前模板即可. 2. 示例实现如下图所示效果,点击地理位置按钮获取当前位置与当前时间,并显示在下方对应的单元格中: 2.1 模板制作打开设计器…

移动端报表JS开发示例

最近对移动端的报表开发颇有研究,细磨精算了好久,虽然到现在还是“囊中羞涩”,但决定还是先抛砖引玉,拿点小干货出来和大家分享. 研究的工具是比较有代表性的FineReport. 1. 移动端哪些地方支持调用js web事件分页预览填报预览加载结束事件 √ X 填报成功事件 -- √ 报表内部js 单元格图表超级链接js √ √ 控件事件参数控件填报控件表单控件初始化后事件 √ √ X 编辑前 √ √ X 编辑后 √ √ X 编辑结束 √ √ X 点击 √ √ X 状态改变 √…

移动端报表JS开发演示样例

近期对移动端的报表开发颇有研究,细磨精算了好久,尽管到如今还是"囊中羞涩",但决定还是先抛砖引玉,拿点小干货出来和大家分享. 研究的工具是比較有代表性的FineReport. 1. 移动端哪些地方支持调用js web事件分页预览填报预览载入结束事件 √ X 填报成功事件 -- √ 报表内部js 单元格图表超级链接js √ √ 控件事件參数控件填报控件表单控件初始化后事件 √ √ X 编辑前 √ √ X 编辑后 √ √ X 编辑结束 √ √ X 点击 √ √ X 状态…

关于Finereport移动端报表二次开发的两个小例子

例1:刷新页面 1. 问题描述 A超链至B填报,B提交数据后返回A时,A自动刷新显示新的数据. 2. 解决方案 1. contentPane.setAppearRefresh(); //在A的加载结束后事件中添加js 3. 示例 3.1 打开报表 %FR_HOME%\WebReport\WEB-INF\reportlets\doc\Advanced\mobile-client\ DetailedDrillA.cpt %FR_HOME%\WebReport\WEB-INF\reportlets\…

原生js开发，无依赖、轻量级的现代浏览器图片懒加载插件，适合在移动端开发使用

优势 1.原生js开发,不依赖任何框架或库 2.支持将各种宽高不一致的图片,自动剪切成默认图片的宽高比如说你的默认图片是一张正方形的图片,则各种宽度高度不一样的图片,自动剪切成正方形. 完美解决移动端开发中,用户上传图片宽高不一致而导致的图片变形的问题 3.简洁的API,让你分分钟入门!!! 代码如下[默认模式,不对图片进行剪切]:<!DOCTYPE html><html lang="en"> <head> <meta charset=&qu…

SharePoint 2013 APP 开发示例（六）服务端跨域访问 Web Service （REST API）

上个示例(SharePoint 2013 APP 开发示例 (五)跨域访问 Web Service (REST API))是基于JavaScript,运行在web browser内去访问REST API:在这个示例里,我们将用服务端代码创建同样的功能,我们将用到TokenHelper和HTTPWebRequest 对象. • 项目模板里的TokenHelper.cs 文件被用作管理Token • HttpWebRequest 对象被用来格式化和发送请求 • HttpWebResponse 对象用…

基于node.js 的 websocket的移动端H5直播开发

这一篇介绍一下基于node.js 的 websocket的移动端H5直播开发, 下载文章底部的源码,我是用vscode打开, 首先在第一个终端运行 npm run http-server 这个指令是运行http服务,手机端直接运行http://ip:8000/mpegts.html 即可看到推流过来的视频新起一个终端运行 npm run ws-server,服务启动后,即可以通过ffmpeg进行推流. 推流过程如下: 推流视频文件: ffmpeg -re -i E:\2.mp4 -cod…

Node.js学习笔记——Node.js开发Web后台服务

一.简介 Node.js 是一个基于Google Chrome V8 引擎的 JavaScript 运行环境.Node.js 使用了一个事件驱动.非阻塞式 I/O 的模型,使其轻量又高效.Node.js 的包管理器 npm,是全球最大的开源库生态系统. 能方便地搭建响应速度快.易于扩展的网络应用,Node.js 使用事件驱动, 非阻塞I/O 模型而得以轻量和高效,非常适合在分布式设备上运行的数据密集型的实时应用. 官网:https://nodejs.org/en/中文:https://cnode…

Node.js开发Web后台服务

用Vue.js开发微信小程序：开源框架mpvue解析

前言 mpvue 是一款使用 Vue.js 开发微信小程序的前端框架.使用此框架,开发者将得到完整的 Vue.js 开发体验,同时为 H5 和小程序提供了代码复用的能力.如果想将 H5 项目改造为小程序,或开发小程序后希望将其转换为 H5,mpvue 将是十分契合的一种解决方案. 目前, mpvue 已经在美团点评多个实际业务项目中得到了验证,因此我们决定将其开源,希望更多技术同行一起开发,应用到更广泛的场景里去.项目的地址在: https://github.com/Meituan-Dianpi…

Node.js 开发指南

1.Node.js 简介 Node.js 其实就是借助谷歌的 V8 引擎,将桌面端的 js 带到了服务器端,它的出现我将其归结为两点: V8 引擎的出色: js 异步 io 与事件驱动给服务器带来极高的吞吐量/硬件性能比例. 2.安装和配置Node.js 安装的话基本是分为 Windows 和 POSIX(为*unx 和 Mac等系统的统称). 2.1.在 Windows 上,很简单,访问官网,下载对应的安装包安装即可. 2.2.在 POSIX 上安装大都可以从相应的包管理器上进行安装(非…

Node.js开发Web后台服务（转载）

原文:http://www.cnblogs.com/best/p/6204116.html 目录一.简介二.搭建Node.js开发环境 2.1.安装Node.js 2.2.安装IDE开发Node.js插件三.第一个Node.js程序四.NPM(Node.js包管理器) 4.3.安装模块 4.4.卸载模块 4.5.模块列表 4.6.更新模块 4.7.搜索模块 4.9.更换NPM 镜像五.Express 5.2.Express框架核心特性 5.3.安装 Express 5.4.第一个Exp…

从微信小程序到鸿蒙js开发【15】——JS调用Java

鸿蒙入门指南,小白速来!0基础学习路线分享,高效学习方法,重点答疑解惑--->[课程入口] 目录:1.新建一个Service Ability2.完善代码逻辑3.JS端远程调用4.<从微信小程序到鸿蒙js开发>系列文章合集除轻量级智能穿戴设备,现鸿蒙支持的手机.汽车.TV.手表.平板等属于富鸿蒙,在JS语言的项目中也有Java模块,并提供了JS跨语言调用Java方法的技术.现需要实现查看商品评论时,统计出长评.中评和短评的比例,这里将评论数据请求来后调用Java进行计算. JS调用Jav…

JS开发HTML5游戏《神奇的六边形》（一）

近期出现一款魔性的消除类HTML5游戏<神奇的六边形>,今天我们一起来看看如何通过开源免费的青瓷引擎(www.zuoyouxi.com)来实现这款游戏. (点击图片可进入游戏体验) 因内容太多,为方便大家阅读,所以分成四部分来讲解. 本文为第一部分,主要包括: 1. 功能分析 2. 创建工程与场景 3. 玩家分数管理 4. 棋盘设计与实现 5. 屏幕布局若要一次性查看所有文档,也可点击这里. 一. 功能分析首先分析游戏的功能点.算法和数据,然后依此制订代码组织结构.如下图: 主要功能点棋…

DevExpress .NET界面开发示例大全

说到做.net界面开发,很多人应该都会想到DevExpress. 它的 .net界面开发系列一共有7个版本:WinForms.ASP.NET.MVC.WPF.Silverlight.Windows 8.Windows 10.Dev封装的界面极其丰富,效果绚丽,文档示例丰富,上手容易.常见的Office.WinRT.Windows 10风格,还有酷炫的动画效果,都可以轻松实现.这里整理了DevExpress部分开发示例,让你感受下它的强大. DevExpress Demo示例展示:仿Office的…

用Node.js开发Windows 10物联网应用

(此文章同时发表在本人微信公众号"dotNET每日精华文章",欢迎右边二维码来关注.) 未来10年内,物联网将会如移动互联网这样深入到我们生活的各方各面.所以微软现在对物联网进行了大量的投资,比如Windows 10就有一个单独的IoT版本.而今天推荐的文章是告诉大家如何把Node.js开发带到Windows 10 IoT中. 在月初Build大会上,微软发布了Windows 10 IoT Core Insider Preview,这个版本可以安装到树莓派2(Raspberry Pi…

【翻译】十大要避免的Ext JS开发方法

原文地址:http://www.sencha.com/blog/top-10-ext-js-development-practices-to-avoid/ 作者:Sean Lanktree Sean is an Ext JS Professional Services Lead at CNX Corporation. 在CNX,尽管大多数的Ext JS开发工作需要从0开始创建新的应用程序,偶尔会有客户让我们帮他们解决内部工作上的性能问题.臭虫和结构性问题.我们以“清洁工”这种角色进行工作已经有很…

SharePoint 2013 APP 开发示例（二）获取用户信息

SharePoint 2013 APP 开发示例 (二)获取用户信息这个示例里,我们将演示如何获取用户信息: 1. 打开 Visual Studio 2012. 2. 创建一个新的 SharePoint 2013 app: UserProfileTest. 3. 选择SharePoint-hosted, 点Finish. 4. 打开Default.aspx : 加入knockoutjs和sp.userprofiles.debug.js(包含user profile的信息): <script…

基于 Laravel、Vue.js开发的全新社交系统----ThinkSNS+

什么是ThinkSNS+ ThinkSNS(简称TS)始于2008年,一款全平台综合性社交系统,为国内外大中小企业和创业者提供社会化软件研发及技术解决方案,目前最新版本为ThinkSNS+.新的产品名字叫做 +也就是 Plus ,因为 ThinkSNS 的历史原因,我们已经无法升级 TP 框架,随后花了一年进行 Laravel 化,但是过程中很艰辛,最终我们发现系统中存在太多的问题.于是谋生了使用 Laravel 框架重写这套程序. 简介 ThinkSNS+(简称TS+)基于Laravel.Vu…

使用 video.js 开发 HTML5 视频页面

时间 2015-05-13 17:11:58 The GIS Guy 原文 http://thegisguy.tk/html5-video-using-video-js/ 主题 Video.js HTML5 使用 video.js 简单几步编写一个可以在微信.QQ内置浏览器中正常工作的 HTML5 视频播放器. HTML5 标签看似简单,但在不同设备上使用时却问题不断,原因是很多设备强制使用自身的视频播放器来播放 HTML5 视频.使用第三方组件 video.js 可以在一定程度上克服这个问题…

Koa与Node.js开发实战（3）——Nunjucks模板在Koa中的应用（视频演示）

技术架构: 在Koa中应用Nunjucks,需要先把Nunjucks集成为符合Koa规格的中间件(Middleware),从本质上来讲,集成后的中间件的作用是给上下文对象绑定一个render(view, model)方法,这样,后面的Controller就可以调用这个方法来渲染模板了. NPM社区有很多开源爱好者提供的第三方中间件.开发者可以根据实际情况自由选择,也可以像iKcamp团队一样,自己实现集成Nunjucks.本示例中,选用了koa-nunjucks-2模块. 安装koa-nun…

Koa与Node.js开发实战（1）——Koa安装搭建（视频演示）

学习架构: 由于Koa2已经支持ES6及更高版本,包括支持async方法,所以请读者保证Node.js版本在7.6.0以上.如果需要在低于7.6的版本中应用Koa的async方法,建议使用Babel hook.示例代码如下: require('babel-register'); // 应用的其余 require 需要被放到hook后面 const app = require('./app'); 1.项目初始化在安装Koa之前,读者需要先创建项目的目录.新建文件夹koa2-tutorial/用来…

Node.js 开发

Node.js不必介绍,已经太火爆了.简单说是用Javascript开发Web服务端,基于Google V8引擎,单线程.不多说从零开始Windows平台下的Node.js的开发之旅. 环境工具为先首先到Node.js的官方网站上下载安装包,一步步安装,现在最新版本为V0.8.12.安装完成后,验证下安装是否成功:打开命令行窗口输入: node --version 获得如下提示,表示安装成功. Windows下我使用微软的WebMatrix作为开发工具,WebMatrix提供了Node.js开…

electron-vue：Vue.js 开发 Electron 桌面应用

相信很多同学都知道 Electron 可以帮助开发人员使用前端技术开发桌面客户端应用,今天介绍的 electron-vue 框架是一套基于 Vue.js 开发 Electron 桌面应用的脚手架,该项目的目的,是为了要避免使用 vue 手动建立起 electron 应用程序. 您可能感兴趣的相关文章网站开发中很有用的 jQuery 效果[附源码] 分享35个让人惊讶的 CSS3 动画效果演示十分惊艳的8个 HTML5 & JavaScript 特效 Web 开发中很实用的10个效果[源码下载…

SharePoint 2013 APP 开发示例（五）跨域访问 Web Service （REST API）

虽然 JQuery 也能通过授权header实现跨域, 但SharePoint 提供了更简单的方法,它被实现在SP.RequestExecutor里 .它能访问跨域的服务包括REST API, 本示例将使用它在auto-hosted的app里从远程web site去访问SharePoint. SP.RequestExecutor 对象包含了一个独立的客户端对象的 JavaScript 库.RequestExecutor 的使用非常像 JQuery ajax() function.它用…

SharePoint 2013 APP 开发示例系列

SharePoint 2013 APP 安全: SharePoint 2013 APP 开发示例 (一)List 读写 SharePoint 2013 APP 开发示例 (二)获取用户信息 SharePoint 2013 APP 开发示例 (三)使用远程的web资源 SharePoint 2013 APP Web Service ( REST): SharePoint 2013 APP 开发示例 (四)JQuery访问REST SharePoint 2013 APP 开发示例 (五)跨域访问 W…

SharePoint 2013 APP 开发示例（四）JQuery访问REST

这个示例里,我们将用JQuery AJAX去发送一个 REST请求,并查看返回结果.为了让我们更好地理解REST 接口,我们将添加一个输入框让用户可以指定REST的URL, 这将让我们尝试着用构造的URL从SharePoint去获取信息. 首先,我们将创建一个 SharePoint-hosted app.然后我们将在APP的default页面添加输入框,最后我们将添加一个 view-model 去请求 REST并显示结果. 1. 打开 Visual Studio 2012. 2. 创建Shar…

SharePoint 2013 APP 开发示例（三）使用远程的web资源

在这个示例里我们将详细介绍 TokenHelper 类, 我们将看到它是怎么简单地从远程web站点访问SharePoint的.我们还将取到它的一些值.这将帮助我们理解连接是怎么被构造的,同时也方便我们的以一的调试.我们将创建一个简单的 auto-hosted app,用TokenHelper类从相关的SharePoint服务器读取数据,并显示在页面上.我们还将取出一些token的值以方便看到它们的内容. 1. 打开Visual Studio 2012. 2. 创建一个新的 C# SharePo…

SharePoint 2013 APP 开发示例（一）List 读写

在这个示例里,我们将创建一个页面测试 SharePoint APP的权限.这个页面有二个按钮,一个从documents里读数据,一个往documents里写数据: 1. 打开Visual Studio 2012,创建一个新的 Sharepoint 2013 app: PermissionTest,选择 Sharepoint-hosted,点击Finish 2. 打开Default.aspx : 引入knockoutjs <script type="text/javascript"…

PC端和移动端在前端开发上的一些区别，前端里移动端到底比pc端多哪些知识

(1)———————— 前端里移动端到底比pc端多哪些知识,为啥面试时好多公司都问h5水平如何?我做过几年的web前端开发,就简单谈谈自己的感受吧.首先来看看PC端和移动端在前端开发上的一些区别: (1)PC考虑的是浏览器兼容性,移动端开发考虑的更多的是手机兼容性,因为目前不管是android手机还是ios手机,一般浏览器用的都是webkit内核,所以做移动端开发,更多考虑的应该是手机分辨率的适配,和不同操作系统的略微差异化: (2)在部分事件的处理上,移动端自然是偏向于触屏的,所以触屏事件的一…

【移动端报表JS开发示例】的更多相关文章