Metadata-Version: 2.1
Name: collective.z3cform.datagridfield
Version: 2.0.2
Summary: Fields with repeatable data grid (table-like) for z3.cform
Home-page: https://github.com/collective/collective.z3cform.datagridfield
Author: Kevin Gill
Author-email: kevin@movieextras.ie
License: GNU General Public License v2 (GPLv2)
Keywords: Plone,Dexterity,z3c.form,table,grid,sub-fields
Platform: UNKNOWN
Classifier: Development Status :: 5 - Production/Stable
Classifier: Environment :: Web Environment
Classifier: Framework :: Plone
Classifier: Framework :: Plone
Classifier: Framework :: Plone :: 5.1
Classifier: Framework :: Plone :: 5.2
Classifier: Framework :: Plone :: Addon
Classifier: Intended Audience :: Developers
Classifier: License :: OSI Approved :: GNU General Public License v2 (GPLv2)
Classifier: Operating System :: OS Independent
Classifier: Programming Language :: Python
Classifier: Programming Language :: Python :: 2.7
Classifier: Programming Language :: Python :: 3.6
Classifier: Programming Language :: Python :: 3.7
Classifier: Programming Language :: Python :: 3.8
Requires-Dist: plone.app.z3cform
Requires-Dist: plone.autoform
Requires-Dist: Products.CMFPlone (>=5.0)
Requires-Dist: plone.api
Requires-Dist: setuptools
Requires-Dist: z3c.form (>=2.4.3dev)
Provides-Extra: dev
Requires-Dist: pdbpp ; extra == 'dev'
Provides-Extra: test
Requires-Dist: plone.app.testing ; extra == 'test'
Requires-Dist: plone.app.robotframework[debug] ; extra == 'test'

.. contents:: Table of Contents

Introduction
============

Provides a field with a datagrid (table), where each row is a sub form.

It is a `z3c.form <https://z3cform.readthedocs.io/en/latest/>`_ implementation of the `Products.DataGridField <http://plone.org/products/datagridfield>`_ .

This product was developed for use with Plone and Dexterity.

.. image:: https://travis-ci.org/collective/collective.z3cform.datagridfield.png
   :target: http://travis-ci.org/collective/collective.z3cform.datagridfield


Requirements
------------

* Versions >= 1.4 are for Plone 5+, if you use Plone 4.3, use versions 1.3.x
* For Python 3.7 at least PyYAML 4.2b1
* z3c.forms
* A browser with javascript support
* jquery 1.4.3 or later


Installation
============

Add collective.z3cform.datagridfield to your buildout eggs:

.. code-block:: ini

    [buildout]
    ...
    eggs =
        collective.z3cform.datagridfield


Example usage
=============

This piece of code demonstrates a schema which has a table within it.
The layout of the table is defined by a second schema:

.. code-block:: python

    from collective.z3cform.datagridfield.datagridfield import DataGridFieldFactory
    from collective.z3cform.datagridfield.row import DictRow
    from z3c.form import field
    from z3c.form import form
    from z3c.form.form import extends
    from zope import interface
    from zope import component
    from zope import schema


    class ITableRowSchema(interface.Interface):
        one = schema.TextLine(title=u"One")
        two = schema.TextLine(title=u"Two")
        three = schema.TextLine(title=u"Three")


    class IFormSchema(interface.Interface):
        four = schema.TextLine(title=u"Four")
        table = schema.List(title=u"Table",
            value_type=DictRow(title=u"tablerow", schema=ITableRowSchema))

    @component.adapter(IFormSchema)
    class EditForm(form.EditForm):

        fields = field.Fields(IFormSchema)
        label=u"Demo Usage of DataGridField"

        fields['table'].widgetFactory = DataGridFieldFactory

Configured like so:

.. code-block:: xml

    <browser:page
        name="editform--example"
        class=".editform.EditForm"
        for="*"
        permission="zope2.View"
        />


Also it can be used from a supermodel XML:

.. code-block:: xml

    <field name="table" type="zope.schema.List">
      <description/>
      <title>Table</title>
      <value_type type="collective.z3cform.datagridfield.DictRow">
        <schema>your.package.interfaces.ITableRowSchema</schema>
      </value_type>
      <form:widget type="collective.z3cform.datagridfield.DataGridFieldFactory"/>
    </field>


Storage
-------

The data can be stored as either a list of dicts or a list of objects.
If the data is a list of dicts, the value_type is DictRow.
Otherwise, the value_type is 'schema.Object'.

If you are providing an Object content type (as opposed to dicts) you must provide your own conversion class.
The default conversion class returns a list of dicts,
not of your object class.
See the demos.


