ExtJS Grid with RowExpander plugin

Among many very important and useful plug-ins for ExtJS grid is RowExpander plug-in. It is particularly useful in the scenario where you have more date to show in grid but less space available on screen. In this case you can go for grid’s rowexpander plug-in.

RowExpander is functionality where if user wants he can click/double-click on any row to see more data on grid. The additional data will be shown on below the row after it gets expanded. When user double-clicks on row, expandrow event get fired on Grid’s view. Following code snippet shows the configuration of RowExpander plugin in grid.

As per the above code snippet, user will be shown book details along with books image when user double-clicks on any row on grid.

Output:

I hope you enjoy the post. Happy coding 🙂

About the Author

has written 68 posts.

I Love Coding, Analyzing, Designing and doing it the right way. I am obsessed about learn anything new daily and sharing what I have learn each Day. This Blog is journey of my Zeal, going through step by step to the mountain of desire to become prefect. Google Wanna Hire me ?

Copyright © 2017 http://www.techzoo.org. All rights reserved.
Proudly powered by WordPress. Developed by 7Tech Solutions