Filtered Grid

Filtered Grid


This feature has been implemented for the Edit Grid only which currently only supports text fields.

To implement, define the following inheritance:

MyEntity ENT is ENT Ability.FilterList

With this, you will inherit a non-implementable view 'FilterAttributes' which includes the fields you can filter in the grid.

Plex

For this example we will use the entity Client Tablette to inherit from filtered grid:

Gestion Tablette Offline.Client Tablette is a ENT Ability.EditList and Gestion Tablette Offline.Client Tabletteis a ENT Ability.FilterList.


After adding the inherit of FilterList. See that the entity Client Tablette has new view name filter Attributes.


In the Filter Attribute you can choose a field/fields that is/are on the grid to perform a search.

In this case we will use two fields from grid:


Now, we will prevent a field from being edited: Code Client. To do this we need to open the function EvaluateDataAttribute.


In the Action Diagram locate the local variable then NonEditable variable and there add the field that you don’t want to be editable.


Generate Changes.

On the model set up an offline tablette build list which contains all the template generation functions for all the entities of the application:


After generating the offline tablette build list generate the Gestion Tablette Offline Server:


Eclipse

Now go to eclipse.

To import all the generated function right click and refresh the java project.


Then run the Application Generator.


When the application is running click on Application Settings tab then click apply.


  1. Click in Application Template, select Gen Folder and Generate Application. Wait for the message that all was generated.

Now right click and refresh to the web project.


Run Tomcat server.


Test Changes



    • Related Articles

    • Edit Grid

      Edit Grid can be found in the current version of HSync templates. To implement add the triple: MyEntity ENT is a ENT Ability.EditList By default all fields are editable. To prevent a field from being edited, add it to the local variable 'NonEditable' ...
    • How to Implement Rich Tooltip to a Grid Field

      Rich tooltip on a grid feature enables the user to see tooltips with images and formatted text on a grid cell upon hovering. This feature also enables the developer to specify the delay time after hovering before it displays the tooltip message. The ...
    • How to Display an Image in a Grid Cell

      1. Set the control name of the grid. 2. On the column name where you want to display the image, set the Text Property of the column heading as follows. <control name>:<grid control name>.ColumnsArea:template=WebImageGrid:<column heading text> ...
    • How to Display an Image and Text in the Same Grid Cell

      1. Set the control name of the grid. 2. For the column where you need the information from, you will need to set the column to visible but set the width to 0 and set the control name of the column. <controlname>:<column text> For example: ...
    • What's New in WebClient 1.8.3?

      Advanced Controls templates (WebTreeView.ctrl and WebFlexGrid.ctrl) are merged with WebClient i+.  DojoTimePicker.ctrl adds time picker to an existing text input if specified in the control name. Time input element must be in the ISO-8601 format ...