Lukasz Kokoszkiewicz. Allow to additionally filter main table content All of them can be added by simply in a settings file Right now we have 4 kinds.

Slides:



Advertisements
Similar presentations
Student Manager Catalog Builder An ACEware Webinar.
Advertisements

Wincite Introduces Knowledge Notebooks A new approach to collecting, organizing and distributing internal and external information sources and analysis.
SE-2840 Dr. Mark L. Hornick 1 HTML input elements and forms.
Access Tutorial 7 Creating Custom Reports
Form Basics CS Web Data  Most interesting web pages revolve around data  examples: Google, IMDB, Digg, Facebook, YouTube, Rotten Tomatoes  can.
PowerPoint Tutorial 1: Creating a Presentation
1 Introduction to the Visual Studio.NET IDE Powerpoint slides modified from Deitel & Deitel.
Tutorial 11: Connecting to External Data
Access Tutorial 8 Sharing, Integrating, and Analyzing Data
Fundamentals, DOM, Events, AJAX, UI Doncho Minkov Telerik Corporation
Other Features Index and table of contents Macros and VBA.
Forms, Validation Week 7 INFM 603. Announcements Try placing today’s example in htdocs (XAMPP). This will allow you to execute examples that rely on PHP.
® IBM Software Group © 2006 IBM Corporation JSF Tab Controls This Learning Module shows how to develop server-side EGL applications with dynamic content.
Form Handling, Validation and Functions. Form Handling Forms are a graphical user interfaces (GUIs) that enables the interaction between users and servers.
CST JavaScript Validating Form Data with JavaScript.
Chapter 3. Table have many uses in a HTML design but are mostly used for the organization of your web site. Tables also give vertical and horizontal structure.
131 Agenda Overview Review Roles Lists Libraries Columns.
Developing Effective Reports
PHP Tutorials 02 Olarik Surinta Management Information System Faculty of Informatics.
Reading Data in Web Pages tMyn1 Reading Data in Web Pages A very common application of PHP is to have an HTML form gather information from a website's.
Creating Custom Reports. Objectives View, filter, and copy report information in Report view Modify a report in Layout view Modify a report in Design.
Database-Driven Web Sites, Second Edition1 Chapter 8 Processing ASP.NET Web Forms and Working With Server Controls.
1 Forms A form is the usual way that information is gotten from a browser to a server –HTML has tags to create a collection of objects that implement this.
Chapter 5 Java Script And Forms JavaScript, Third Edition.
Open Office 2: Writer Creating Labels. 2 To begin you need to start Open Office Writer Click on “Start” 2. Select “Programs” 3. Select “OpenOffice.org.
Overview of Previous Lesson(s) Over View  ASP.NET Pages  Modular in nature and divided into the core sections  Page directives  Code Section  Page.
XHTML Introductory1 Forms Chapter 7. XHTML Introductory2 Objectives In this chapter, you will: Study elements Learn about input fields Use the element.
CNIT 133 Interactive Web Pags – JavaScript and AJAX JavaScript Environment.
*** CONFIDENTIAL *** © Toshiba Corporation 2008 Confidential Scheduling Reports.
1 Data List Spreadsheets or simple databases - a different use of Spreadsheets Bent Thomsen.
CSC 2720 Building Web Applications HTML Forms. Introduction  HTML forms are used to collect user input.  The collected input is typically sent to a.
Multi-Part Requests/ Parent & Child Service Items.
McGraw-Hill/Irwin The Interactive Computing Series © 2002 The McGraw-Hill Companies, Inc. All rights reserved. Microsoft Excel 2002 Lesson 1 Introduction.
JavaScript, Fourth Edition Chapter 5 Validating Form Data with JavaScript.
 2008 Pearson Education, Inc. All rights reserved Introduction to XHTML.
