UniDBGRID ATTRIBUTES LIST



fieldmasks:        - indicates the beginning of attributes

no-paged           - disables the pager

grid-paginator:    - disables the default bar and adds the new RadCORE bar.


   Note: During rendering, the grid will be resized to the size of its "parent".

         The ideal is to put your grid in a responsive block.


grid-noforcefit:   - does not apply "forcefit"

grid-forcefit:         - Activate forcefit according to configured parameters


   Ex: grid-forcefit:13 mobile-v-5 mobile-h-8

   Apply forcefit if there are 13 columns or less and not in MOBILE.

   Apply forcefit if there are 5 columns or less and it is in MOBILE VERTICAL.

   Apply forcefit if there are 8 columns or less and you are in MOBILE HORIZONTAL.


   Note: forcefit does not work well in conjunction with LOCKED


model-crud:0       - is the default and is optional, but when specified it is possible to customize the template. renders template no. 0 for CRUD layout( Ex: frmCadFORNECEDOR / frmCadFUNCIONARIO )

model-crud:1       - renders model no. 1 for CRUD layout( Ex: frmCadCLIENTES )

model-crud:2       - renders model no. 2 for CRUD layout( Ex: frmCadCIDADES )

model-crud:3       - renders model no. 1 for CRUD layout( Ex: frmCadFERIADOS )


model-search:column- dynamically renders the query by COLUMNS in UniDBGrid (Ex. frmCadFUNCIONARIOS / frmCadCOMPRAS)


grid-resize:       - rearrange the grid if the user rotates the device, for example

firstshow:NN       - When accessing the form for the first time, only NN records will be loaded


locked                 - lock column


            title:AAAAAAAA         - defines a title for the field in the grid

title:translate(fn)- set runtime translation for indicated column


            charcase:                 - define a CHAR CASE for the field in the grid


                     variations:


charcase:u          - converts to uppercase letters

charcase:l         - converts to lowercase letters 


            width:NN           - defines a WIDTH for the field in the grid


                     variations:


width:20 mobile:45

width:20 mobile-h:45 mobile-v:88

                       width:4% mobile-h:8% mobile-v:12%


                       Adjusts the column width according to the device. When used, "%" will be calculated by the width of the GRID.



            mask:#,#0.00##        - defines a MASK for the field in the grid


            align:                - defines an alignment for the field in the grid


                     variations:


align:l - align to the left

align:c - align to the center

align:r - align to the right


titlealign:                - defines an alignment for the column title in the grid


variations:


titlealign:l - align to the left

titlealign:c - align to the center

titlealign:r - align to the right


            visible:false      - hide the column


                     variations:


                       visible:false mobile        - hides the column when accessing the application in MOBILE

visible:false mobile-v        - hides the column when accessing the application in MOBILE PORTRAIT

                       visible:false mobile-h        - hides the column when accessing the application in MOBILE LANDSCAPE


There is a problem that has not yet been resolved (understood): On the example screen ( frmCadCOMPRAS ) the visible was

replaced by "width" as it throws an internal exception in JS.


            cls:color-blue     - apply a css class


            cls:{<0,color-red,color-black} - apply a conditional css class


                       the column must be numeric. Therefore, if the value is less than '0', the class "color-red", if not, "color-black" is applied.



   Format: field[[attr:value|attr:value...]];


       obs: 'field' must comply with your SELECT. If there is an ALIAS, inform the ALIAS.



Note:

    Although the feature is very interesting, dynamic attributes require more processing.

    On desktop it is acceptable but on MOBILE, performance is very compromised.

    You can choose not to use it or, whenever possible, reduce the number of grid columns as much as possible, after all, this is good practice on the web.



You can use RC ELEMENTs or via code, feed the HINT property (as in the examples above). When there are many configurations it is more practical to use via code.


Created with the Personal Edition of HelpNDoc: Generate EPub eBooks with ease