1. Determine the Form Grid Field ID. In this example, it is "FGid".


  2. Add below script to Custom HTML

    Code
    Javascript here to delete row.<br/>
<script>
$(function(){
    var grid = FormUtil.getField("FGid");
    
    $(grid).on("change", function(){
        //add delete button
        $(grid).find("tr.grid-row").each(function(i, row){
            if($(row).find("td.grid-action-cell .delete").length === 0) {
                $(row).find("td.grid-action-cell").append("<a class=\"delete\">Delete</a>");
            }
        });
    });
    $(grid).trigger("change");  //trigger change to add buttons to the existing rows
    
    $(grid).on("click", ".delete", function(){
        
        var row = $(this).closest("tr");
        var table = $(row).closest("table");
        var container = $(table).parent();
        var deleteMessage = $(container).find('#deleteMessage').val();
            
        row.remove();
            
        // reset input names
        methods.updateAllRowIndex(table);
        methods.disabledMoveAction(table);
            
        // trigger change
        var el = table.parent();
        $(el).trigger("change");
        methods.showHidePlusIcon(el);
    })
})
</script>
  3. Open the form in userview, now you can delete the row without confirmation through the delete button


Related Tutorial




  • No labels