|
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. |
||
This page shows how to use client-side API to implement dependent (AKA cascading) lookup controls.
In this example, when a user selects a country from the dropdown list, the City dropdown list is automatically populated with the appropriate list of cities. Open Insert or Edit forms to see these features in action. Click the button to get familiar with the event handlers' code.
Note. In this example both Country and City fields are stored in the table. The best practice is to store only the city (which explicitly determines the corresponding country) and use Cascading Combobox or Dynamic Cascading Combobox as this will free the database of modification anomalies. Learn more about normalization.
// OnEditFormLoaded event body
function initCityQuery() {
var country = editors.country_code.getData();
if (country) {
editors.city_id.setQueryFunction(function (term) {
return {
term: term,
fields: {
CountryCode: country.fields.Code
}
};
});
}
}
if (editors.country_code.getValue()) {
initCityQuery();
editors.country_code.getRootElement().on('select2-init', initCityQuery);
}
editors.city_id.setEnabled(editors.city_id.getValue());// OnInsertFormEditorValueChanged event body
if (sender.getFieldName() === 'country_code') {
var country = sender.getData();
editors.city_id
.setData(null)
.setEnabled(country);
if (country) {
editors.city_id.setQueryFunction(function (term) {
return {
term: term,
fields: {
CountryCode: country.fields.Code
}
};
});
}
}// OnEditFormEditorValueChanged event body
// ...the same code as for OnInsertFormEditorValueChanged event|
|
||
| Column | Order | |
|---|---|---|
This demo application contains 100+ 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.