utilizing javascript to compare the data in a gridview with the value entered in a

Question

utilizing javascript to compare the data in a gridview with the value entered in a

I am looking to compare the values entered in my textbox with the existing values in a gridview. I have achieved this on the server side using the following function:

protected void isRecordAlreadyExist(TextBox txt_Value, int res)
{
    ds_main = new DataSet();
    paramArray = new string[3, 2];
    paramArray[0, 0] = "@KeyWinCountNumber";
    paramArray[0, 1] = txtkeyWinCount.Text.Trim();
    paramArray[1, 0] = "@ContractNumber";
    paramArray[1, 1] = txtContractNum.Text.Trim();
    paramArray[2, 0] = "`";
    obj = new DalLib();
    ds_main = obj.getDataSet("sp_tbl_Contract_MatchValues", paramArray);
    gvContract.DataSource = ds_main.Tables[res];
    if (ds_main.Tables[res].Rows.Count > 0)
    {
        mtvResult.ActiveViewIndex = 3;
        btnSubmit.Enabled = false;
    }
    else
    {
        btnSubmit.Enabled = true;
    }
}

protected void txtkeyWinCount_TextChanged(object sender, EventArgs e)
{
    if (!string.IsNullOrEmpty(txtkeyWinCount.Text))
    {
        isRecordAlreadyExist(txtkeyWinCount, 0);
    }
    else
    {
        mtvResult.ActiveViewIndex = -1;
    }
}

However, I would also like to compare the value from the textbox with the gridview data on the client side using JavaScript. How can I achieve this? Any assistance would be greatly appreciated.

javascript asp.net

Answer 1

Answer №1

This function searches for a specific value entered in a TextBox within a grid and returns true if found.

You can trigger this function on the onchange event of the TextBox using JavaScript.

function SearchTextInGrid()
{
    // Set initial flag to false
    var flag = false;
    
    // Get the text to search for from the TextBox
    var searchText = document.getElementById('txtSearch').value;
    
    // Get the grid element
    var gridElement = document.getElementById('gridTable');
    
    // Loop through each row of the grid starting from index 1 
    for (i = 1; i < gridElement.rows.length; i++)
    {
        // Get the current row
        var currentRow = gridElement.rows[i];
        
        // Check if the value in the first cell of the row matches the search text
        if (currentRow.cells[0].textContent.trim() === searchText)
        {
            flag = true;
            break; // Exit the loop once matching value is found
        }
    }
    
    return flag;
}

Answer 2

This function searches for a specific value entered in a TextBox within a grid and returns true if found.

You can trigger this function on the onchange event of the TextBox using JavaScript.

function SearchTextInGrid()
{
    // Set initial flag to false
    var flag = false;
    
    // Get the text to search for from the TextBox
    var searchText = document.getElementById('txtSearch').value;
    
    // Get the grid element
    var gridElement = document.getElementById('gridTable');
    
    // Loop through each row of the grid starting from index 1 
    for (i = 1; i < gridElement.rows.length; i++)
    {
        // Get the current row
        var currentRow = gridElement.rows[i];
        
        // Check if the value in the first cell of the row matches the search text
        if (currentRow.cells[0].textContent.trim() === searchText)
        {
            flag = true;
            break; // Exit the loop once matching value is found
        }
    }
    
    return flag;
}

utilizing javascript to compare the data in a gridview with the value entered in a

Answer №1

Similar questions

Finding the parent div in the handleChange function using React

The resource being requested is missing the 'Access-Control-Allow-Origin' header - Issue with Pinterest OAuth implementation

Unable to update div CSS using button click functionality

Dropdown selection values were not set appropriately

Creating a hover effect for a div in jQuery or CSS: Keeping the div visible even when hovered

Issue encountered during compilation of JavaScript in Vue framework with Rollup

Managing errors with asynchronous operations through promises and the async module

Guide on configuring and executing AngularJS Protractor tests using Jenkins

Building a hierarchical tree structure using arrays and objects with Lodash Js

What is the best way to access the current webdriver instance using code?

Tips on keeping the width and height in proportion to a 16:9 aspect ratio across all screen sizes

JavaScript HTML content manipulation

To interact with a specific cell in a table using Protractor, simply click

What is the most effective way to exchange data among multiple React applications?

Save all user information annually from the date they first sign up

How can you prevent a draggable element from surpassing the bottom of the screen?

Utilizing production and development configuration files in Angular and JavaScript with Webpack

Is the form being submitted with the href attribute?

Tips to swap selections in a Select2 dropdown box

Is it possible to perform advanced SQL-like queries on JSON data using JavaScript?