How to use a switch in a table - UI designer

Last updated 3 months ago
After building a table and dragging a switch field, you need TODO:
Usado em listapage, listaenv, Transaccao
1. Give a name to the table with the switch. Example "isac":
2. In JS tab add:
isac - nome da class da tabela
p_status_page - tag do checkbox/switch
p_id_fk - if tag hidden add _fk of each line for action purpose in the change function (3. point)
p_id - name of the param that will be used in method changestatus()
webapps?r=[app]/[page]/[actionXXX()]
$('.isac').on('change','td input[name="p_status_page"]',function(){
​
        var isChecked = $(this).is(':checked'),
            id         = $(this).parents('tr').find('input[name="p_id_fk"]').val(),
            val        = isChecked ? 1 : 0;
​
        $.IGRP.request('webapps?r=igrp_studio/ListaPage/changeStatus',{
            params : {
                p_id : id,
                p_status_page : val
            },
            success:function(r){
                var type = r.status ? 'success' : 'danger',
                    msg  = r.status ? 'Estado alterado' : 'Estado não foi alterado';
​
             
                    $.IGRP.notify({
                        message : msg,
                        type    : type
                    });
            },
            fail:function(){
​
            }
        });
​
    });
​
​
OR
If the id tag is a column and not a hidden field, no need to add _fk. See name=code without _fk
$('.isac').on('change','td input[name="p_status"]',function(){
        var isChecked = $(this).is(':checked'),
            code = $(this).parents('tr').find("[item-name=codigo]").text(),
            val = isChecked ? 1 : 0;
      
        $.IGRP.request('webapps?r=igrp/transaccao/changeStatus',{
            params : {
                p_code : code,
        p_status : val
            },
            success:function(r){
                var type = r.status ? 'success' : 'danger',
                    msg = r.status ? 'Estado alterado!' : 'Estado não foi alterado!';
​
              
                    $.IGRP.notify({
                        message : msg,
                        type    : type
                    });
            },
            fail:function(){
​
            }
        });
​
    });
​
​
3. Add this lines to the controller.java
In the actionIndex()
actionIndex()
table1.setStatus(ac.getStatus());
table1.setStatus_check(ac.getStatus() == 1 ? ac.getStatus() : -1);
Import in the reserved import area:
import org.json.JSONException;
import org.json.JSONObject;
import com.google.gson.Gson;
In the START-PRESERVED-AREA(CUSTOM_ACTIONS)
Reading the params p_id and p_status of the javascript
public Response actionChangeStatus() throws IOException, IllegalArgumentException, IllegalAccessException, JSONException {
​
        this.format = Response.FORMAT_JSON;
        int id = Core.getParamInt("p_id");
        int status = Core.getParamInt("p_status");
        boolean response = false;
​
        if (id != 0)) {
            Action page = new Action().findOne(id);
            if (page != null) {
                page.setStatus(status);
                if (page.update() != null)
                    response = true;
            }
        }
​
        JSONObject json = new JSONObject();
        json.put("status", response);     
        return this.renderView(json.toString());
    }
Intermediate - Previous
How to map an entity to table using hibernate??
Next - Advanced
How to implement a process BPMN in IGRP Studio