Implement Radio Button Selection In JQWidgets JQXGrid

You can get the full data from the file orders.xml from the solution attached.

Now, create a div element where we can bind the grid.

Now, we will define our grid as follows.
As you can see, we have applied dataAdapter as the source. Below is the definition for your data adapter.
Now, we will create the source object as follows:
As the grid definition is over, it is the time to run our Application and check whether the grid is loading fine or not.


Grid with check box selection:

What have you noticed? You are able to do the multiple selection, right? But what do we need? A radio button selection, isn’t it? Hence, we are supposed to select only one row, right? This is why,we haven’t done the needed implementation yet. Let us add some script then, as follows:

We are just deleting the other row selection in the event rowselect. Now, run your Application again. I am sure you will be able to select only one row at a time.


Grid with radio button selection

Now, we can see the complete code.

Complete code

Conclusion

Did I miss anything that you may think is required? Have you found this post useful? I hope you liked this article. Please share with me your valuable suggestions and feedback.

Your turn. What do you think?

A blog isn’t a blog without comments, but do try to stay on the topic. If you have a question unrelated to this post, you’re better off, posting it on C# Corner, Code Project, Stack Overflow, ASP.NET Forum, instead of commenting here. Tweet or Email me a link to your question there and I’ll definitely try to help, if I can.

Please see this article in my blog here.