Alt form alan türü
From Joomla! Documentation
Alt form form alanı türü, XML formlarını birbiri içinde kullanmak veya mevcut bir form içindeki formları yeniden kullanmak için bir yöntem sağlar. çoklu özelliği true olarak ayarlanırsa, dahil edilen form tekrarlanabilir olacaktır.
Alan, alt formu bir tablo veya div kapsayıcı olarak görüntülemek için iki "ön tanımlı" düzene ve özel düzenler için desteğe sahiptir.
Tek modu için örnek bir XML alan tanımı:
<field name="field-name" type="subform"
formsource="path/to/exampleform.xml"
label="Subform Field" description="Subform Field Description" />
çoklu modu için örnek bir XML alan tanımı:
<field name="field-name" type="subform"
formsource="path/to/exampleform.xml" multiple="true"
label="Subform Field" description="Subform Field Description" />
exampleform.xml için örnek XML
<?xml version="1.0" encoding="UTF-8"?>
<form>
<field name="example_text" type="text" label="Example Text" />
<field name="example_textarea" type="textarea" label="Example Textarea" cols="40" rows="8" />
</form>
fieldsets ile exampleform.xml için örnek bir XML
<?xml version="1.0" encoding="UTF-8"?>
<form>
<fieldset name="section1" label="Section1">
<field name="example_text" type="text" label="Example Text" />
<field name="example_textarea" type="textarea" label="Example Textarea" cols="40" rows="8" />
</fieldset>
<fieldset name="section2" label="Section2">
<field name="example_list" type="list" default="1" class="advancedSelect" label="Example List">
<option value="1">JYES</option>
<option value="0">JNO</option>
</field>
</fieldset>
</form>
Alt form XML'i, alt form XML'ini ayrı bir dosyaya yerleştirmeye alternatif olarak satır içi olarak da belirtilebilir. Aşağıdaki örnek bunu göstermektedir:
<?xml version="1.0" encoding="UTF-8"?>
<field
name="field-name"
type="subform"
label="Subform Field"
description="Subform Field Description"
multiple="true"
min="1"
max="10"
>
<form>
<field
name="example_text"
type="text"
label="Example Text"
/>
<field
name="example_textarea"
type="textarea"
label="Example Textarea"
cols="40"
rows="8"
/>
</form>
</field>
Alan özellikleri:
- type (mandatory) must be subform.
- name (mandatory) is the unique name of the field.
- label (mandatory) (translatable) is the descriptive title of the field.
- description (optional) (translatable) is text that will be shown as a tooltip when the user moves the mouse over the drop-down box.
- required (optional) The field must be filled before submitting the form.
- message (optional) The error message that will be displayed instead of the default message.
- default (optional) is the default value, JSON string.
- formsource (mandatory) the form source to be included. A relative path to the xml file (relative to the root folder for the installed Joomla site) or a valid form name which can be found by JForm::getInstance().
- multiple (optional) whether the subform fields are repeatable or not.
- min (optional) count of minimum repeating in multiple mode. Default: 0.
- max (optional) count of maximum repeating in multiple mode. Default: 1000.
- groupByFieldset (optional) whether to group the subform fields by its fieldset (true or false). Default: false.
- buttons (optional) which buttons to show in multiple mode. Default: add,remove,move.
- layout (optional) the name of the layout to use when displaying subform fields.
- validate (optional) should be set to SubForm (note that this is case-sensitive!) to ensure that fields in the subform are individually validated. Default: Fields in the subform are not validated, even if validation rules are specified.
Available layouts:
- joomla.form.field.subform.default render the subform in a div container, without support of repeating. Default for single mode.
- joomla.form.field.subform.repeatable render the subform in a div container, used for multiple mode. Support groupByFieldset.
- joomla.form.field.subform.repeatable-table render the subform as a table, used for multiple mode. Supports groupByFieldset. By default each field is rendered as a table column, but if groupByFieldset=true then each fieldset is rendered as a table column.
Be aware
If your field in the subform has additional JavaScript logic then it may not work in multiple mode, because do not see the fields which added by the subform field dynamically. If it happened then you need to adjust your field to support it. Next example may help:
jQuery(document).ready(function(){
... here the code for setup your field as usual...
jQuery(document).on('subform-row-add', function(event, row){
... here is the code to set up the fields in the new row ...
})
});
Because of this some extra Joomla! fields may not work for now.
Fields Validation and Filters
The subform form field does not provide the Validation and Filters for child fields.
Addition: Since a security fix in Joomla 3.9.7 the filter="example"
attributes in subform child fields are supported and the fields will be validated; but NOT in custom form fields that extend the JFormFieldSubform
class. You have to adapt such custom fields yourself!
Beware!
All extensions that use subform fields MUST add an attribute filter
to their subform child fields of type editor
, textarea
, text
(maybe others, too) since Joomla 3.9.7 like it's common for "normal" JForm fields, if you want to allow HTML input. Otherwise the validation falls back to STRING, which is the common behavior for "normal" JForm fields.
Examples:
filter="safehtml"
filter="JComponentHelper::filterText"
filter="raw" (bad decision in most cases)
Example
Problem
After adding new rows selects are not "chosen".
Solution
Here is an example how to reinit jQuery Chosen on newly added repeated rows:
jQuery(document).ready(function(){
jQuery(document).on('subform-row-add', function(event, row){
jQuery(row).find('select').chosen();
})
});
Or a PHP snippet to be used in e.g. your plugin in **onBeforeCompileHead** method or in your component view.
$doc = JFactory::getDocument();
$js = '
jQuery(document).on(\'subform-row-add\', function(event, row){
jQuery(row).find(\'select\').chosen();
})
';
$doc->addScriptDeclaration($js);
So newly added rows now are "chosen" now
Problem
Subform data not getting stored to database on custom component.
Solution
Add the following line to the beginning of your corresponding table class:
protected $_jsonEncode = array('fieldnamehere');
More information Here.