Configuration
=============


Row editor handles
------------------

The widget can be customised via the updateWidgets method.

.. code-block:: python

    def updateWidgets(self):
        super(EditForm, self).updateWidgets()
        self.widgets['table'].allow_insert = False # Enable/Disable the insert button on the right
        self.widgets['table'].allow_delete = False # Enable/Disable the delete button on the right
        self.widgets['table'].auto_append = False  # Enable/Disable the auto-append feature
        self.widgets['table'].allow_reorder = False  # Enable/Disable the re-order rows feature
        self.widgets['table'].main_table_css_class = 'my_custom_class'  # Change the class applied on the main table when the field is displayed

The widget contains an attribute 'columns' which is manipulated to hide column
titles.


Block edit mode
---------------

A widget class variation ``BlockDataGridField`` is provided.
This widget renders subform widgets vertically in blocks instead of horizontally in cells.
It makes sense when there are many subform fields and they have problem to fit on the screen once.

Example:

.. code-block:: python

    class EditForm9(EditForm):
        label = u'Rendering widgets as blocks instead of cells'

        grok.name('demo-collective.z3cform.datagrid-block-edit')

        def update(self):
            # Set a custom widget for a field for this form instance only
            self.fields['address'].widgetFactory = BlockDataGridFieldFactory
            super(EditForm9, self).update()


Manipulating the Sub-form
-------------------------

The DataGridField makes use of a subform to build each line.
The main DataGridField contains a DataGridFieldObject for each line in the table.
The DataGridFieldObject in turn creates the DataGridFieldObjectSubForm to store the fields.

There are two callbacks to your main form:

**datagridInitialise(subform, widget)**

* This is called when the subform fields have been initialised,
  but before the widgets have been created. Field based configuration could occur here.

**datagridUpdateWidgets(subform, widgets, widget)**

* This is called when the subform widgets have been created.
  At this point,  you can configure the widgets, e.g. specify the size of a widget.

Here is an example how one can customize per-field widgets for the data grid field:

.. code-block:: python

    from .widget import DGFTreeSelectFieldWidget
    from collective.z3cform.datagridfield.datagridfield import DataGridFieldFactory
    from collective.z3cform.datagridfield.row import DictRow
    from Products.CMFCore.interfaces import ISiteRoot
    from z3c.form import form
    from zope import interface
    from zope import schema


    class ITableRowSchema(form.Schema):

        form.widget(one=DGFTreeSelectFieldWidget)
        one = schema.TextLine(title=u"Level 1")

        form.widget(two=DGFTreeSelectFieldWidget)
        two = schema.TextLine(title=u"Level 2")

        # Uses the default widget
        three = schema.TextLine(title=u"Level 3")


    class IFormSchema(form.Schema):

        form.widget(table=DataGridFieldFactory)
        table = schema.List(
            title=u"Nested selection tree test",
            value_type=DictRow(
                title=u"tablerow",
                schema=ITableRowSchema
            )
        )


Working with plone.app.registry
-------------------------------

To use the field with plone.app.registry, you'll have to use
a version of the field that has PersistentField as it's base
class:

.. code-block:: python

    from collective.z3cform.datagridfield.registry import DictRow


JavaScript events
-----------------

``collective.z3cform.datagridfield`` fires jQuery events,
so that you can hook them in your own Javascript for DataGridField
behavior customization.

The following events are currently fired against ``table.datagridwidget-table-view``

* ``beforeaddrow`` [datagridfield, newRow]

* ``afteraddrow`` [datagridfield, newRow]

* ``beforeaddrowauto`` [datagridfield, newRow]

* ``afteraddrowauto`` [datagridfield, newRow]

* ``aftermoverow`` [datagridfield]

* ``afterdatagridfieldinit`` - All DGFs on the page have been initialized

Example usage:

.. code-block:: javascript

    var handleDGFInsert = function(event, dgf, row) {
        row = $(row);
        console.log("Got new row:");
        console.log(row);
    };

    // Bind all DGF handlers on the page
    $(document).on('beforeaddrow beforeaddrowauto', '.datagridwidget-table-view', handleDGFInsert);


Demo
====

More examples are in the demo subfolder of this package.


Changelog
=========

2.0.2 (2022-03-14)
------------------

- Scan and init row ui after inserting the row into the DOM tree.
  Should prevent JS initialization errors.
  [thet]

- When creating rows clone the row without any attached event handlers.
  [thet]

- Set auto-append UI state only for auto-append mode.
  [thet]

- Merge member-only JavaScript with logged-in bundle, not default bundle.
  [thet]

