PHP Generator Feature Demo
  • Themes
    • Default
    • Default compact
    • Cerulean
    • Cerulean compact
    • Cosmo
    • Cyborg
    • Darkly
    • Darkly compact
    • Facebook
    • Flatly
    • Journal
    • Lumen
    • Paper
    • Readable
    • Sandstone
    • Simplex
    • Slate
    • Slate compact
    • Spacelab
    • Superhero
    • Superhero compact
    • United
    • United compact
    • Yeti
    • Yeti compact
  • English
    • German
    • Brazilian
    • Czech
    • Danish
    • Spanish
    • French
    • Hungarian
    • Italian
    • Dutch
    • Polish
    • Russian
    • Swedish
    • Slovak
    • Slovenian
    • Serbian
    • Turkish
  • Learn more
    • PHP Generator Feature Demo
    • About this demo
    • Download project file for this demo
    • Check out other PHP Generator demos
    • NBA Database Demo
    • MySQL Schema Browser Demo
    • Learn more about our products
    • Try PHP Generator for free
    • SQL Maestro Group website
  • What's new
    • Home Page
    • Column Grouping
    • Record Comparison
    • Card Mode Details
    • Adding multiple records
    • Form Layouts
    • On-the-Fly Adding
    • Quick Edit
    • Geo Charts
    • Column Filter
    • Card View
    • Master/Detail Basics
    • Inline Editing
    • Dependent Lookups
    • Image Galleries
    • Filter Builder
  • Recently Added Pages
    • Preliminary Filter
    • Custom Filter
    • Custom Icons
    • Custom Theme
    • Custom Editor
    • Page Embedding
    • Many-to-Many: Example 1
    • Many-to-Many: Example 2
    • Text Editor
    • Text Area Editor
    • Spin & Range Editors
    • Combobox Editor
    • Radio Group Editor
    • Autocomplete Editor
    • Multiple Select Editor
    • Checkbox Group Editor
    • Upload To Folder Editors
    • Editor Common Properties
  • Data Grid
    • Table View
    • Card View
    • Autohiding Columns
    • Totals
    • Grid Header
    • Column Grouping
    • Record Comparison
    • Unicode Support
    • Custom Drawing
    • Custom Table Template
    • Custom Card Template
  • Grid Columns
    • Column Types
    • Text Truncating
    • Column Fixed Width
    • Formatting
    • Null Label
    • Hyperlinks
    • Image Galleries
    • Custom Rendering
  • Grid Options
    • Fixed Grid Width
    • Fixed Column Header
    • Bordered Table
    • Condensed Table
    • Line Numbers
    • Control Buttons Position
  • Master-Detail Views
    • Master/Detail Basics
    • Multiple Details
    • Nested Details
    • Card Mode Details
  • Data Input Forms
    • Separate Page
    • Modal Window
    • Inline Editing
    • Custom Separate Page
    • Custom Modal Dialog
    • Custom Inline Form
    • Adding multiple records
    • Form Layouts
    • Editors Overview
    • Validation
    • Client-side API
    • Dependent Lookups
    • On-the-Fly Adding
    • Quick Edit
  • Editors
    • Text
    • Text Area
    • Spin & Range
    • Combobox
    • Radio Group
    • Autocomplete
    • Multiple Select
    • Checkbox Group
    • Upload To Folder
    • Common Properties
  • Data Filtering
    • Quick Filter
    • Filter Builder
    • Column Filter
    • Preliminary Filter
    • Custom Filter
  • Sorting
    • Sort By Click
    • Sort By Dialog
    • Default Sort Order
  • Partitioning
    • Range
    • List
    • Custom
  • Exporting & Printing
    • Grid
    • Single Record
    • Export Options
    • Custom Templates
  • Charts
    • Pie Chart
    • Column Chart
    • Bar Chart
    • Line Chart
    • Area Chart
    • Geo Charts
    • Multiple Charts
    • Chart Placement
    • Customizing Charts
    • Dashboard
  • Many-to-Many Relations
    • Classic Junction Table
    • Handling Extra Columns
  • Fine-tuning & Tweaking
    • Custom Icons
    • Custom Theme
    • Custom Editor
    • Page Embedding
  • Custom Templates
    • Grid View
    • Card View
    • Separate Page Editing
    • Modal Dialog Editing
    • Inline Form Editing
    • Exporting & Printing
  1. Data Input Forms
  2. Data Input Forms.Client-side API
    • Separate Page
    • Modal Window
    • Inline Editing
    • Custom Separate Page
    • Custom Modal Dialog
    • Custom Inline Form
    • Adding multiple records
    • Form Layouts
    • Editors Overview
    • Validation
    • Dependent Lookups
    • On-the-Fly Adding
    • Quick Edit

