Rapid XPages Development

unevenechoΛογισμικό & κατασκευή λογ/κού

30 Οκτ 2013 (πριν από 3 χρόνια και 10 μήνες)

100 εμφανίσεις



© 2013 The Learning Continuum Company, Ltd
1
Rapid XPages Development


© 2013 The Learning Continuum Company, Ltd
2
Howard Greenberg
The Learning Continuum
Company - TLCC

Email: howardg@tlcc.com
Twitter: @TLCCLtd
Instructor
#XPages


© 2013 The Learning Continuum Company, Ltd
3
TLCC XPages Offerings
• Seven XPages Courses!
‒ NEW! Rapid XPages Development using Application Layout and Dojo UI Controls
‒ FREE !! Introduction to XPages Development
‒ JavaScript for XPages Development
‒ Developing XPages Using Domino Designer 8.5
‒ XPages Development 2 for Notes and Domino 8.5
‒ Mobile XPages for Domino 8.5
‒ Java 1 for XPages Developers
• Self Paced Training
– Learn anywhere!
– An Instructor is a click away
• Instructor Led (Private)

TLCC Mentoring Services




© 2013 The Learning Continuum Company, Ltd
4
Special Offer for Attendees
• Special offer for BLUG Attendees
– 20% off on all TLCC courses
– 5% off on any course on sale
• Go to www.tlcc.com/blug
to get this offer


© 2013 The Learning Continuum Company, Ltd
5
Agenda
• Requirements and Terminology
• Form Table control
• Data View control
• Application Layout control
• Q & A
#XPages


© 2013 The Learning Continuum Company, Ltd
6
System Requirements
• Domino Designer 8.5.3 and
Domino Server 8.5.3
– Upgrade Pack 1
or

8.5.3 Extension Library


• IBM Notes and Domino 9 beta
– Upgrade Pack 1+ Included

All you need




© 2013 The Learning Continuum Company, Ltd
7
Form Table
Note: OneUIV2 Theme
is required
to display the Form Table control


© 2013 The Learning Continuum Company, Ltd
8
Tip: Validation and Form Tables


© 2013 The Learning Continuum Company, Ltd
9
Procedure: Add a Form Table to an XPage …
Add Form Table to XPage
… cont’d …


© 2013 The Learning Continuum Company, Ltd
10
Procedure: Add a Form Table to an XPage …
1
2
3
… cont’d …
Add Form Layout Row to Form Table


© 2013 The Learning Continuum Company, Ltd
11
Procedure: Add a Form Table to an XPage
DemoXPage211Input
Add action controls & set navigation


© 2013 The Learning Continuum Company, Ltd
12
Demo: Form Table
• DocXPage

DocXPage_FormTable




© 2013 The Learning Continuum Company, Ltd
13
Data View control versus core View control
DemoXPage511View


© 2013 The Learning Continuum Company, Ltd
14
Data View Design Framework: Properties, Complex Properties and facets


© 2013 The Learning Continuum Company, Ltd
15
Procedure: Creating a Data View …
… cont’d …


© 2013 The Learning Continuum Company, Ltd
16
Procedure: Creating a Data View …
… cont’d …


© 2013 The Learning Continuum Company, Ltd
17
Procedure: Creating a Data View …
… cont’d …


© 2013 The Learning Continuum Company, Ltd
18
Procedure: Creating a Data View …
… cont’d …


© 2013 The Learning Continuum Company, Ltd
19
Procedure: Creating a Data View


© 2013 The Learning Continuum Company, Ltd
20
Demo: Data View

DataView_ToBuild



© 2013 The Learning Continuum Company, Ltd
21
Categorized Columns in a Data View


© 2013 The Learning Continuum Company, Ltd
22
Method 1: Categorizing by setting the categoryColumn property
DemoXPage532View


© 2013 The Learning Continuum Company, Ltd
23
Method 2: Categorizing using the categoryRow facet


© 2013 The Learning Continuum Company, Ltd
24
Details, Details … and Repeat!
DemoXPage545View


© 2013 The Learning Continuum Company, Ltd
25
Navigator Control
DemoXPage621a


© 2013 The Learning Continuum Company, Ltd
26
Application Layout Design Framework: Configuration Property and facets …
… cont’d …
• Six facet areas
• Five bar areas


© 2013 The Learning Continuum Company, Ltd
27
Application Layout Design Framework: Configuration Property and facets


© 2013 The Learning Continuum Company, Ltd
28
One onItemClick event for all nodes in xe:applicationLayout configuration
onItemClick event - triggered when any node in any of its configuration
properties is fired, including:
• bannerApplicationLinks
• bannerUtilityLinks
• titleBarTabs
• placeBarActions
• footerLinks
Get submitted value for clicked node - SSJS:


Get submitted value for clicked node - CSJS:


© 2013 The Learning Continuum Company, Ltd
29
Demonstrations
• DemoXPage711 – Areas of the Application Layout control

DemoXPage712 – onItemClick event for
xe:applicationLayout



© 2013 The Learning Continuum Company, Ltd
30
The oneuiv2.1 Themes
OneUI version 2 Themes:
<NotesDominoDataDirectory>\domino\html\oneuiv2.1
OneUI version 2 Theme definitions:
<NotesDominoProgramDirectory>\xsp\nsf\themes


© 2013 The Learning Continuum Company, Ltd
31
Procedure: Setting a oneuiv2.1 Theme for an Application
OR …
DemoXPage721


© 2013 The Learning Continuum Company, Ltd
32
Navigation and Context: You are Here!
Demo761_CustByNameView


© 2013 The Learning Continuum Company, Ltd
33
Procedure: Designing an Application Layout in a Custom Control …
… cont’d …


© 2013 The Learning Continuum Company, Ltd
34
Technique: Using the navigationPath Property to Select a Tab
Example: Customers Application


© 2013 The Learning Continuum Company, Ltd
35
Technique: Using the navigationPath Property in a Custom Control
XPage
Custom Control
Application
Layout
Control


© 2013 The Learning Continuum Company, Ltd
36
Application Layout Design Framework
Custom Controls
Parts XPages
Customers XPages


© 2013 The Learning Continuum Company, Ltd
37
Demo – Application Layout Control
• We will start with the Custom Control called
ccActivity3_AppLayout


© 2013 The Learning Continuum Company, Ltd
38
Time for YOUR Questions!