• Hello Fabrik Community

    Fabrik is now in the hands of the development team that brought you Fabrik for Joomla 4. We have recently transitioned the Fabrik site over to a new server and are busy trying to clean it up. We have upgraded the site to Joomla 4 and are running the latest version of Fabrik 4. We have also upgraded the Xenforo forum software to the latest version. Many of the widgets you might have been used to on the forum are no longer operational, many abandoned by the developers. We hope to bring back some of the important ones as we have time.

    Exciting times to be sure.

    The Fabrik 4.0 Official release is now available. In addition, the Fabrik codebase is now available in a public repository. See the notices about these in the announcements section

    We wish to shout out a very big Thank You to all of you who have made donations. They have really helped. But we can always use more...wink..wink..

    Also a big Thank You to those of you who have been assisting others in the forum. This takes a very big burden off of us as we work on bugs, the website and the future of Fabrik.

Change repeatable data based on element

Status
Not open for further replies.
Hello. In my list "Pedidos de Or?amento" I have an element called "part_quantity" which basically holds the value that the repeatable group needs to repeat. I've gone to the repeatable group options and in the "Repeat Num Element" I've changed the element to "part_quantity". Everything works fine, the repeatable group repeats... but I've added a validation to the "part_quantity" (in JS) element so that the users can't insert the value "0" or "":

JavaScript:
requirejs(['fab/fabrik'], function () {
  var formId = 24;
  Fabrik.getBlock('form_' + formId, false, function (block) {
    var field = block.elements.get('fzmms_quotereq___part_quantity');
    valor = field.get('value');
    if (valor === '0' || valor === ''){
      block.elements.get('fzmms_quotereq___part_quantity').set('1');
    }
  });
});

This code, basically, checks the element value and, if it is equal to "0" or "", it changes the value to "1". The problem is, when this happens, the times the repeatable group repeats won't change. For example: If I had inserted 2 and changed it to 0, it will automatically change it to 1 and there will still be 2 rows in the repeatable... How can I remove rows of the repeatable group through JS?
 
You'll need to fire the 'change' event for your repeat num field, which will trigger the code that adds/removes the groups.

Code:
requirejs(['fab/fabrik'],function(){
var formId =24;
  Fabrik.getBlock('form_'+ formId,false,function(block){
    var field = block.elements.get('fzmms_quotereq___part_quantity');
    valor = field.getValue();
    if(valor ==='0'|| valor ===''){
       field.update('1');
       field.element.fireEvent('change', new Event.Mock(field.element, 'change');
    }
  });
});

Note that depending on the element type, you might need to use 'blur' rather than 'change', or you could use the getChangeEvent() function for the element, which returns whatever is appropriate for the element type ...

Code:
     field.element.fireEvent(field.getChangeEvent(), new Event.Mock(field.element, field.getChangeEvent());

Note that I think your code will only run on page load, you'd need to add it as a 'change' JS event in the element itself to get it to run when the user changes the value.

-- hugh
 
You'll need to fire the 'change' event for your repeat num field, which will trigger the code that adds/removes the groups.

Code:
requirejs(['fab/fabrik'],function(){
var formId =24;
  Fabrik.getBlock('form_'+ formId,false,function(block){
    var field = block.elements.get('fzmms_quotereq___part_quantity');
    valor = field.getValue();
    if(valor ==='0'|| valor ===''){
       field.update('1');
       field.element.fireEvent('change', new Event.Mock(field.element, 'change');
    }
  });
});

Note that depending on the element type, you might need to use 'blur' rather than 'change', or you could use the getChangeEvent() function for the element, which returns whatever is appropriate for the element type ...

Code:
     field.element.fireEvent(field.getChangeEvent(), new Event.Mock(field.element, field.getChangeEvent());

Note that I think your code will only run on page load, you'd need to add it as a 'change' JS event in the element itself to get it to run when the user changes the value.

-- hugh
Thanks for the quick reply! What is the code to remove the groups?
 
You don't need it. If you fire the change event on your "repeat num" element, Fabrik will automatically add/remove groups, based on the value of the element (as if you had manually entered a value).

-- hugh
 
Status
Not open for further replies.
We are in need of some funding.
More details.

Thank you.

Members online

Back
Top