Data Input Forms.Client-side API

Page settings

Appearance

Here you can select the number of cards to be placed in a row for each of supported screen resolutions. Your current resolution is highlighted in this way.

Cancel Save changes
×

PHP Generator provides full control over the Edit and Insert forms via client-side events. In the example below these events are used to show/hide the Credit Card Number editor according to the selected payment method.

Open Insert or Edit forms to see these features in action. Click the button to get familiar with the event handlers' code.

Add new
Refresh
Export
  • Export to Excel
  • Export to Word
  • Export to Xml
  • Export to Csv
  • Export to Pdf
Print
  • Print current page
  • Print all pages

// OnInsertFormLoaded event body
 // This event will be called on 'copy' forms too
            var isCreditCard = editors.payment_method.getValue() === 'Credit Card';
            editors.credit_card.setVisible(isCreditCard).setRequired(isCreditCard);

// OnEditFormLoaded event body
 var isCreditCard = editors.payment_method.getValue() === 'Credit Card';
            editors.credit_card.setVisible(isCreditCard).setRequired(isCreditCard);

// OnInsertFormEditorValueChanged event body
 if (sender.getFieldName() === 'payment_method') {
                var isCreditCard = editors.payment_method.getValue() === 'Credit Card';
                editors.credit_card.setVisible(isCreditCard).setRequired(isCreditCard);
            }

// OnEditFormEditorValueChanged event body
 if (sender.getFieldName() === 'payment_method') {
                var isCreditCard = editors.payment_method.getValue() === 'Credit Card';
                editors.credit_card.setVisible(isCreditCard).setRequired(isCreditCard);
            }


 
Actions Name Lastname Birthday Email Website Payment Method Credit Card Number
Benjamin Zamora 01 Jul 1935 b_zamora@dayrep.com http://picoroute.com Credit Card 4485 4663 0885 0386
Elizabeth Johansen 09 Nov 1967 e_joh@jourrapide.com https://leaudrey.com Credit Card 5510 7088 4900 3017
George Vargas 19 May 1958 g_vargas@rhyta.com http://isawdre.com Credit Card 4916 3653 2853 9954
Rhoda Truitt 19 Sep 1978 r_truitt@armyspy.com http://iozend.com Credit Card 4532 7304 2633 7607
Donald Campbell 08 Dec 1971 d.campbell@armyspy.com http://fwinsltd.com Credit Card 5334 1133 0191 6992
Martha Hamilton 05 May 1980 m.hamilton@example.com http://sandbanksdub.com PayPal NULL
Reta Johnson 20 Feb 1978 r.johnson@jourrapide.com http://customizedrugs.ch PayPal NULL
Leonard Ruggiero 07 Nov 1967 l_ruggiero@jourrapide.com http://oxonote.com PayPal NULL
Norman Bell 19 May 1989 n_bell@armyspy.com http://ShopEquity.ch PayPal NULL
There are no records to display

Multiple Sort

Column Order

Filter builder

About this demo

This demo application contains 60+ pages and illustrates most of features provided by PHP Generator. Hope it will help you to create even more powerful websites for your users.

You can download the demo project from our website and run the demo on your webserver as described in readme.txt.

Download PHP Generator Free Trial

Legend
New Pages showing new features implemented in the latest version of PHP Generator (currently 16.9).
Upd Pages showing features significantly updated in the latest version of PHP Generator (currently 16.9).
New Pages recently added to this demo.

© 2002- SQL Maestro Group. Created with PHP Generator for MySQL.

Change your password

Change password for user ''

Passwords do not match. Please try again.

Close Change password