Value of Other Fields

Hi Ramco,

To access additional fields (like docentry and status) when clicking the "Edit" button, you can store these values in data-* attributes within the HTML element. This allows you to pass all the necessary information to your JavaScript function when the user clicks the "Edit" button. Here's how you can modify your code:

Step 1: Add data-* Attributes for the Hidden Fields
You can modify the htmlTable.Append code to include data-* attributes for the hidden fields:

foreach (DataRow row in dt.Rows)
{
    String Status = "Blocked";
    if (Convert.ToBoolean(row["status"]))
    {
        Status = "Active";
    }

    htmlTable.Append("");
    htmlTable.Append("" + Count.ToString() + "");
    htmlTable.Append("" + row["bankcode"] + "");
    htmlTable.Append("" + row["bankname"] + "");
    htmlTable.Append("" + row["swiftcode"] + "");
    htmlTable.Append("");

    // Add data-* attributes to store hidden field values
    htmlTable.Append($"");

    string deleteAttributes = Status == "Blocked" ? "style='pointer-events: none; opacity: 0.5;' onclick='return false;'" : "data-toggle='modal' data-target='#modal_Delete'";
    htmlTable.Append($"");

    htmlTable.Append("");
    htmlTable.Append("" + row["docentry"] + "");
    htmlTable.Append("" + row["status"] + "");
    htmlTable.Append("");
    Count++;
}

Step 2: Update the BindData JavaScript Function
Modify your BindData JavaScript function to retrieve the values from these data-* attributes:

function BindData(element) {
    var docentry = $(element).data('docentry');
    var status = $(element).data('status');
    var bankcode = $(element).data('bankcode');
    var bankname = $(element).data('bankname');
    var swiftcode = $(element).data('swiftcode');

    // Now you can populate your modal fields or perform any other actions with these values
    $('#modal_form_horizontal').find('#txtDocEntry').val(docentry);
    $('#modal_form_horizontal').find('#txtStatus').val(status);
    $('#modal_form_horizontal').find('#txtBankCode').val(bankcode);
    $('#modal_form_horizontal').find('#txtBankName').val(bankname);
    $('#modal_form_horizontal').find('#txtSwiftCode').val(swiftcode);
}

Step 3: Ensure Your Modal Has the Corresponding Fields
Make sure your modal form (#modal_form_horizontal) has the appropriate fields (e.g., #txtDocEntry, #txtStatus, #txtBankCode, #txtBankName, #txtSwiftCode) where you want to populate the data:

    

        

            

                
Edit Bank Details
                
                    ×
                
            
            

                

                    

                        Bank Code
                        
                    
                    

                        Bank Name
                        
                    
                    

                        Swift Code
                        
                    
                    

                        
                        
                    
                
            
            

                Close
                Save changes
            
        
    

Explanation

• Data Attributes (data-*): These are custom attributes that allow you to embed additional information in HTML elements. In this case, they store values that you need for editing.
• JavaScript/jQuery: The BindData function uses jQuery to extract these values and populate the modal form fields.

With this approach, you can easily pass and retrieve all necessary data when the "Edit" button is clicked, even if those fields are not directly displayed in the table.