MX Widgets Suite Tutorial

Nafur - Dniga

Le téléchargement nécessite un accès à la bibliothèque YouScribe
Tout savoir sur nos offres

47 pages

English

Le téléchargement nécessite un accès à la bibliothèque YouScribe
Tout savoir sur nos offres

A propos
Informations
Extrait

Description

Informations

Publié par	Nafur
Nombre de lectures	677
Langue	English

Extrait

Dreamweaver extensions for dynamic websites
Using the MX Widgets dynamic
controls to create complex web
applications
version 2.8InterAKT Online MX Widgets Suite Tutorial
Table of Contents
Overview............................................................................................................................................3
Prerequisites.......................................................................3
Intended Audience........................................................................3
Requirements................................................................................3
Typographic Conventions...........................................................................................................................3
Files................................................................................................4
Functional Overview.........................................................................................................................4
Widgets Explained.......................................................................................................................................4
For the PHP developers....................................................................................................................5
Configuring Your Site.......................................................................................................................5
Database Design...........................................................................5
Creating the database.................................................................5
Creating a Dreamweaver MX Site...............................................................................................................6
Step 1 : Configuring the Local Information section....................................................................................6
Step 2 : Configuring the Remote Information section................................................................................6
Step 3 : Configuring the Testing Server section........................................................................................7
Using the MX Widgets Suite Controls.............................................................................................8
Creating the Record List.............................................................................................................................8
Configuring the Database Connection.......................................................................................................8..........................................................................................................................13
Creating the Detail Page............................................................................................................................16
Creating the product dynamic menu........................................................................................................18
Using the Numeric Input Widget..............................................................................................................19
Using the n..1 Dependent Field Widget ..................................................................................................21
Using the Masked Input Widget...............................................................................................................22
Using the Editable Dropdown Widget.........................................23
Using the Smart Date Widget .................................................................................................................25
Using the Calendar Widget......................................................................................................................26
Using the Dependent Dropdown Widget ................................................................................................28
Applying the Update Record Server Behavior.........................................................................................31
Creating the Insert Page............................................................................................................................33
Creating a Filtered List Using the Dynamic Search Widget..................................................................36
For the PHP developers...........................................................................................................................37
For the ColdFusion developers................................................................................................................39
For the ASP developers...........................................................................................................................40
Conclusions.....................................................................................................................................43
Appendix - versions........................................................................................................................44
PHP...............................................................................................44
ColdFusion...................................................................................44
Copyright..........................................................................45
http://www.interaktonline.com Page 2InterAKT Online MX Widgets Suite Tutorial
Overview
This tutorial is designed to help you understand how to use the MX Widgets to create powerful HTML forms. We
will present all the Server Behaviors included in the package, together with the generated widget code.
MX Widgets are shipped in 2 packages: the full package includes all the widgets featured in this document; the
demo version only contains the Numeric Textfield widgets. This tutorial includes documentation for all the
widgets; please consider this when asking for missing features from your specific package.
We will create a small dynamic PHP/ColdFusion/ASP site that will be used to manage a travel journal. The
journal will store shipments of specific products, to various cities, made with the car driven by different drivers.
Looking at a real case problem, we see this kind of application being used by shipment companies like DHL or
Fedex, which ship merchandise using cars (for the last mile) in the whole world.
To exemplify all our widgets, we have chosen to manage in our journal various dynamic properties: the shipped
product (a simple dynamic dropdown), the product measurement unit (which is a control that manages an “n to 1”
database relation), the product price (a control that will demonstrate the numeric data format), the delivery car
number (a control that will enforce a specific mask for a field), an entrance date (a textfield that restricts the input
format to date), the exit date (displays a calendar to allow easy date selection), the continent-country-city cascaded
property (a cascaded master/detail menu) and the car driver (a dropdown menu allowing you to select or add a
driver's name).
The PHP developers will use a MySQL database and a PHP_MySQL or PHAkt2 (PHP_ADODB) server model,
the ColdFusion developers will use a Microsoft Access database and the ColdFusion server model, while the ASP
developers will also use a Microsoft Access database but with the ASP_VBScript server model.
The generated site will benefit from the power of the MX Widgets Suite, allowing the site users to enter
information into the HTML form with ease.
Prerequisites
Intended Audience
This tutorial is intended for the Dreamweaver MX developers interested in easing their work when designing
dynamic web sites. You will need a basic understanding of PHP/ColdFusion/ASP development using
Dreamweaver MX and a limited knowledge of SQL, including how to create a database and a query.
Requirements
This tutorial requires basic knowledge of Macromedia Dreamweaver MX development practices.
In order to use the MX Widgets Suite, you'll have to install the following software programs :
Macromedia Dreamweaver MX or MX 2004 http ://www.macromedia.com/
Dreamweaver MX 6.1 update
MX Widgets Suite
http ://www.interaktonline.com/products/MXWidgets/
PHAkt2 (only for the PHP_ADODB server model):/products/PHAkt/
Web server with PHP/ColdFusion/ASP support http://www.php.net
A MySQL/Microsoft Access database http ://www.mysql.com/
You can also check out the compatibility matrix to see how the MX Widgets are rendered by different browsers on
various operating systems at this web address:
http://www.interaktonline.com/Products/Dreamweaver-Extensions/MXWidgets/Compatibility/
NOTES :
Please follow the install notes found in each installation kit to configure your workspace. We presume you have a
correctly configured platform for PHP/ColdFusion/ASP development under Dreamweaver MX (the configured
Windows or Linux server, share or ftp access, a Dreamweaver MX site).
http://www.interaktonline.com Page 3InterAKT Online MX Widgets Suite Tutorial
Typographic Conventions
The notations and text formats used in this tutorial are found below :
 database name will be displayed using a bold, monospaced font: "Widgets_database"
 database tables will be displayed using an italic font: "continents_con"
 database fields will be displayed using a bold, italic font "id_con"
 site name : underlined font "Widgets"
 site page : monospaced, italic "index.php"
 recordset name : underline