- Remove unused ``init_field.js`` script.
  [thet]

- Use latest config for Github Actions and tox. Add Plone 6 related ci and tox config.
  [thomasmassmann]


2.0.1 (2021-07-28)
------------------

- Amend fix for `#110 <https://github.com/collective/collective.z3cform.datagridfield/issues/110>`_ in registry.
  [agitator]

- Fix documentation. `#110 <https://github.com/collective/collective.z3cform.datagridfield/issues/110>`_.
  [petschki]


2.0 (2021-03-29)
----------------

- Register new pat-datagridfield bundle.

  Breaking change:
  The JavaScript resources have changed a lot.
  Please run the provided upgrade steps!

  If you were customizing templates which loaded these JavaScript resources
  or customized the JavaScript functionality itself, take special care.
  The bundle is loaded only for logged-in users.

- Rework JavaScript as a Pattern for better initialization.

- Row UI buttons optimizations
  Change row UI elements from anchor to buttons for better semantics.
  Fix Boostrap classes, remove unused attributes, add a title to buttons.
  [thet]

- Change UI element classes

  Remove non-unique id attributes from UI buttons and add classes instead.
  Let the button functionality be initialized by the pattern.

  Breaking change:
    In this version a pattern handles all the JavaScript functionality to ensure best possible encapsulation between different instances of the datagridfield widget.
    If you have customized templates, make sure you do the following:

    - Add the class ``pat-datagridfield`` to the ``datagridwidget-table-view`` nodes (datagridfield_input.pt, datagridfield_input_block.pt).
    - Add the following classes instead of ids to the ui buttons as shown in this map (datagridfieldobject_input.pt, datagridfieldobject_input_block.pt):

      - #btn-addrow -> .dgf--row-add
      - #btn-deleterow -> .dgf--row-delete
      - #btn-moveup -> .dgf--row-moveup
      - #btn-movedown -> .dgf--row-movedown

  [thet]

- Use pat-datagridfield in templates.
  [thet]

- Remove extra parameter for datagridfield widget as it was unused and untested.
  [thet]

- Clean up upgrade profile definitions and align to Plone standards.
  [thet]

- Use Github actions instead Travis CI.
  [thet]

- Test setup using bobtemplate.plone config.
  [thet]

- Code formatting - black, zpretty, prettier.
  [thet]

- Import with module name.
  [ksuess]

- Register translations in locales directory.
  [erral]

- Add es and eu translations.
  [erral]

- Accesibility fixes.
  [erral]


1.5.3 (2020-03-03)
------------------

- Bug fix for multiple datagridfields per form.
  Multiple lines were auto added when more than one datagrid was present.
  Fixes `issue 96 <https://github.com/collective/collective.z3cform.datagridfield/issues/96>`_.
  [maurits]


1.5.2 (2020-01-07)
------------------

- Fix "Unknown directive widgetTemplate"
  [agitator]

- Bug fix: auto appending row.
  [ksuess]


1.5.1 (2019-03-21)
------------------

- Add missing upgrade profile to_2
  [agitator]


1.5.0 (2019-03-09)
------------------

- Add support for Python 3 and Plone 5.2.
  [pbauer, agitator]


1.4.0 (2019-02-21)
------------------

- Drop support for Plone 4.
  [pbauer]

- Use Ressource-Registry (Pat-Registry), Update JS/CSS, Add Uninstall
  [2silver]

- use Plone5 glyphicons instead of images
  [2silver]

- Added missing upgrade step, calling browserlayer setup.
  [sgeulette]

- Display column description if provided in schema `field.description`.
  [gbastien, bleybaert]

- Specify in README.rst that versions >= 1.4 are for Plone 5+ and
  versions < 1.4 are for Plone 4.
  [gbastien]

- Usability change: add an (hidden) label inside the add commands
  [keul]

- Compatibility with Plone 5 modals/overlay from mockup
  [keul]

1.3.1 (2019-02-21)
------------------

- Extend uninstall profile.
  [thet]

- Wrapped commands inside ``A`` tags, required for accessibility reason (change backported from Products.DataGridField).
  This also simplify customizing icons with pure CSS.
  [keul]

- Replaced minus icon with a more usable delete icon.
  [keul]

- Removed ols-school ``*`` chars for marking fields as required.
  [keul]

- Fix object access
  [tomgross]

- Fix usage of related items widget in subforms
  https://github.com/plone/Products.CMFPlone/issues/2446
  [tomgross]

1.3.0 (2017-11-22)
------------------

- Set widget mode on cell widget in order to support autoform mode directive. [jone]

- Bugfix: do not try to update readonly fields. [jone]

