This is a sneak peek at a new Ext JS tree plugin which I’ve developed. I’m in the final stages of packaging it and producing the demo’s and documentation so it will be available for download on apex-plugin.com very soon.
So what features does the plugin offer?
- AJAX enabled with the choice of loading the entire tree in one call or on node by node expanding
- Search: Dynamic filtering of the tree contents
- Expand & Collapse buttons
- Drag & Drop Reordering Support
- Tree Label Editing
- Checkbox Nodes with state saving using an existing APEX item
- Context Menu Support (from SQL Query)
- Cookie based state saving for expanded nodes.
- Order by “Display Sequence” support
- Fully integrated into dynamic actions. Bind click, drag & drop, edit complete, expand, collapse, context menu selection etc. events
- In it’s basic form opens URL targets
- Tree config is fully customizable
- Support for node by node custom config, e.g. enableDrag = false
- Full support for replacing substitution strings (label, help text, url, etc)
- Custom icon support
- Help text support
- Supports unlimited tree’s on a single page
The plugin takes the following list of 10 parameters:
With the event support you can create dynamic actions to process tree events. This means that it’s simple to refresh reports, perform AJAX callbacks to process the reordering of nodes, or label edits, or filtering of reports based on check box selections.
The hidden gem is the context menu. The context menu can be generated just like the tree in an object hierarchy from a single SQL statement. This means that you can have multi navigational capabilities, or filtering. Here’s one example of using a date picker within the context menu….
and if you’re using 11g and you need a complex context menu with datepicker, radio items, combo support, you can define your context menu query based on a table/view which has a parameter and value column like this…
SELECT id menu_id , pid menu_pid , display_seq display_seq , LISTAGG('<'||parameter||'>'||parameter_value||'</'||parameter||'>', ' ') WITHIN GROUP (ORDER BY parameter) xmlconfig FROM af#tree_context_menu GROUP BY id , pid , display_seq
Your parameter values can be (sub)JSON objects I’ll take care of turning the entire resultset into a JSON object hieararchy with the aid of “dbms_xmlgen.newcontextfromhierarchy” and XSLT.
P.S. This is just the first Ext plugin in the series, with more coming soon.
Today I’m releasing the RC1 (Release Candidate 1) version of my commercial File Upload Item Plugin. The plugin supports the multiple selection and uploading of files from a single file browse with the addition of drag & drop support for browsers that support HTML5. It also provides backwards compatibility for non HTML5 browsers by allowing multiple files to be uploaded one by one without submitting the page. The plugin is compatible with modplsql & the PLSQL gateway.
The plugin supports 4 events which can be used in combination with dynamic actions e.g. refreshing a report once a file upload is complete. Here’s a recorded demonstration of the plugin in action.
Finally I’m making a obfuscated RC1 version available for download and testing from apex-plugin.com as I’m hoping to gather some useful feedback before the final product release to accommodate any tweaks or enhancement requests. So please download and test it out for me if it’s something you think you might use in the future.
Please Note: using the plugin in production will require the purchase of an appropriate license.