how to update grid row and reflect(refresh) it after update is done succesfully ?

Question

1-) I have a grid. I implemented edit with dialog template which is placed a partialview for edit row data. How can i send updated data to controller when i clicked save button on edit dialog.

2-) The another question how to reflect changes to grid after updated without refresh page.
3-) I want to change dialog save button css dialog radius. How can i do that ?

Bests,
Tümer

Rajapandiyan Settu · Answer

Hi Tümer, Greetings from syncfusion support. Query #1: I have a grid. I implemented edit with dialog template which is placed a partialview for edit row data. How can i send updated data to controller when i clicked save button on edit dialog. The another question how to reflect changes to grid after updated without refresh page. We have validated the provided details. We have prepared a sample with your requirement. In that sample, we have created a grid with dialogTemplate for edit feature. And bound the datasource in the Grid by using urlAdaptor. In this we handled all the crud action in server side by using insertUrl, updateUrl, removeUrl. By default when you save the edited data in the grid, it automatically sends the data to controller side and update it into the grid datasource. Please refer the below sample and documentation link for more information. Sample : https://www.syncfusion.com/downloads/support/directtrac/general/ze/core-dialog-template_-_sample801105980.zip UG : https://ej2.syncfusion.com/aspnetcore/documentation/grid/edit/#dialoginline-template https://ej2.syncfusion.com/aspnetcore/documentation/grid/data-binding/#handling-on-demand-grid-actions

---------

Query #2 : I want to change dialog save button css dialog radius. How can i do that ? By using the below CSS class you can customize the SAVE button of the edit dialog as you need. Please get back to us if you need further assistance on this. Regards, Rajapandiyan S.

Tümer · Answer

Thank you for your response and example. I included datamanager to grid. The data rows are seem but rows's values are disappeared. When i clicked edit button edit dialog is opened and row data are associated with dialog inputs successfully eventhough they're not seem in grid rows. I've checked column name, they are same with model properties.
Where am i making mistake ?

Bests,
Tümer

Rajapandiyan Settu · Answer

Hi Tümer, 
 
Thanks for your update. 
 
Query : The data rows are seem but rows's values are disappeared. 

In ASP.NET Core, by default the JSON results are returned in camelCase format. So grid field names are also changed in camelCase. 
To avoid this problem, you need to add DefaultContractResolver in Startup.cs file. 

If the ASP.NET CORE version is 2.X then add the below code in startup.cs file 






public void ConfigureServices(IServiceCollection services) 
{ 
    services.AddMvc().AddJsonOptions(options => 
    { 
        options.SerializerSettings.ContractResolver = new Newtonsoft.Json.Serialization.DefaultContractResolver(); 
    }); 
} 

 
 
If the ASP.NET CORE version is 3.X then add the below code in startup.cs file 
 




 
 
public void ConfigureServices(IServiceCollection services) 
          { 
                      services.AddMvc().AddNewtonsoftJson(options => 
          { 
                 options.SerializerSettings.ContractResolver = 
                    new DefaultContractResolver()); 
            } 
        } 
 

UG : https://ej2.syncfusion.com/aspnetcore/documentation/grid/data-binding/#troubleshoot-grid-render-rows-without-data 

If you still face any problem, please get back to us with the following details to validate further on this. 
 

Share the full grid code.
Share any video demonstration of the reported problem.
 
Regards, 
Rajapandiyan S.

Tümer · Answer

That works now thanks. There is another problem i can't post radiobutton value and when i clicked edit radiobutton comes a default value not selected data row value. Other input areas are ok but radiobutton selected is post always 4. How can i fix it ?

Süre Birimi

Rajapandiyan Settu · Answer

Hi Tümer, Thanks for your update. Query: There is another problem i can't post radiobutton value and when i clicked edit radiobutton comes a default value not selected data row value. We have validated the provided details and suggest you to follow the below workaround to achieve your requirement. In that, we have used two reference variable btnchecked and btnchanged to store the value of radiobutton. In the actionBegin event of edit we have stored the radiobutton ( from the row data ) value in the btnchecked variable. In the created event of radioButton we have checked it with respect to the btnchecked value. And then we have stored the changed value of radiobutton in btnchanged variable in change event of radio button. After that we have updated that changed value to the grid dataSource by using btnchanged value in actionBegin event of save. Please refer the below code example sample for more information. [index.cshtml]

. . . [Addpartial]

Gender

[editpartial]

Gender

Sample : https://www.syncfusion.com/downloads/support/directtrac/general/ze/core_dialog-template-radio_button1338909979.zip Please get back to us, if you need further assistance on this. Regards, Rajapandiyan S.