- Cleanup: utf8 headers, isort, code-style. [jensens]

- Remove dependency on plone.directives.form in setup.py,
  it was not used any longer. [jensens]

- Feature/Fix: Support widgets using patternslib in a DictRow.
  [jensens]

- Fix: #36 remove grok from all documentation since grok is no longer supported.
  [jensens]

- Copy relevant parts of ObjectSubform from z3c.form 3.2.10 over here, it was removed in later versions.
  [jensens]

- Add Browserlayer and use it, also add uninstall step.
  [jensens]

- Move Demo package to in here.
  [jensens]


1.2 (2017-03-08)
----------------

- Fix validation exception on readonly fields.
  [rodfersou]
- Fix bug for widget.klass is NonType in the block view when defining the class for the field.
- Allow deletion of last row in non-auto-append mode.
  [gaudenz]
- fixed binding for IChoice fields during validation [djay]
- plone 5 compatibility and fixed travis testing for plone 5 [djay]


1.1 (2014-07-25)
----------------

- Removed JS code that relies on firefox being used.
  [neilferreira]

- Stopped referencing the 'event' element when creating a new row as the event
  that triggered the content of an input changing may have been from another element.
  [neilferreira]


1.0 (2014-06-02)
----------------

- Add 'form-widgets-field_id' as widget css id (consistency with other widgets).
  [thomasdesvenain]

- Fix package dependencies.
  [hvelarde]

- Use BlockDataGridFieldObject for rows in a BlockDataGridField.
  [gaudenz]

- Filter out any auto append or template rows in updateWidgets.
  [gaudenz]

- Add row parameter to aftermoverow JS event
  [gaudenz]

- Don't reset class attribute on cloned template rows
  [gaudenz]

- Replace row index in all template row elements, not just input elements.
  Replace the index in id, name, for, href and data-fieldname attributes
  when cloning the template row.
  [gaudenz]


0.15 (2013-09-24)
-----------------

- Added possibility to define the CSS class for the main table when the field is displayed.
  This way, you can use common Plone existing classes (like 'listing').
  [gbastien]

- Fixed auto-append bug when there is more than one datagrid field in page auto-appending one field binds
  "change.dgf" to another field also. added "$(dgf).find(.." in datagridfield.js line 138 so it binds to right element only.
  [tareqalam]

- Only abort moveRow if the row is really not found and not if the row idx just happens to be 0.
  [gaudenz]

- Also update hidden data rows when reindexing in row mode. This fix was previously somehow only done for block mode.
  [gaudenz]

- Relax requirements for markup, don't assume inputs are direct childs of table cells. This makes useing custom
  templates much easier.
  [gaudenz]

- Fix validate function signature for IValidator API. The API requires a "force" argument.
  [gaudenz]

- Register the SubformAdapter for IPloneForm layer to avoid that the Adapter from plone.app.z3cform
  takes precedence.
  [gaudenz]


0.14 (2013-05-24)
-----------------

- Align travis setup to other packages.
  [saily]

- Add new V1 ``bootstrap.py``.
  [saily]

- Added CSS classes to tbody rows (``row-(1...n)``) and thead columns
  (``cell-(1...m)``) to allow more styling in edit forms.
  [saily]

- Fixed wrong template in display mode when set editing to block edit mode [miohtama]

- Added CSS classes (widget.klass attribute) for DataGridField, to separate it from other MultiWidgets [miohtama]


0.13 (2013-04-09)
-----------------

- Add travis-ci configs [jaroel]

- Convert tests to plone.app.testing [jaroel]

- Fix to expect ``zope.schema.interfaces.ValidationError`` to work better
  with *TooLong* and *TooShort* exceptions. [datakurre]

- Fix IE7 failing on `<label>` for manipulation [miohtama]

- Deal with situations where there is zero rows on DGF and no auto-append row available [miohtama]

- Correctly bind DGF events on DOM content loaded, not when Javascript is parsed [miohtama]

- Don't display movement handles if the row cannot be moved [miohtama]

- Changed move up and down handlers to stay in fixed positions to make cells stay in the same width regardless of moving [miohtama]

- Fixed checkbox saving, was broken by nested DGF support [miohtama]

- Added block edit mode [miohtama]

- "use strict;" and ECMAScript 5 compatible Javascript clean-up [miohtama]

- Added *afterrowmoved* JS event [miohtama]


0.12 (2012-10-30)
--------------------

- Updated empty row selection. [jstegle]

- Nested DataGridField support (yo dawg...) [miohtama]

- Support plone.autoform and grok'ed row schemas [miohtama]

