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.Get Kendo Grid Clicked (Selected) Row values using jQuery<p>Hi&nbsp;<a class="username" rel="kavithav">kavithav,</a></p> <p>grid.select() returns details if you select any row&nbsp;in the grid.</p> <p>Since you are using the link click event you need to first fetch all the record from&nbsp;kendoGrid dataSource and by checking the condition get the details from the selected row.</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> <div class="demo_block"> <pre class="brush: html">&lt;html&gt; &lt;head&gt; &lt;title&gt;&lt;/title&gt; &lt;link rel=&#34;stylesheet&#34; href=&#34;https://kendo.cdn.telerik.com/2016.3.1028/styles/kendo.common.min.css&#34; /&gt; &lt;link rel=&#34;stylesheet&#34; href=&#34;https://kendo.cdn.telerik.com/2016.3.1028/styles/kendo.rtl.min.css&#34; /&gt; &lt;link rel=&#34;stylesheet&#34; href=&#34;https://kendo.cdn.telerik.com/2016.3.1028/styles/kendo.silver.min.css&#34; /&gt; &lt;link rel=&#34;stylesheet&#34; href=&#34;https://kendo.cdn.telerik.com/2016.3.1028/styles/kendo.mobile.all.min.css&#34; /&gt; &lt;script type=&#34;text/javascript&#34; src=&#34;https://code.jquery.com/jquery-3.1.1.min.js&#34;&gt;&lt;/script&gt; &lt;script type=&#34;text/javascript&#34; src=&#34;https://kendo.cdn.telerik.com/2016.3.1028/js/kendo.all.min.js&#34;&gt;&lt;/script&gt; &lt;script type=&#34;text/javascript&#34;&gt; $(function () { var customers = [{ Id: 1, Name: &#34;John Hammond&#34;, Country: &#34;United States&#34; }, { Id: 2, Name: &#34;Mudassar Khan&#34;, Country: &#34;India&#34; }, { Id: 3, Name: &#34;Suzanne Mathews&#34;, Country: &#34;France&#34; }, { Id: 4, Name: &#34;Robert Schidner&#34;, Country: &#34;Russia&#34;}]; $(&#34;#dvGrid&#34;).kendoGrid({ reorderable: true, scrollable: true, resizable: true, height: 200, pageable: false, selectable: &#34;single&#34;, sortable: { mode: &#34;single&#34;, allowUnsort: false, change: function (e) { } }, pageable: { refresh: true, pageSizes: [2, 25, 50] }, dataSource: { data: customers, pageSize: 2 }, columns: [ { field: &#34;Id&#34;, template: &#34;&lt;a href=&#39;javascript:void(0)&#39; data-ID=&#39;#=Id#&#39; onclick=&#39;onChange(this)&#39;&gt;#=Id#&lt;/a&gt;&#34; }, { field: &#34;Name&#34; }, { field: &#34;Country&#34;}], change: function (e) { var grid = $(&#34;#dvGrid&#34;).data(&#34;kendoGrid&#34;); if (grid.select().length &gt; 0) { var selectedItem = grid.dataItem(grid.select()); if (selectedItem != null) { $(&#39;#lblId&#39;).html(selectedItem.Id); $(&#39;#lblName&#39;).html(selectedItem.Name); $(&#39;#lblCountry&#39;).html(selectedItem.Country); } } } }); }); function onChange(arg) { // Clear selection. var grid = $(&#34;#dvGrid&#34;).data(&#34;kendoGrid&#34;); grid.clearSelection(); // Get all the records from kendoGrid dataSource. var gridData = $(&#34;#dvGrid&#34;).data().kendoGrid.dataSource.data(); for (var i = 0; i &lt; gridData.length; i++) { // Checking with id to get clicked row details. if (gridData[i].Id == arg.text) { $(&#39;#lblId&#39;).html(gridData[i].Id); $(&#39;#lblName&#39;).html(gridData[i].Name); $(&#39;#lblCountry&#39;).html(gridData[i].Country); } } } &lt;/script&gt; &lt;/head&gt; &lt;body&gt; &lt;div id=&#34;dvGrid&#34;&gt;&lt;/div&gt;&lt;br /&gt; &lt;table&gt; &lt;tr&gt; &lt;td&gt;Id : &lt;/td&gt; &lt;td&gt;&lt;span id=&#34;lblId&#34;&gt;&lt;/span&gt;&lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td&gt;Name : &lt;/td&gt; &lt;td&gt;&lt;span id=&#34;lblName&#34;&gt;&lt;/span&gt;&lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td&gt;Country : &lt;/td&gt; &lt;td&gt;&lt;span id=&#34;lblCountry&#34;&gt;&lt;/span&gt;&lt;/td&gt; &lt;/tr&gt; &lt;/table&gt; &lt;/body&gt; &lt;/html&gt;</pre> </div> <p><a class="demo button orange btn btn-red">Demo</a></p>https://www.aspforums.net:443/Threads/903697/Get-Kendo-Grid-Clicked-Selected-Row-values-using-jQuery/https://www.aspforums.net:443/Threads/903697/Get-Kendo-Grid-Clicked-Selected-Row-values-using-jQuery/Wed, 24 Jul 2019 06:36:24 GMT