How I can change the value from a ej-percentage-text-box to a column

[Neider]

Hi, my friends, I wondering how can I change the column value from a  ej-percentage-text-box when I click on "Aplicar tasa" for example:

when I get click all 61% change to 20%

[Vignesh Natarajan]

Hi Neider, 

 

Thanks for contacting Syncfusion support. 

 

Query: “ how can I change the column value from a  ej-percentage-text-box when I click on "Aplicar tasa"” 

 

From your query we understand that you need to update the percentage column based on the ejPercentageTextBox. We have achieved your requirement using the setCellText method of Grid.  

 

Please refer the below help documentation and code example for more details. 

 

 

<ej-button id="btn" click="updatecolumn" text="Apply" /> 

 

<ej-percentage-text-box id="percentage" value="75" /> 

 

<ej-grid id="OrdersView" allow-scrolling="true" datasource="ViewBag.datasource"> 

    <e-columns> 

        <e-column field="OrderID" header-text="Order ID" width="80"></e-column> 

        <e-column field="CustomerID" header-text="Customer ID" width="80"></e-column> 

        <e-column field="EmployeeID" header-text="Employee ID" width="80"></e-column> 

        <e-column field="Freight" header-text="Freight" format="{0:N}" width="80"></e-column> 

    </e-columns> 

</ej-grid> 

 

<script type="text/javascript"> 

    function updatecolumn(args) { 

        var gridobj = $("#OrdersView").ejGrid("instance"); 

        var rows = gridobj.getRows(); 

        var value = $("#percentage").ejPercentageTextbox("getValue"); 

        var colindex = gridobj.getColumnIndexByField("Freight"); 

        for (var i = 0; i < rows.length; i++) { 

            gridobj.setCellText(i, colindex, value/100); 

        } 

    } 

</script> 

 

Help documentation: https://help.syncfusion.com/api/js/ejgrid#methods:setcelltext 

 

We have prepared a sample for your reference. Please refer the below link for the sample. 

 

Sample: http://www.syncfusion.com/downloads/support/forum/143022/ze/WebApplication11561938305 

 

Please get back to us if you have further queries. 

 

Regards, 

Vignesh Natarajan. 

 

[Neider]

A lot of thanks, it worked perfectly.

[Sathyanarayanamoorthy Eswararao]

Hi Neider, 

  

We are happy to hear that your issue has been resolved. If you need any further assistance, please get back to us. 

We will be happy to assist you. 

  

  

Regards, 

Sathyanarayanamoorthy