- Added ``DataGridField.extra`` parameter, so you can pass out
  application specific data to Javascript [miohtama]


0.11 (2012-05-16)
-----------------

- be able to use with plone.app.registry
  [vangheem]


0.10 (2012-02-12)
-----------------

- Fix bug with moving the last row up.
  [m-martinez]


0.9 (2011-10-27)
----------------

- Clone events when adding new row - fixes bug where browse button of
  plone.formwidget.contenttree did nothing for new rows
  [anthonygerrard]

- Reindex more indexed attributes of cloned row
  [anthonygerrard]


0.8 (2011-09-24)
----------------

- Avoid using the "row" CSS class.
  [davisagli]

- Fixes to work with jQuery 1.3.x (use .remove() instead of .detach(), fetch data
  attributes a different way, and avoid live binding the change event).
  [davisagli]

- Don't error out when getting a ``FormatterValidationError``, pass
  it on to z3c.form instead.
  [claytron]

- Give manipulator images a relative src rather than absolute. This
  previously meant the widget didn't work on sites without Plone/Zope at the
  root of the domain.
  [davidjb]

- During auto-insert, add our new row into the document first, before reindexing
  it and changing its elements' IDs. This allows Javascript that depends on
  these IDs (such as plone.formwidget.autocomplete) to pick up the correct
  fields.
  [davidjb]

- Tidying up and reducing complexity of auto-insert functionality
  [davidjb]

- Removing unnecessary auto-insert bind and unbind as this is already covered
  by jQuery's `live()` function against the `auto-append` class. Adding/removing
  this class against rows automatically does this.
  [davidjb]

- Resolved issue with auto-insert functionality not working by removing
  table-specific check in Javascript.
  [davidjb]


0.7 (2011-07-01)
----------------

- Changed markup/javascript to prevent duplicate HTML id attributes. Changed
  Javascript to allow for datagrid page templates that don't use tables.
  [dextermilo]

- Improve spacing in CSS.
  [davisagli]

- Revert my fix to ensure that blank rows are added, because it duplicated
  a fix in z3c.form resulting in extra rows.
  [davisagli]


0.6 (2011-05-17)
----------------

- Search for datagridInitialise and datagridUpdateWidgets on the
  parent form, also when in a fieldset.
  [maurits]

- Register templates on plone.app.z3cform.interfaces.IPloneFormLayer to
  take precedence over that packages list widget templates.
  [elro]

- Make sure that updateWidgets is called to add blank rows even if the
  widget has no value.
  [davisagli]

- When extracting a row value fails due to a validation error, convert
  widget values to field values so the value can be successfully applied
  to the grid widget.
  [davisagli]

- Register a plone.supermodel handler for the DictRow so it can be used
  in supermodel models.
  [davisagli]

- Depend on collective.z3cform.datagridfield_demo as a test extra;
  use the browser view from this package in the tests.
  [maurits]

- _validate still used when import/exporting, fix up code so it works
  [lentinj]

- Add a DictRow serializer for transmogrify.dexterity
  [lentinj]

- Only use width:100% on input cells that are the only element in the cell
  [lentinj]

- Reorder row indices backwards when adding rows. This means that adjacent
  rows don't share the same index temporarily, for example:-
  - Row 1 and 2 contain input:radio based widgets
  - Row 0 added, row renumbering starts
  - Row 1 widgets renamed 2
  - Both sets of input:radio share the same name, one deselected
  - Row 2 widgets renamed 3
  - . . .
  [lentinj]

- Use jQuery to clone rows, and clone the jQuery events on the rows.
  [lentinj]

- Implemented reorder functionality


0.5 (2011-02-08)
----------------

- Put in the DictRow class (tks Martin Aspeli)

- Moved the demo code out to a separate package collective.z3cform.datagridfield_demo
  (tks Laurence Rowe).

- Removed superfluous lines from setup.py (tks Laurence Rowe).

- Removed unnessary dependency on dexterity (tks Laurence Rowe).

- Removed unnessary dependency on grok (tks Laurence Rowe).


0.4 (2011-02-06)
----------------

- Renamed the demo pages. The starting point is now @@demo-collective.z3cform.datagrid .

- The widget can now be configured via the updateWidgets method. It
  is no longer necessary to create a custom factory.

- The columns can now be omitted.

- Provide a set of demo views for Object access.


0.3 (2011-02-04)
----------------

- The auto-append functionality did not bind correctly for popup forms.
  I switched to using jQuery.live() instead of binding at document load time.

- Added a menu to the demo pages

- Added a display only form option.

- Fixed the restructured text of the main README.txt so that it will show
  more friendly in PyPI.


