presenting data effectively in xpages - atlug may 2013
DESCRIPTION
A survey of the features and drawbacks of all XPages data display controls in 8.5.3 with Upgrade Pack 1.TRANSCRIPT
![Page 1: Presenting Data Effectively in XPages - ATLUG May 2013](https://reader035.vdocuments.net/reader035/viewer/2022081413/547047c4af79599b308b4675/html5/thumbnails/1.jpg)
Presenting Data Effectively in XPages
1
ATLUG
Brad BalassaitisSenior Consultant, PSC Group
May 16th, 2013
![Page 2: Presenting Data Effectively in XPages - ATLUG May 2013](https://reader035.vdocuments.net/reader035/viewer/2022081413/547047c4af79599b308b4675/html5/thumbnails/2.jpg)
Brad Balassaitis
• Notes/Domino developer for 17 years, XPages for 3 years• Senior Consultant at PSC Group• XPages Developer • Project Leader
• Contact Information• Blog: http://www.xcellerant.net• Twitter: @Balassaitis• Skype: brad.balassaitis
www.psclistens.com @pscgroup
2
![Page 3: Presenting Data Effectively in XPages - ATLUG May 2013](https://reader035.vdocuments.net/reader035/viewer/2022081413/547047c4af79599b308b4675/html5/thumbnails/3.jpg)
Agenda• Why is this important to me?• XPages Core Controls• View Panel• Repeat Control• Data Table
• Extension Library / 8.5.3 UP1 / R9 Controls• Data View• Dynamic View Panel• Dojo Data Grid• iNotes List View
• Updates in Notes 9 • Third Party• Ext JS
• Resources
3
![Page 4: Presenting Data Effectively in XPages - ATLUG May 2013](https://reader035.vdocuments.net/reader035/viewer/2022081413/547047c4af79599b308b4675/html5/thumbnails/4.jpg)
Agenda• Why is this important to me?• XPages Core Controls• View Panel• Repeat Control• Data Table
• Extension Library / 8.5.3 UP1 / R9 Controls• Data View• Dynamic View Panel• Dojo Data Grid• iNotes List View
• Updates in Notes 9 • Third Party• Ext JS
• Resources
4
![Page 5: Presenting Data Effectively in XPages - ATLUG May 2013](https://reader035.vdocuments.net/reader035/viewer/2022081413/547047c4af79599b308b4675/html5/thumbnails/5.jpg)
Why is this important to me?
• In Notes client applications, views look similar
5
![Page 6: Presenting Data Effectively in XPages - ATLUG May 2013](https://reader035.vdocuments.net/reader035/viewer/2022081413/547047c4af79599b308b4675/html5/thumbnails/6.jpg)
Why is this important to me?
• In Notes client applications, views look similar• In Domino applications, UI is outdated and inflexible
6
![Page 7: Presenting Data Effectively in XPages - ATLUG May 2013](https://reader035.vdocuments.net/reader035/viewer/2022081413/547047c4af79599b308b4675/html5/thumbnails/7.jpg)
Why is this important to me?
• In Notes client applications, views look similar• In Domino applications, UI is outdated and inflexible• Users compare our apps to popular sites• Interface goes a long way toward driving usage• XPages delivers modern options for data display
7
![Page 8: Presenting Data Effectively in XPages - ATLUG May 2013](https://reader035.vdocuments.net/reader035/viewer/2022081413/547047c4af79599b308b4675/html5/thumbnails/8.jpg)
Agenda• Why is this important to me?• XPages Core Controls• View Panel• Repeat Control• Data Table
• Extension Library / 8.5.3 UP1 / R9 Controls• Data View• Dynamic View Panel• Dojo Data Grid• iNotes List View
• Updates in Notes 9 • Third Party• Ext JS
• Resources
8
![Page 9: Presenting Data Effectively in XPages - ATLUG May 2013](https://reader035.vdocuments.net/reader035/viewer/2022081413/547047c4af79599b308b4675/html5/thumbnails/9.jpg)
View Panel
• Simplest way to surface data in XPages• Tabular display; similar to Notes client
9
![Page 10: Presenting Data Effectively in XPages - ATLUG May 2013](https://reader035.vdocuments.net/reader035/viewer/2022081413/547047c4af79599b308b4675/html5/thumbnails/10.jpg)
View Panel - Features
• Simple but clean look and feel• Automatically includes paging• Automatically handles categorization
10
![Page 11: Presenting Data Effectively in XPages - ATLUG May 2013](https://reader035.vdocuments.net/reader035/viewer/2022081413/547047c4af79599b308b4675/html5/thumbnails/11.jpg)
View Panel - Features
• Property to create a link to open document• Property to enable row selection• Style classes and other formatting• Sortable columns• Filtering: search, categoryFilter, keys, startKeys
11
![Page 12: Presenting Data Effectively in XPages - ATLUG May 2013](https://reader035.vdocuments.net/reader035/viewer/2022081413/547047c4af79599b308b4675/html5/thumbnails/12.jpg)
View Panel - Drawbacks
• UI often not considered modern enough• Looks a lot like a Notes client view, but with less
functionality
12
![Page 13: Presenting Data Effectively in XPages - ATLUG May 2013](https://reader035.vdocuments.net/reader035/viewer/2022081413/547047c4af79599b308b4675/html5/thumbnails/13.jpg)
View Panel – Use Cases
• Need to quickly surface data• UI requirements not stringent• Easy embedded views
13
![Page 14: Presenting Data Effectively in XPages - ATLUG May 2013](https://reader035.vdocuments.net/reader035/viewer/2022081413/547047c4af79599b308b4675/html5/thumbnails/14.jpg)
View Panel – Customization
• Computed columns• HTML columns• Editable View Columns (Article in The View)• Hijacking View Columns (NotesIn9 episode 101)
14
![Page 15: Presenting Data Effectively in XPages - ATLUG May 2013](https://reader035.vdocuments.net/reader035/viewer/2022081413/547047c4af79599b308b4675/html5/thumbnails/15.jpg)
View Panel – Enhanced Filtering
15
![Page 16: Presenting Data Effectively in XPages - ATLUG May 2013](https://reader035.vdocuments.net/reader035/viewer/2022081413/547047c4af79599b308b4675/html5/thumbnails/16.jpg)
Agenda• Why is this important to me?• XPages Core Controls• View Panel• Repeat Control• Data Table
• Extension Library / 8.5.3 UP1 / R9 Controls• Data View• Dynamic View Panel• Dojo Data Grid• iNotes List View
• Updates in Notes 9 • Third Party• Ext JS
• Resources
16
![Page 17: Presenting Data Effectively in XPages - ATLUG May 2013](https://reader035.vdocuments.net/reader035/viewer/2022081413/547047c4af79599b308b4675/html5/thumbnails/17.jpg)
Repeat Control
• Creates one instance for each entry• Similar to Data Table, but no default structure
17
![Page 18: Presenting Data Effectively in XPages - ATLUG May 2013](https://reader035.vdocuments.net/reader035/viewer/2022081413/547047c4af79599b308b4675/html5/thumbnails/18.jpg)
Repeat Control - Features
• Very flexible design – no rigid structure• Can display a view or an array of elements• Filtering*: search, categoryFilter, keys, startKeys
*Options available if using a view data source
18
![Page 19: Presenting Data Effectively in XPages - ATLUG May 2013](https://reader035.vdocuments.net/reader035/viewer/2022081413/547047c4af79599b308b4675/html5/thumbnails/19.jpg)
Repeat Control - Drawbacks
• Does not handle categorization• Does not handle column sorting• Manually configure fields• Manually define layout and style• Manually add links to open documents• Manually add paging
19
![Page 20: Presenting Data Effectively in XPages - ATLUG May 2013](https://reader035.vdocuments.net/reader035/viewer/2022081413/547047c4af79599b308b4675/html5/thumbnails/20.jpg)
Repeat Control – Use Cases
• Need flexible layout• Display document collection – not entire view• Combining data from multiple views
20
![Page 21: Presenting Data Effectively in XPages - ATLUG May 2013](https://reader035.vdocuments.net/reader035/viewer/2022081413/547047c4af79599b308b4675/html5/thumbnails/21.jpg)
Repeat Control – Customization
• Custom layout
21
![Page 22: Presenting Data Effectively in XPages - ATLUG May 2013](https://reader035.vdocuments.net/reader035/viewer/2022081413/547047c4af79599b308b4675/html5/thumbnails/22.jpg)
Agenda• Why is this important to me?• XPages Core Controls• View Panel• Repeat Control• Data Table
• Extension Library / 8.5.3 UP1 / R9 Controls• Data View• Dynamic View Panel• Dojo Data Grid• iNotes List View
• Updates in Notes 9 • Third Party• Ext JS
• Resources
22
![Page 23: Presenting Data Effectively in XPages - ATLUG May 2013](https://reader035.vdocuments.net/reader035/viewer/2022081413/547047c4af79599b308b4675/html5/thumbnails/23.jpg)
Data Table
• Creates one instance for each entry• Similar to Repeat, but with some structure
23
![Page 24: Presenting Data Effectively in XPages - ATLUG May 2013](https://reader035.vdocuments.net/reader035/viewer/2022081413/547047c4af79599b308b4675/html5/thumbnails/24.jpg)
Data Table - Features
• Flexible layout• Header row, content row, footer row• Can display a view or an array of elements• Style classes• Pagers• Filtering*: search, categoryFilter, keys, startKeys
*Options available if using a view data source
24
![Page 25: Presenting Data Effectively in XPages - ATLUG May 2013](https://reader035.vdocuments.net/reader035/viewer/2022081413/547047c4af79599b308b4675/html5/thumbnails/25.jpg)
Data Table - Drawbacks
• Does not handle categorization• Does not handle column sorting• Manually configure fields• Manually add links to open documents• Must work within a loose table structure
25
![Page 26: Presenting Data Effectively in XPages - ATLUG May 2013](https://reader035.vdocuments.net/reader035/viewer/2022081413/547047c4af79599b308b4675/html5/thumbnails/26.jpg)
Data Table – Use Cases
• Display data from a relational database• Display document collection – not entire view• Combining data from multiple views• Instead of repeat control when you want…• Repeating content within a tabular structure• Easier UI to work with in Domino Designer• Built-in properties for style classes
26
![Page 27: Presenting Data Effectively in XPages - ATLUG May 2013](https://reader035.vdocuments.net/reader035/viewer/2022081413/547047c4af79599b308b4675/html5/thumbnails/27.jpg)
Data Table – Customization
• Custom layout
27
![Page 28: Presenting Data Effectively in XPages - ATLUG May 2013](https://reader035.vdocuments.net/reader035/viewer/2022081413/547047c4af79599b308b4675/html5/thumbnails/28.jpg)
Agenda• Why is this important to me?• XPages Core Controls• View Panel• Repeat Control• Data Table
• Extension Library / 8.5.3 UP1 / R9 Controls• Data View• Dynamic View Panel• Dojo Data Grid• iNotes List View
• Updates in Notes 9 • Third Party• Ext JS
• Resources
28
![Page 29: Presenting Data Effectively in XPages - ATLUG May 2013](https://reader035.vdocuments.net/reader035/viewer/2022081413/547047c4af79599b308b4675/html5/thumbnails/29.jpg)
Data View
• Modern design• Built around a single summary column• Works in full browser and mobile• Used in TeamRoom template
29
![Page 30: Presenting Data Effectively in XPages - ATLUG May 2013](https://reader035.vdocuments.net/reader035/viewer/2022081413/547047c4af79599b308b4675/html5/thumbnails/30.jpg)
Data View - Features• More modern look than View Panel• Nice styling if using OneUI• Property-driven simple configuration• Flexible summary layout• Built-in link to open document• Collapsible details section• Multi-column layout• Categorization, hierarchy, icons, selection checkbox• Data source options• Pager More Rows control• Pager Save State control• Filtering*: search, categoryFilter, keys, startKeys
30
![Page 31: Presenting Data Effectively in XPages - ATLUG May 2013](https://reader035.vdocuments.net/reader035/viewer/2022081413/547047c4af79599b308b4675/html5/thumbnails/31.jpg)
Data View - Drawbacks
• Display revolves around a single summary value• Manual field binding/column titles• More work to style nicely if not using OneUI
31
![Page 32: Presenting Data Effectively in XPages - ATLUG May 2013](https://reader035.vdocuments.net/reader035/viewer/2022081413/547047c4af79599b308b4675/html5/thumbnails/32.jpg)
Data View and OneUI
• Without OneUI
32
• With OneUI
![Page 33: Presenting Data Effectively in XPages - ATLUG May 2013](https://reader035.vdocuments.net/reader035/viewer/2022081413/547047c4af79599b308b4675/html5/thumbnails/33.jpg)
Data View - Creation
• Drag and drop a Data View control onto a page• Select a summary column• Optionally add extra columns• Optionally define a category column
33
![Page 34: Presenting Data Effectively in XPages - ATLUG May 2013](https://reader035.vdocuments.net/reader035/viewer/2022081413/547047c4af79599b308b4675/html5/thumbnails/34.jpg)
Data View – Creation (con’t)
• Optionally customize the summary section• Optionally add a collapsible details section
34
![Page 35: Presenting Data Effectively in XPages - ATLUG May 2013](https://reader035.vdocuments.net/reader035/viewer/2022081413/547047c4af79599b308b4675/html5/thumbnails/35.jpg)
Data View – Use Cases
• Need more modern look• Need highly flexible UI• Need a collapsible section to display more info• Need categorization• Need response hierarchy• Need custom icon columns• Need multiple column layout
35
![Page 36: Presenting Data Effectively in XPages - ATLUG May 2013](https://reader035.vdocuments.net/reader035/viewer/2022081413/547047c4af79599b308b4675/html5/thumbnails/36.jpg)
Data View – Customization
• Custom summary section
36
![Page 37: Presenting Data Effectively in XPages - ATLUG May 2013](https://reader035.vdocuments.net/reader035/viewer/2022081413/547047c4af79599b308b4675/html5/thumbnails/37.jpg)
Data View – Customization
• Custom Detail Section -- Repeat Control and Form
37
![Page 38: Presenting Data Effectively in XPages - ATLUG May 2013](https://reader035.vdocuments.net/reader035/viewer/2022081413/547047c4af79599b308b4675/html5/thumbnails/38.jpg)
Data View – Customization
• Multiple Columns
38
![Page 39: Presenting Data Effectively in XPages - ATLUG May 2013](https://reader035.vdocuments.net/reader035/viewer/2022081413/547047c4af79599b308b4675/html5/thumbnails/39.jpg)
Data View – Customization
• Pager Save State control• Pager Add Rows control
39
![Page 40: Presenting Data Effectively in XPages - ATLUG May 2013](https://reader035.vdocuments.net/reader035/viewer/2022081413/547047c4af79599b308b4675/html5/thumbnails/40.jpg)
Agenda• Why is this important to me?• XPages Core Controls• View Panel• Repeat Control• Data Table
• Extension Library / 8.5.3 UP1 / R9 Controls• Data View• Dynamic View Panel• Dojo Data Grid• iNotes List View
• Updates in Notes 9 • Third Party• Ext JS
• Resources
40
![Page 41: Presenting Data Effectively in XPages - ATLUG May 2013](https://reader035.vdocuments.net/reader035/viewer/2022081413/547047c4af79599b308b4675/html5/thumbnails/41.jpg)
Dynamic View Panel
• Simplest Extension Library control for data display• Automatically surfaces entire view
41
![Page 42: Presenting Data Effectively in XPages - ATLUG May 2013](https://reader035.vdocuments.net/reader035/viewer/2022081413/547047c4af79599b308b4675/html5/thumbnails/42.jpg)
Dynamic View Panel - Features
• No configuration required• Automatically handles categorization• Automatically handles column sorting • Automatically handles icon columns• Automatically provides link to open document• Built-in column filter property• Style class properties• Handles unread marks• Selection checkboxes• Filtering: search, categoryFilter, keys, startKeys,
property to filter a specified column
42
![Page 43: Presenting Data Effectively in XPages - ATLUG May 2013](https://reader035.vdocuments.net/reader035/viewer/2022081413/547047c4af79599b308b4675/html5/thumbnails/43.jpg)
Dynamic View Panel - Drawbacks
• Layout cannot be modified• No built-in method of defining XPage to open• Documents automatically open in edit mode• Must write a managed bean to modify columns• Sort column property doesn’t seem to work• Misses some sortable columns
43
![Page 44: Presenting Data Effectively in XPages - ATLUG May 2013](https://reader035.vdocuments.net/reader035/viewer/2022081413/547047c4af79599b308b4675/html5/thumbnails/44.jpg)
Dynamic View Panel – Use Cases
• Quickly surface a view with all columns• Need to maintain categorization or icon columns• No layout changes required• Need the ability to dynamically select the view to
surface• Need easy quick filtering ability on a single column
44
![Page 45: Presenting Data Effectively in XPages - ATLUG May 2013](https://reader035.vdocuments.net/reader035/viewer/2022081413/547047c4af79599b308b4675/html5/thumbnails/45.jpg)
Dynamic View Panel – Customization• Compute the data source and provide the ability
select the view dynamically• Write managed bean to modify view columns• Customizer Bean sample available on XSnippets
45
![Page 46: Presenting Data Effectively in XPages - ATLUG May 2013](https://reader035.vdocuments.net/reader035/viewer/2022081413/547047c4af79599b308b4675/html5/thumbnails/46.jpg)
Agenda• Why is this important to me?• XPages Core Controls• View Panel• Repeat Control• Data Table
• Extension Library / 8.5.3 UP1 / R9 Controls• Data View• Dynamic View Panel• Dojo Data Grid• iNotes List View
• Updates in Notes 9 • Third Party• Ext JS
• Resources
46
![Page 47: Presenting Data Effectively in XPages - ATLUG May 2013](https://reader035.vdocuments.net/reader035/viewer/2022081413/547047c4af79599b308b4675/html5/thumbnails/47.jpg)
Dojo Data Grid
• Built on the Dojo DataGrid
47
![Page 48: Presenting Data Effectively in XPages - ATLUG May 2013](https://reader035.vdocuments.net/reader035/viewer/2022081413/547047c4af79599b308b4675/html5/thumbnails/48.jpg)
Dojo Data Grid - Features
• Simple to surface• Infinite scrolling• Column sorting• Column reordering• Row selector• Editable columns built in!• Multi-row layouts• Row styling event• Can display data not from view columns• Row click and double-click events available• Row selection options
48
![Page 49: Presenting Data Effectively in XPages - ATLUG May 2013](https://reader035.vdocuments.net/reader035/viewer/2022081413/547047c4af79599b308b4675/html5/thumbnails/49.jpg)
Dojo Data Grid - Drawbacks
• Takes a little bit of code to stop invalid sort options• Requires a REST service for the data (still easy)• Manually add code to allow for document open
49
![Page 50: Presenting Data Effectively in XPages - ATLUG May 2013](https://reader035.vdocuments.net/reader035/viewer/2022081413/547047c4af79599b308b4675/html5/thumbnails/50.jpg)
Dojo Data Grid - Creation
• Create a REST service for the view data• Add a Dojo Data Grid control to the page• Set the storeComponentId to the REST service• Add Dojo Data Grid Column controls and bind them
50
![Page 51: Presenting Data Effectively in XPages - ATLUG May 2013](https://reader035.vdocuments.net/reader035/viewer/2022081413/547047c4af79599b308b4675/html5/thumbnails/51.jpg)
Dojo Data Grid – Filtering
• Based on the REST service, but works the same• search• categoryFilter• keys• startKeys• Requires refresh of REST service along with view
control to update the data
51
![Page 52: Presenting Data Effectively in XPages - ATLUG May 2013](https://reader035.vdocuments.net/reader035/viewer/2022081413/547047c4af79599b308b4675/html5/thumbnails/52.jpg)
Dojo Data Grid – Use Cases
• Need an alternate option for displaying data• Need infinite scrolling• Need to edit data directly in the view• Need multi-row layout• Need to customize columns in a grid display
52
![Page 53: Presenting Data Effectively in XPages - ATLUG May 2013](https://reader035.vdocuments.net/reader035/viewer/2022081413/547047c4af79599b308b4675/html5/thumbnails/53.jpg)
Dojo Data Grid – Customization
• Compute columns in the REST service• Apply formatting functions to modify column data• Dojo EnhancedGrid Plugins
53
![Page 54: Presenting Data Effectively in XPages - ATLUG May 2013](https://reader035.vdocuments.net/reader035/viewer/2022081413/547047c4af79599b308b4675/html5/thumbnails/54.jpg)
Dojo Data Grid – Customization
• Full-text search
54
![Page 55: Presenting Data Effectively in XPages - ATLUG May 2013](https://reader035.vdocuments.net/reader035/viewer/2022081413/547047c4af79599b308b4675/html5/thumbnails/55.jpg)
Dojo Data Grid – Customization
• Field-specific search
55
![Page 56: Presenting Data Effectively in XPages - ATLUG May 2013](https://reader035.vdocuments.net/reader035/viewer/2022081413/547047c4af79599b308b4675/html5/thumbnails/56.jpg)
Dojo Data Grid – Customization
• Editable Columns – plain text or drop-down list• Single or double click to edit• Requires 1 line of code to save changes
56
![Page 57: Presenting Data Effectively in XPages - ATLUG May 2013](https://reader035.vdocuments.net/reader035/viewer/2022081413/547047c4af79599b308b4675/html5/thumbnails/57.jpg)
Dojo Data Grid – Enhanced Filtering• Can be enabled with a few configuration settings• Works with no coding!
57
![Page 58: Presenting Data Effectively in XPages - ATLUG May 2013](https://reader035.vdocuments.net/reader035/viewer/2022081413/547047c4af79599b308b4675/html5/thumbnails/58.jpg)
Agenda• Why is this important to me?• XPages Core Controls• View Panel• Repeat Control• Data Table
• Extension Library / 8.5.3 UP1 / R9 Controls• Data View• Dynamic View Panel• Dojo Data Grid• iNotes List View
• Updates in Notes 9 • Third Party• Ext JS
• Resources
58
![Page 59: Presenting Data Effectively in XPages - ATLUG May 2013](https://reader035.vdocuments.net/reader035/viewer/2022081413/547047c4af79599b308b4675/html5/thumbnails/59.jpg)
iNotes List View
• Similar to Dynamic View Panel, with grid display• Automatically surfaces entire view
59
![Page 60: Presenting Data Effectively in XPages - ATLUG May 2013](https://reader035.vdocuments.net/reader035/viewer/2022081413/547047c4af79599b308b4675/html5/thumbnails/60.jpg)
iNotes List View - Features
• Grid interface with no configuration required• Infinite scrolling• Handles categorization (doesn’t scroll well)• Sortable column options automatically available• Handles icon columns• Property to alternate row colors• Many built-in client-side events• Filtering: search, categoryFilter, keys, startKeys
60
![Page 61: Presenting Data Effectively in XPages - ATLUG May 2013](https://reader035.vdocuments.net/reader035/viewer/2022081413/547047c4af79599b308b4675/html5/thumbnails/61.jpg)
• Layout cannot be modified• Requires a REST service for the data (still easy)• From iNotes -- not built for XPages, so has no access
to server-side JavaScript events• No control over formatting or alignment of data• Doesn’t scroll well with categorized data
61
iNotes List View - Drawbacks
![Page 62: Presenting Data Effectively in XPages - ATLUG May 2013](https://reader035.vdocuments.net/reader035/viewer/2022081413/547047c4af79599b308b4675/html5/thumbnails/62.jpg)
iNotes List View – Use Cases
• Quickly surface iNotes-like grid with all columns• No need to modify layout• No need for SSJS events
62
![Page 63: Presenting Data Effectively in XPages - ATLUG May 2013](https://reader035.vdocuments.net/reader035/viewer/2022081413/547047c4af79599b308b4675/html5/thumbnails/63.jpg)
Agenda• Why is this important to me?• XPages Core Controls• View Panel• Repeat Control• Data Table
• Extension Library / 8.5.3 UP1 / R9 Controls• Data View• Dynamic View Panel• Dojo Data Grid• iNotes List View
• Updates in Notes 9 • Third Party• Ext JS
• Resources
63
![Page 64: Presenting Data Effectively in XPages - ATLUG May 2013](https://reader035.vdocuments.net/reader035/viewer/2022081413/547047c4af79599b308b4675/html5/thumbnails/64.jpg)
Updates in Notes 9
64
![Page 65: Presenting Data Effectively in XPages - ATLUG May 2013](https://reader035.vdocuments.net/reader035/viewer/2022081413/547047c4af79599b308b4675/html5/thumbnails/65.jpg)
Updates in Notes 9
• iNotes List View – property categories combined
65
Notes 853Notes 9
![Page 66: Presenting Data Effectively in XPages - ATLUG May 2013](https://reader035.vdocuments.net/reader035/viewer/2022081413/547047c4af79599b308b4675/html5/thumbnails/66.jpg)
Agenda• Why is this important to me?• XPages Core Controls• View Panel• Repeat Control• Data Table
• Extension Library / 8.5.3 UP1 / R9 Controls• Data View• Dynamic View Panel• Dojo Data Grid• iNotes List View
• Updates in Notes 9 • Third Party• Ext JS
• Resources
66
![Page 67: Presenting Data Effectively in XPages - ATLUG May 2013](https://reader035.vdocuments.net/reader035/viewer/2022081413/547047c4af79599b308b4675/html5/thumbnails/67.jpg)
Third Party Option - Ext JS
• Grid-based layout• Amazing functionality• Met the needs of the world’s largest XPages app,
developed by PSC
67
![Page 68: Presenting Data Effectively in XPages - ATLUG May 2013](https://reader035.vdocuments.net/reader035/viewer/2022081413/547047c4af79599b308b4675/html5/thumbnails/68.jpg)
Ext JS - Features
• Very nice UI• Sorting• Filtering• Grouping (i.e. Categorization)• Inline editing• Column reordering• Hiding columns• Totals• Customizable row content 68
![Page 69: Presenting Data Effectively in XPages - ATLUG May 2013](https://reader035.vdocuments.net/reader035/viewer/2022081413/547047c4af79599b308b4675/html5/thumbnails/69.jpg)
Ext JS - Drawbacks
• Complexity, complexity, complexity• Not built into XPages, so no features are built into
Domino Designer• Much more coding required to surface and
customize• Additional resources to load• Cost
69
![Page 70: Presenting Data Effectively in XPages - ATLUG May 2013](https://reader035.vdocuments.net/reader035/viewer/2022081413/547047c4af79599b308b4675/html5/thumbnails/70.jpg)
Ext JS – Sorting / Column Display
• Ascending and descending sort options• Columns must have those options in Notes view
• Define columns that can be hidden
70
![Page 71: Presenting Data Effectively in XPages - ATLUG May 2013](https://reader035.vdocuments.net/reader035/viewer/2022081413/547047c4af79599b308b4675/html5/thumbnails/71.jpg)
Ext JS – Filtering
• Powerful, but manually coded for remote filtering• Filtering of the visible rows is already available
• Can apply filters to multiple fields simultaneously
71
![Page 72: Presenting Data Effectively in XPages - ATLUG May 2013](https://reader035.vdocuments.net/reader035/viewer/2022081413/547047c4af79599b308b4675/html5/thumbnails/72.jpg)
Ext JS – Use Cases
• Need more functionality than Dojo Grid provides• Time and skills to implement and customize
72
![Page 73: Presenting Data Effectively in XPages - ATLUG May 2013](https://reader035.vdocuments.net/reader035/viewer/2022081413/547047c4af79599b308b4675/html5/thumbnails/73.jpg)
Agenda• Why is this important to me?• XPages Core Controls• View Panel• Repeat Control• Data Table
• Extension Library / 8.5.3 UP1 / R9 Controls• Data View• Dynamic View Panel• Dojo Data Grid• iNotes List View
• Updates in Notes 9 • Third Party• Ext JS
• Resources
73
![Page 74: Presenting Data Effectively in XPages - ATLUG May 2013](https://reader035.vdocuments.net/reader035/viewer/2022081413/547047c4af79599b308b4675/html5/thumbnails/74.jpg)
Resources
• Mastering XPages• XPages Extension Library• NotesIn9.com• The View Journal (eview.com)• PlanetLotus.org• Xcellerant.net
![Page 75: Presenting Data Effectively in XPages - ATLUG May 2013](https://reader035.vdocuments.net/reader035/viewer/2022081413/547047c4af79599b308b4675/html5/thumbnails/75.jpg)
Questions?