Both sides previous revisionPrevious revisionNext revision | Previous revision |
web:kg [2017-04-10 18:55] – admin | web:kg [2023-10-26 20:04] (current) – external edit 127.0.0.1 |
---|
{{ :web:pnotify.custom.min.zip |}} | {{ :web:pnotify.custom.min.zip |}} |
==== KG's code ==== | ==== KG's code ==== |
=== Table === | === Sample Code === |
Sample code: <code php> | Sample code: <code php> |
| <?php |
| $dbtable[1] = 'reis'; |
| $table_id[1] = 'table_'.$dbtable[1]; |
| $record_id[1] = 'reis_id'; |
| $record_title[1] = '[reis_omschrijving]'; |
| ?> |
<div class="alert alert-info" role="alert" id="loading-text"> <strong>Gegevens worden geladen, even geduld ...</strong> </div> | <div class="alert alert-info" role="alert" id="loading-text"> <strong>Gegevens worden geladen, even geduld ...</strong> </div> |
<?php if ( isset($rec_data) ) { | <?php |
$tablefields['algemeen']['id'] = array('type'=>'modal', 'col'=>'col-12 col-sm-4', 'label_extra'=>'kort label, zonder spaties'); | $recfields[1]['algemeen']['id*'] = array('type'=>'modal', 'th-title'=>'title veld voor th','col'=>'col-12 col-sm-4', 'label-extra'=>'kort label, zonder spaties', 'placeholder'=>'Vul een ID in', 'attributes'=>array('pattern'=>'^[a-zA-Z0-9_]+$'),'validation'=>array('notempty-message'=>'Je moet een ID invullen','regexp-message'=>'ID mag geen spaties of speciale tekens bevatten: gebruik enkel letters, cijfers en underscore _')); |
$tablefields['algemeen']['omschrijving'] = array('type'=>'text', 'thdata'=>array('orderable'=>'false'), 'col'=>'col-12 col-sm-8', 'label_extra'=>'langere omschrijving, mag spaties bevatten'); | $recfields[1]['algemeen']['omschrijving*'] = array('thdata'=>array('orderable'=>'false'), 'col'=>'col-12 col-sm-8', 'label_extra'=>'langere omschrijving, mag spaties bevatten', 'placeholder'=>'Vul een omschrijving voor de reis in'); |
$tablefields['algemeen']['startdatum'] = array('type'=>'date', 'schrijf_datum_options'=>'dag_kort,maand_voluit', 'col'=>'col-6 col-md-4'); | $recfields[1]['algemeen']['startdatum'] = array('type'=>'daterange_start','data'=>array('daterange_stopid'=>'reis_einddatum'), 'schrijf_datum_options'=>'dag_kort,maand_voluit', 'col'=>'col-6 col-md-4', 'placeholder'=>'Startdatum'); |
$tablefields['algemeen']['einddatum'] = array('type'=>'date', 'col'=>'col-6 col-md-4'); | $recfields[1]['algemeen']['einddatum'] = array('type'=>'daterange_stop', 'col'=>'col-6 col-md-4', 'placeholder'=>'Einddatum'); |
$tablefields['munt']['munteenheid'] = array('type'=>'text', 'col'=>'col-8 col-sm-4 col-lg-3', 'label_extra'=>'(<a href="http://www.xe.com/symbols.php" target="_blank">lijst</a>)'); | $recfields[1]['munt']['munteenheid'] = array('col'=>'col-8 col-sm-4 col-lg-3', 'label_extra'=>'(<a href="http://www.xe.com/symbols.php" target="_blank">lijst</a>)', 'placeholder'=>'EUR'); |
$tablefields['munt']['muntsymbool'] = array('type'=>'text', 'col'=>'col-4 col-sm-2 col-lg-2', 'label'=>'symbool'); | $recfields[1]['munt']['muntsymbool'] = array('col'=>'col-4 col-sm-2 col-lg-2', 'label'=>'symbool'); |
$tablefields['munt']['wisselkoers'] = array('type'=>'float' ,'col'=>'col-12 col-sm-6 col-lg-4'); | $recfields[1]['munt']['wisselkoers'] = array('type'=>'float' ,'col'=>'col-12 col-sm-6 col-lg-4', 'placeholder'=>'1.00'); |
$tableoptions['data'] = array('order'=>'[[3,"desc"]]'); | $tableoptions[1] = array('data'=>array('order'=>'[[3,"desc"]]'); |
| $formoptions[1] = array('delete'=>true)); |
?> | ?> |
<?php include ("includes/table/table.php"); ?> | <?php include ("includes/table/table.php"); ?> |
</code> | </code> |
* ''$tablefields[//tabname//][//label//] = array('' | === Table === |
* ''type=>'' | * ''$recfields[//formnr//][//tabname//][//label//] = array(...)'' |
* ''text'': default | * ''//formnr//'': number of form (normally ``1``, but can be ``2``, ``3``, etc. if multiple database tables are used) |
* ''date'': adds 'data-order=' to <td> and uses ''schrijf_datum'' for value | * ''//tabname//'': name of group of columns to display |
* additional options: ''schrijf_datum_options'' | * ''//label//'': th-field (normally this is the dbcolumnname without the name of the dbtable, e.g. ''naam_lokale_taal'' for ''hotel_naam_lokale_taal'') |
* ''float'' | * ''array(...'' |
| * ``type=>`` |
| * ``text``: default (i.e. not needed) |
| * ``modal``: adds link to modal (``data-target="#modalDetails-//formnr//"``) |
| * ``date``: adds 'data-order=' to <td> and uses ''schrijf_datum'' for value |
| * additional options: ''schrijf_datum_options'' |
| * ``float`` |
| * ``th_title``: title attribatue for th-tags |
| * ``th_data``: |
=== Form === | === Form === |
Sample code: zie hierboven bij **Table** | * ``$recfields[//formnr//][//tabname//][//label//] = array(..)`` |
* ''$tablefields[//tabname//][//label//] = array('' | * ``//formnr//``: number of form (normally ``1``, but could be ``2``, ``3``, etc. if multiple forms are needed) |
* ''col=>//bootstrap grid//'' | * Note: ensure ``$dbtable[//formnr//]`` and ``$record_id[//formnr//]`` is defined for all forms (typically at top of php page) |
* ''label=>//label//'' (default=label as defined in $tablefields) | * ``label``: see above (in section Table) |
* ''label_extra=>//extra information//'' extra info after label (in <small>-text) (string, delimiter=space) | * additional options: |
* ''placeholder=>//placeholder//'' | * ``label`` ends with *: required field (validation.io not-empty will be triggered) |
* ''attributes=>//attributes//'' additional attributes for input, eg. ''required'' (string, delimiter=space) | * ``label`` starts with [: new row in form |
| * ``label`` starts with _: ?? |
| * ``array(...`` |
| * ``col=>//bootstrap grid//`` |
| * ``label=>//label//`` (default=label as defined in $tablefields) |
| * if ``label`` ends with ``*``, this field is required (``required`` will be added as attribute) |
| * ``label_extra=>//extra information//`` extra info after label (in <small>-text) (string, delimiter=space) |
| * ``placeholder=>//placeholder//`` |
| * ``attributes=>//attributes//`` additional attributes for input, eg. ''required'' (string, delimiter=space) |
| * ``type=>...`` |
| * ``text``, ``number```, ``radio``, ``radio_from_array``, ``select``, ``daterange_start``, ``daterange_stop`` |
| * ``options=>//options//`` additional options, eg. ''no-copy'' (array) |
| |
* ''data-trigger="//event//"'': will trigger //event// after updating value with ''val()'' | * ''data-trigger="//event//"'': will trigger //event// after updating value with ''val()'' |
* This allows for additional processing, e.g. updating another field using ''data-trigger="change"'', which can be captured by ''$("//element//").on('change', function() { ...'' | * This allows for additional processing, e.g. updating another field using ''data-trigger="change"'', which can be captured by ''$("//element//").on('change', function() { ...'' |
* ''.readonly'': field will not be sent to ajax/process.php for updating | * ``.readonly``: field will not be sent to ajax/process.php for updating |
* ''.hidenew'': field will not be sent to ajax/process.php for updating when #modalId == -1 (new record) | * ''.hidenew'': field will not be sent to ajax/process.php for updating when #modalId == -1 (new record) |
* ''data-fieldformatting='//JSON-object//''': return value will be reformatted in ajax/process.php | * ''data-fieldformatting='//JSON-object//''': return value will be reformatted in ajax/process.php |