ASPForums.Net RSS Feedhttp://www.aspforums.net/Handlers/RSS.ashxLatest additions to the content that appears on ASPForums.Net(c) 2019 www.aspforums.com. All rights reserved.Display ui-grid selected (checked) row details in AngularJS<p>Hi <a class="username" rel="rani">rani</a>,</p> <p>Check this example. Now please take its reference and correct your code.</p> <p><strong><span style="text-decoration: underline;">HTML</span></strong></p> <pre class="brush: html">&lt;html xmlns=&#34;http://www.w3.org/1999/xhtml&#34;&gt; &lt;head&gt; &lt;title&gt;AngularJS UI-Grid selected row details&lt;/title&gt; &lt;link type=&#34;text/css&#34; rel=&#34;stylesheet&#34; href=&#34;https://cdnjs.cloudflare.com/ajax/libs/angular-ui-grid/4.8.1/ui-grid.css&#34; /&gt; &lt;script type=&#34;text/javascript&#34; src=&#34;https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.7.8/angular.min.js&#34;&gt;&lt;/script&gt; &lt;script type=&#34;text/javascript&#34; src=&#34;https://cdnjs.cloudflare.com/ajax/libs/angular-ui-grid/4.8.1/ui-grid.min.js&#34;&gt;&lt;/script&gt; &lt;script type=&#34;text/javascript&#34;&gt; var app = angular.module(&#39;MyApp&#39;, [&#39;ui.grid&#39;, &#39;ui.grid.pagination&#39;, &#39;ui.grid.selection&#39;]); app.controller(&#39;MyController&#39;, function ($scope, $http) { $scope.Employees = [ { Id: 1, Name: &#39;Nancy Davolio&#39;, City: &#39;Seattle&#39;, Country: &#39;USA&#39; }, { Id: 2, Name: &#39;Andrew Fuller&#39;, City: &#39;Tacoma&#39;, Country: &#39;USA&#39; }, { Id: 3, Name: &#39;Janet Leverling&#39;, City: &#39;Kirkland&#39;, Country: &#39;USA&#39; }, { Id: 4, Name: &#39;Margaret Peacock&#39;, City: &#39;Redmond&#39;, Country: &#39;USA&#39; }, { Id: 5, Name: &#39;Steven Buchanan&#39;, City: &#39;London&#39;, Country: &#39;UK&#39; }, { Id: 6, Name: &#39;Michael Suyama&#39;, City: &#39;London&#39;, Country: &#39;UK&#39; }, { Id: 7, Name: &#39;Robert King&#39;, City: &#39;London&#39;, Country: &#39;UK&#39; }, { Id: 8, Name: &#39;Laura Callahan&#39;, City: &#39;Seattle&#39;, Country: &#39;USA&#39; }, { Id: 9, Name: &#39;Anne Dodsworth&#39;, City: &#39;London&#39;, Country: &#39;UK&#39; } ]; $scope.gridOptions = { enableSorting: true, enableFiltering: true, paginationPageSizes: [5, 25, 50, 75], paginationPageSize: 5, enableRowSelection: false, enableSelectAll: true, multiSelect: false, columnDefs: [ { field: &#39;Id&#39;, width: &#39;75&#39;, enableSorting: false, enableFiltering: false }, { field: &#39;Name&#39;, enableSorting: true, enableFiltering: true }, { field: &#39;City&#39;, enableSorting: true, enableFiltering: true }, { field: &#39;Country&#39;, enableSorting: true, enableFiltering: true } ], onRegisterApi: function (gridApi) { gridApi.selection.on.rowSelectionChanged($scope, function (row) { if (row.isSelected) { alert(&#34;Id : &#34; + row.entity.Id + &#34;\nName : &#34; + row.entity.Name + &#34;\nCity : &#34; + row.entity.City + &#34;\nCountry : &#34; + row.entity.Country); } }); } }; $scope.gridOptions.data = $scope.Employees; }); &lt;/script&gt; &lt;/head&gt; &lt;body ng-app=&#34;MyApp&#34; ng-controller=&#34;MyController&#34;&gt; &lt;div ui-grid=&#34;gridOptions&#34; ui-grid-pagination ui-grid-selection style=&#34;width: 100%;height: 350px;&#34;&gt;&lt;/div&gt; &lt;/body&gt; &lt;/html&gt;</pre> <p><strong><span style="text-decoration: underline;">Screenshot</span></strong></p> <p><img src="https://i.imgur.com/SHGSiPq.gif" alt="" width="472" height="282" /></p>https://www.aspforums.net:443/Threads/993308/Display-ui-grid-selected-checked-row-details-in-AngularJS/https://www.aspforums.net:443/Threads/993308/Display-ui-grid-selected-checked-row-details-in-AngularJS/Thu, 08 Aug 2019 03:22:38 GMT