Chapter 17 Creating a Database.
76 © 1998, 1999, 2000 David T. Gray, Howard Duncan, Jane Kernan Frames When displaying information in a browser, it is sometimes useful to divide the display.
XHTML & Forms. PHP and the WWW PHP and HTML forms – Forms are the main way users can interact with your PHP scrip Typical usage of the form tag in HTML.
Java server pages. A JSP file basically contains HTML, but with embedded JSP tags with snippets of Java code inside them. A JSP file basically contains.
HTML Forms. Slide 2 Forms (Introduction) The purpose of input forms Organizing forms with a and Using different element types to get user input A brief.
Building the Events Components– Lesson 111 Building the Events Components Lesson 11.
Select (drop-down list) Inputs. Insert/Form/List Menu.
Gold – Crystal Reports Introductory Course Cortex User Group Meeting New Orleans – 2011.
Web Technologies Lecture 3 Web forms. HTML5 forms A component of a webpage that has form controls – Text fields – Buttons – Checkboxes – Range controls.
8 Chapter Eight Server-side Scripts. 8 Chapter Objectives Create dynamic Web pages that retrieve and display database data using Active Server Pages Process.
CIS Intro to JAVA Lecture Notes Set July-05 GUI Programming –TextField Action Listeners, JEditorPane action listeners, HTML in a JEditorPane,
T U T O R I A L  2009 Pearson Education, Inc. All rights reserved Address Book Application Introducing Database Programming.
Internet & World Wide Web How to Program, 5/e Copyright © Pearson, Inc All Rights Reserved.
Introduction to JavaScript MIS 3502, Spring 2016 Jeremy Shafer Department of MIS Fox School of Business Temple University 2/2/2016.
JavaScript and Ajax (JavaScript Environment) Week 6 Web site:
XP New Perspectives on Macromedia Dreamweaver MX 2004 Tutorial 5 1 Adding Shared Site Elements.
Section 10.1 Define scripting
Advanced HTML Tags:.
Chapter 5 Validating Form Data with JavaScript
CS3220 Web and Internet Programming HTML Tables and Forms
Database application MySQL Database and PhpMyAdmin
Basic XHTML Tables XHTML tables—a frequently used feature that organizes data into rows and columns. Tables are defined with the table element. Table.
Creating Custom Reports
Introducing Forms.
Access Tutorial 7 Creating Custom Reports
JavaScript Charting Library
Oracle Sales Cloud Sales campaign
Access Lesson 2 Creating a Database
Access Tutorial 8 Sharing, Integrating, and Analyzing Data
CS3220 Web and Internet Programming HTML Tables and Forms
PowerChart Overview Tab New Feature for Physicians
Tutorial 7 – Integrating Access With the Web and With Other Programs
Tutorial 8 Sharing, Integrating, and Analyzing Data
Tutorial 7 Creating Custom Reports
Presentation transcript:

Lukasz Kokoszkiewicz

Allow to additionally filter main table content All of them can be added by simply in a settings file Right now we have 4 kinds of filters: Text Select Date Datetime When specified, all of them are added into model and url so filter values can be used in different server requests and for bookmarking On and Off functions can be setup to run on filter empty of filled events (for example disable some other controls) Select filters can load list items from ajax requests or use static ones

Type: textType: selectType: datetime

{ 'label':'Not modified since', // String 'urlVariable':'notmodsince', // String - lower cased, no spaces, no special characters 'fieldType':'datetime', // String (text|select|date) 'value':'', 'options':{ // On and Off functions are executed when filters submit is clicked // On is executed when field has value other then empty string ("") // Otherwise Off is executed 'On':function(Data) { // Data is a Controller.Data object $('#from,#till,#timeRange').attr('disabled',true); }, 'Off':function(Data) { // Data is a Controller.Data object $('#from,#till,#timeRange').attr('disabled',false); }

{ 'label':'Site', // String 'urlVariable':'site', // String - lower cased, no spaces, no special characters 'fieldType':'select', // String (text|select|date) 'value':'', 'options':{ 'dataURL':'/dashboard/request.py/inittaskprod?data=sites', // (optional) String (url|false) // Function translates model or ajax data onto simple elements array // Input: data - data represents Data.mem object or ajax response // depending on whether dataURL exists or not // Output: [['el1','el1 label'],['el2','el2 label'],...] // - Can also be defined as a static list (when you don't want to // load the data from url nor using Data.mem object) 'translateData': function(data) { var sitesArr = data.basicData; var output = [['','Off']]; for (var i=0;i<sitesArr.length;i++) { output.push([sitesArr[i].SITENAME,sitesArr[i].SITENAME]); } return output; }

In addition to google charts Highcharts library was added ( New library seems to work fine with IE The new charts type can be used along side with previous google charts In the newest version chart object was introduced and can be used in adding charts into charts tab and/or to add them into expanded row. On demand option can be added to each chart Each chart can load the data for it’s own purpose

On demand chart load the data and draws a chart after clicking Loach chart button Highcharts library adds a certain interactivity level with tooltips and clickable content

Charts inside expanded row also can be setup as onDemand and can also load the data from the server

Each chart can be printed directly or be exported to one of this four formats

{ 'name':'Status Overview', 'type':'gchart', // (gchart|hchart), 'onDemand':true, 'dataURL': ' 'dataURL_params': function(Data) { return {}; }, // translates data onto requires format: // {"chd":"t:60,40","chl":"Hello|World"} or highcharts options object ( 'translateData':function(dataJSON) { var output = { 'chtt':'Example Chart', 'cht':'p3', 'chs':'600x350', 'chd':dataJSON.chd, 'chl':dataJSON.chl }; return output; }

Because of implementation of new features there was some changes in a settings structure that includes: Slightly changed charts object Slightly changed expandedData object Added optional Application.filters object All of the new settings can be found on a twiki documentation page.

All of the new features are in beta stage so a little testing would be appreciated Filters can be found here: New charts example here: