Kendo Grid Get Selected Row Mvc


We can add selected row change event in following way Here I am using ASP. Kendo UI ASP. We can include checkbox in every row of GridView to enable selection of that particular row. EditableGrid is an open source JavaScript library aimed at turning tables into fully editable components. The accepted values for Mode are Single and Multiple, while these for Type are Cell and Row. Enabling ASP. NET MVC application and walks through a myriad of common grid scenarios, including paging, sorting, filtering, and client-side enhancements. Fetching the data item from the selected row of Kendo Grid can be easily done using the select function in Kendo Grid. According to your description, kunjammu How Can I Get All Rows In Kendo Grid In All Pages. 2) From the zip file copy these 2 CSS files to your "Content" folder: "metro-bootstrap-responsive. The KendoUI grid is great for displaying data and manipulating it one row at a time. You can refer to coderbd's reply, you need to bind datasource to it. The previous Razor code will render all of the properties for each row, but you may want to limit which columns are displayed. How can I get all the data items of the selected rows when using the selectable column in the Kendo UI Grid? Solution. us Kendo Mvc Grid Column Template has a variety pictures that linked to locate out the most recent pictures of Kendo Mvc Grid Column Template here, and along with you can get the pictures through our best Kendo Mvc Grid Column Template collection. Add new row and save data using Kendo Grid | DropdownList bind inside Grid (Part-1. That's fine if you want to completely restyle the grid rows, but. So you want to color the rows of your KendoUI grid based on the grid data. Note: In order for the method to return the selected IDs you need to define an ID field in schema. One of the common problems I have seen is to bulk data insert to a SQL Server database at a time using ASP. NET MVC (jQuery) - Returning the selected row in a grid. For this tutorial you will create a view with ListBox. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy. Please check this:. Kendo UI MultiSelect value displayed in a Grid cell separated by commas KendoUI Grid editing MultiSelect cell Now, we have to inform KendoUI Grid how we want a multi-value cell to be edited: edit using a MultiSelect; and we do this using editor attribute in the column definition. Kendo UI grid returns the selected element from the data source, but it does not return row and column indexes of the same out of box. EditableGrid is an open source JavaScript library aimed at turning tables into fully editable components. Thanks Manikandan. net MVC 4 for. Grid filtering; Grid filter modes; Grid multi filtering; Grid global search; Grid sorting; Grid paging; Grid manual processing; Grid styling; Grid html attributes; Grid row attributes; Grid row processing; Grid no data found text; Grid footer; Grid id; Grid localization; Grid data page export; Multiple grids; DataTable source; Grid custom. Net MVC (Kendo Grid) #kendouiforbegineers #programm Skip navigation Sign in. Please suggest me some way to complete this. Version 19 is out now. Tune up your grid with a rich JavaScript API. var gridModel = new OrdersJqGridModel(); var dataModel = GetOrders(). This article will also explain, how to get the value of the WebGrid selected row and pass the value of the WebGrid selected row to Partial View in ASP. While it is one of the best ones around it still have its cons but whats good with it is that the product is regularly updated even for the open source license. In this post we will see, how we could work with Kendo Grid in ASP. Get row and column index on change event or on click event on Kendo-UI Grid Get row and column index on Change event (row); var colIdx = this. First we need to identity which column colour you want change. You are done with integrating a Kendo drop-down list inside a Kendo grid. To get the selected rows from Kendo Grid checkbox Please follow steps mentioned below, 1. NET MVC web application with a checkbox next to each row, in order to allow the user to select one or more items from our list for additional processing. Net, Entity Framework, MVC, Partial View, WebGrid. How to write Custom delete Confirmation Modal for Kendo Grid in MVC: For the above task, we need to add custom command for delete operation. Figure 2: Select MVC Template. Array of the id field values of the selected rows. According to your description, kunjammu How Can I Get All Rows In Kendo Grid In All Pages. NET MVC version. Next time we'll walk through creating a UI-Grid plugin that will let us reuse this modal row editor code and create them wherever we want in just seconds. How to create a hyperlink using the id of an item in a client template on Kendo Grid. - kendo-checkboxes-grid. html Skip to content All gists Back to GitHub. Ext JS includes 115+ UI components, such as HTML5 calendar, grids, pivot grid, D3 adapter, trees, lists, forms, menus, toolbars, panels, windows, and much more. OK, I Understand. JSFiddle or its authors are not responsible or liable for any loss or damage of any kind during the usage of provided code. Net MVC client validation for Kendo UI components You might have stumbled upon this page because you are getting crazy in trying out all sort of solutions to make the client validation work for your Kendo components such as DropDownListFor , DatePickerFor , ComboBoxFor , etc. Kendo UI how to get grid properties using jQuery? Multiple File Upload Using HTML5, jQuery Ajax and Asp. Getting started with Kendo UI MVC Wrapper in ASP. According to your description, kunjammu How Can I Get All Rows In Kendo Grid In All Pages. 06/07/2016; 25 minutes to read; In this article A. It permits the user to choose as many rows and columns according to their needs. Partial views in ASP. Kendo mvc grid refresh keyword after analyzing the system lists the list of keywords related and the list of websites with related content, in addition you can see which keywords most interested customers on the this website. us Kendo Mvc Grid Column Template has a variety pictures that linked to locate out the most recent pictures of Kendo Mvc Grid Column Template here, and along with you can get the pictures through our best Kendo Mvc Grid Column Template collection. The DevExpress ASP. Please refer my previous article Export grid data to excel in advance Kendo UI using MVC WEB API and Entity Framework to get an idea about how to create an ASP. However, there is no built-in support for posting the grid data on form submission because the grid isn't an actual form control. If you look at the answer to this telerik question: You need to use \\#Id\\# within your ChildTemplate method to indicate you are accessing the current child element, not the parent. Our latest iteration offers more line of business features and Touch support, along with our unrivalled quality and performance. select(); rows. Hi, I have a kendo grid with checkbox as a column. In this video I will show you how to pre-select a values on a Kendo Multi-select control. Kendo Grid in Action. JSFiddle or its authors are not responsible or liable for any loss or damage of any kind during the usage of provided code. Adding Model. NET WEB API Service. Easily integrate into your application to deliver filtering, grouping, aggregation, pivoting and much more with the performance that your users expect. Please refer my previous article Export grid data to excel in advance Kendo UI using MVC WEB API and Entity Framework to get an idea about how to create an ASP. NET MVC This blog shows how to use Webgrid in ASP. Hello, I'd like to select the first row of a grid on loadComplete. and also restore previous selected rows while paging. NET MVC (jQuery) - Returning the selected row in a grid. NET, jQuery, MVC, ajax. jQuery Mobile and Kendo UI Mobile both support creating widgets declaratively (using only markup), as well as explicitly in JS. 114 with nupkg/VS Extension/Telerik Document Processing and Full Source. MVC multiple field search with webgrid - Step 5 First of all we will try for multiple field search with paging and sorting for products by using WebGrid. Hi, How can i get all rows in a kendo grid having more than one grid i used like this var grid = $("#grdVesselDetails"). jQuery Mobile and Kendo UI mobile use different mechanisms to let you customize the look of your web sites or applications. NET MVC Application. I will use the following REST service to explain how to get selected row values from kendo grid on change event REST service end point: api/productsapi. Hi kunjammu, Thanks for your post. The Kendo UI grid supports selection by specifying its configuration via its selectable attribute. NET MVC Drop Down List inside a Grid Row November 16, 2016 Adam Bumgardner I tend to use the Kendo UI Grid in my applications far more than any of the other controls. While it is one of the best ones around it still have its cons but whats good with it is that the product is regularly updated even for the open source license. Select the MVC template and click 'OK'. JSFiddle or its authors are not responsible or liable for any loss or damage of any kind during the usage of provided code. Net MVC full Ajaxify and bootstrap Grid With CRUD Operation by bhplugin on CodeCanyon. We use cookies for various purposes including analytics. This is the first in a new series about Telerik Kendo UI Controls. Please check this:. This blog tells you how to get the selected row data item from the Grid using external button click event. All code belongs to the poster and no license is enforced. In this video I will show you how to pre-select a values on a Kendo Multi-select control. Kendo Mvc Grid Column Template | williamson-ga. My problem is if I keep clicking on "Add New Record" button it will keep adding new row to the grid. Net MVC Razor. Tune up your grid with a rich JavaScript API. Kendo Grid with Insert , Update,Delete in ASP. Net, Entity Framework, MVC, Partial View, WebGrid. Next, download the Kendo UI for ASP. Hi kunjammu, Thanks for your post. Install the Telerik UI for ASP. They allow you to update only a part of the DOM without having to perform a full page refresh or a postback. Aegis team of asp. Kendo Mvc Grid Column Template pictures in here are posted and uploaded by Adina. NET Web Forms GridView, DataList, ASP. All this i need to implement using asp. Also, you can use the GridViewBase. This article will demonstrate how to fetch row and column index of selected cell in Kendo UI grid. I will use the following REST service to explain how to get selected row values from kendo grid on change event REST service end point: api/productsapi. I can tell it is more of a refresh issue. NET The KetticGridView also allows the end users to select a single row or cell as well as multiple rows and cells at a time from the data that are shown in grid. I looked online and could not find anything helpful. Create DataGrid. NET, jQuery, MVC, ajax. , in our previous article we see MVC search page example with code but there we used table to create the structure of gridview which is missing sorting and alternate row functionality. and also restore previous selected rows while paging. A majority of Microsoft. The infrastructure of the jQuery Grid is designed to support multiple column types. The check box visibility and selection mode is defined by the SelectAllCheckboxMode property. AngularJS is what HTML would have been, had it been designed for building web-apps. Net MVC Razor. NET MVC ListBox - Ajax load on demand, virtual scrolling, multi select, multi columns, master detail, icons, templates, cool skins - Set Selected Item. The project I was working on used ASP. There are a number of ways to achieve this. The grid works natively with OData, but the examples from the Kendo team are of OData services driven by WCF back ends. Kendo Grid Select All Check Box Kendo UI GRID Get Entire Row Value; About Me. Net Web API; Multiple Models In OneView in MVC; Multiple Models in Single View in MVC; New Registration form in mvc4; open xml excel update cell from one excel to another excel in c#. Array of the id field values of the selected rows. I mean i tried to navigate to cells using arrows but i have a problem in doing So. Home > WinForms UI Controls > User Manual > Grid Rows and Cells Selection in C# Data Grid Rows and Cells Selection in C#. In this post, I am explain How to insert multiple row to database using asp. Figure 2: Select MVC Template. In this video I will show you how to pre-select a values on a Kendo Multi-select control. NET WEB API Service. The DevExpress ASP. APIs to expand and collapse the grid row details area. so how can i. getSelections: Get all selected row data, return array data which element is the record. According to your description, kunjammu How Can I Get All Rows In Kendo Grid In All Pages. Here Mudassar Ahmed Khan has explained with an example, how to select a WebGrid row in ASP. Kendo UI MVC: Display Detail/Child records for each Grid row using Detail Templates Kendo has good feature to display the detail of any row or relevant child records using detail template. Williamson-ga. net mvc with example or asp. Add one Boolean data type value to the entity that we are binding to Kendo Grid,(i. var entityGrid = $("#EntitesGrid"). Note: In order for the method to return the selected IDs you need to define an ID field in schema. net c# datagrid c# Custom Methods data access layer objects C# entlib hack hacks linking infocenters integrate pages Kendo linq MOSS mvc popup purpose guarantees Sharepoint SQL SQL Reporting SQL View Stored Procedures t-sql Telerik Visual Studio Web Services Workflow. So you want to color the rows of your KendoUI grid based on the grid data. The complete source code can be download from sample gallery: Kendo UI DataSource, Kendo UI Grid with Dynamics CRM 2011 REST Endpoint. See the below code for MVC KENDO UI grid row cell background colour. Partial views in ASP. NET Developer Primer for Single-Page Applications. To access the cells in Kendo Grid we will use the dataBound event. In one of my previous article: “Create a Custom SharePoint Webpart will have Kendo grid to fetch/add/update SharePoint list data through WebAPI”, there I explained already how to achieve the combined functionalities of batch editing & row filtering in Kendo UI. Next step: avoid having to define a column for edit button and replace it with a simple double-click. NET MVC Application. Join now and share your views and answers on Syncfusion Developer Community for the thread: ASP. Here Mudassar Ahmed Khan has explained with an example, how to select a WebGrid row in ASP. Please suggest me some way to complete this. I will use the following REST service to explain how to get selected row values from kendo grid on change event REST service end point: api/productsapi. Developers can modify each and every element of the control - add spans in headers, columns, or rows, adjust the size of a table, make use of the columns' auto width. Are you trying to create a drop-down list using Kendo UI? Here are some techniques to use when working with Kendo UI Grid. - kendo-checkboxes-grid. NET Framework developers have spent most of their professional lives on the server side, coding with C# or Visual Basic. Below is my code for grid:. The DevExpress ASP. My issue is that i want to load dropdown on the basis of Arrival date and Departure date, so in this case every dropdown having diffrent values. There are situations when you would like to enable the end user to select rows or cells in the grid table, and process data from them or make calculations based on this selection. Version 19 is out now. Question: Tag: jquery,kendo-ui,kendo-grid I have tried to modify the behavior of the InCell Edit Mode of kendo Grid. NET Web Forms GridView, DataList, ASP. Inline editing with action icons is another editing mode of jqGrid. It also provides the option to select/deselect all the rows in the grid using a checkbox in the corresponding column header. Add one Boolean data type value to the entity that we are binding to Kendo Grid,(i. NET MVC Grid View extension provides end-users with the capability to select all grid rows by using the Select All check box, which can be displayed in a grid header. Get every row data by using the dataItem method. select(); rows. NET MVC demo application and saw how to display a grid of data without any features like sorting or paging, and. Just add a column anywhere you wish and set it EditActionIconsColumn property to true - this will enable automatic Edit/Save/Cancel buttons that will trigger the corresponding actions and events. Whats the difference? they are all Kendo UI objects and since it's a Kendo UI object we can use their validators so we don't need to recreate whats already in there. This property can be set to the following values. Aegis team of asp. and also restore previous selected rows while paging. However, there is no built-in support for posting the grid data on form submission because the grid isn't an actual form control. var entityGrid = $("#EntitesGrid"). The Kendo UI Web JavaScript library is a fantastic UI library and the Kendo UI for ASP. There are a number of ways to achieve this. In response, jqGrid converts each editable field to a data entry cell, as seen in the Name and Price fields above. Watermark theme. They allow you to update only a part of the DOM without having to perform a full page refresh or a postback. Hi kavithav,. This property can be set to the following values. We can add selected row change event in following way Here I am using ASP. Its API is focused on simplicity : only a few lines of code are necessary to get your first editable grid up and running. Do the types you work with in your ASP. I want to get the rows which are checked. NET MVC Grid View extension provides end-users with the capability to select all grid rows by using the Select All check box, which can be displayed in a grid header. and also restore previous selected rows while paging. UI Mode and Type attributes. Abstract: The following article demonstrates how to get the selected row from the ASP. OrdersGrid); // return the result of the DataBind method, passing the datasource as a parameter // jqGrid for ASP. I will use the following REST service to explain how to get selected row values from kendo grid on change event REST service end point: api/productsapi. Net MVC Razor. Snippet 10: Kendo grid save event callback implementation. Bug tracker Roadmap (vote for features) About Docs Service status. In this post we will see, how we could work with Kendo Grid in ASP. You are done with integrating a Kendo drop-down list inside a Kendo grid. I don't know the rowid. The key to loading a new page was inserting a clickable link that could call a controller action and pass in the ID of the row to edit. But I don't want to close pop-up window; after clicking update button, i want to save record and clear all (or some) fields and continue to create (other) new record. Often we need to create a table for our ASP. Kendo Grid in Action. Here first we will loop through the datasource and then loop each items in datasource. DropdownlistFor properties we can easily implement dropdownlist by binding values from database and we can. GetRow method to obtain the corresponding underlying data object of each selected row. Get row and column index on change event or on click event on Kendo-UI Grid Get row and column index on Change event (row); var colIdx = this. NET MVC; Displaying a grid of data is one of the most common tasks faced by web developers. In that I have button which adds new row to the grid to add new record. net mvc bind dropdownlist values from database and get dropdownlist selected value with example. Hi kavithav,. OK, I Understand. Figure 2: Select MVC Template. In one of my previous article: "Create a Custom SharePoint Webpart will have Kendo grid to fetch/add/update SharePoint list data through WebAPI", there I explained already how to achieve the combined functionalities of batch editing & row filtering in Kendo UI. To get the selected rows from Kendo Grid checkbox Please follow steps mentioned below, 1. Snippet 10: Kendo grid save event callback implementation. There are situations when you’d like to enable your users to select rows or cells in the grid table, and process data from them or make calculations based on this selection. The property that maps to selectedKeys is, in fact, storing all the rows selected, however, when moving from one page to another (remote paging), the Grid is not selecting any row that corresponds to those values stored in the selectedKeys property. SelectedRows property. Net MVC Razor. This blog tells you how to get the selected row data item from the Grid using external button click event. Adding selected row change Event on Kendo Grid. The previous Razor code will render all of the properties for each row, but you may want to limit which columns are displayed. The Kendo UI grid supports selection by specifying its configuration via its selectable attribute. NET MVC and the handy Kendo UI MVC wrappers. Updating an MVC Partial View with Ajax 28 May 2014 Comments Posted in ASP. My problem is if I keep clicking on "Add New Record" button it will keep adding new row to the grid. NET Developer Primer for Single-Page Applications. Now, when I click on select for AMZN the data in the datasource (displayed bellow the grid) immediately contains the value true. Net MVC Razor. Every website has to display data and every website has a Grid control. Lets just get some parts on my codes to properly demonstrate this. We can add selected row change event in following way Here I am using ASP. MVC multiple field search with webgrid - Step 5 First of all we will try for multiple field search with paging and sorting for products by using WebGrid. For the purposes of this post, I will be working with a Person class and a. 2) From the zip file copy these 2 CSS files to your "Content" folder: "metro-bootstrap-responsive. jQuery Mobile and Kendo UI mobile use different mechanisms to let you customize the look of your web sites or applications. Inline editing is a quick way to update database information by making changes directly in the row of the grid, as seen in the image below: To use Inline Editing, users select a row with the mouse. NET MVC, in which we created the ASP. NET MVC; Displaying a grid of data is one of the most common tasks faced by web developers. GetRow method to obtain the corresponding underlying data object of each selected row. Listbox will have a list of categories from Northwind database. Hi kunjammu, Thanks for your post. NET MVC library makes it easier for ASP. Hi, How can i get all rows in a kendo grid having more than one grid i used like this var grid = $("#grdVesselDetails"). The flexibility and usefulness is unparalleled and thus it is a staple in my web development toolkit. Here in this post I have done this easily following these simple steps. each(function(index, row) { var selectedItem = entityGrid. I came across this requirementin one of my project that i need to load a table records in a grid view and to perform all CRUD operations in it. Before you start with this post, I strongly recommend you to read. Bug tracker Roadmap (vote for features) About Docs Service status. That's fine if you want to completely restyle the grid rows, but. Easily integrate into your application to deliver filtering, grouping, aggregation, pivoting and much more with the performance that your users expect. NET MVC application and walks through a myriad of common grid scenarios, including paging, sorting, filtering, and client-side enhancements. I recently encountered a situation where I needed to render a multi select in a grid. This example demonstrates how to select grid rows using checkboxes, preserve that selection between pages, get selected item IDs from all pages. It displays model data in WebGrid in PartialView on selection change of Listbox value. The accepted values for Mode are Single and Multiple, while these for Type are Cell and Row. As of R2 2017 you can persist the row selection after data operations by setting the PersistSelection property to true. There are situations when you would like to enable the end user to select rows or cells in the grid table, and process data from them or make calculations based on this selection. I can tell it is more of a refresh issue. Often we need to create a table for our ASP. Notice: Undefined index: HTTP_REFERER in C:\xampp\htdocs\81eurq\ojiah. Net MVC Razor. Net, Entity Framework, MVC, Partial View, WebGrid. @using Kendo. Here you should copy the JavaScript files that you are planning to USE. We can add selected row change event in following way Here I am using ASP. net mvc get selected value from dropdownlist with example or asp. AngularJS is what HTML would have been, had it been designed for building web-apps. NET and choose the MVC template. NET MVC R1 2020 v2020. As of R2 2017 you can persist the row selection after data operations by setting the PersistSelection property to true. Our jQuery grid also supports custom data rendering. For the purposes of this post, I will be working with a Person class and a. Keep selected row after refresh in grid Currently yo keep the selected row after refresh one needs to store the data first and then loop through all the rows to find it and select it again. I figured it was a great opportunity to use the MVC Kendo Grid. In one of my previous article: "Create a Custom SharePoint Webpart will have Kendo grid to fetch/add/update SharePoint list data through WebAPI", there I explained already how to achieve the combined functionalities of batch editing & row filtering in Kendo UI. Next time we'll walk through creating a UI-Grid plugin that will let us reuse this modal row editor code and create them wherever we want in just seconds. The DevExpress ASP. This article will also explain, how to get the value of the WebGrid selected row and pass the value of the WebGrid selected row to Partial View in ASP. NET when building Web applications. Gets an array that holds the id field values of the selected rows. This is the first in a new series about Telerik Kendo UI Controls. Introduction. Add one Boolean data type value to the entity that we are binding to Kendo Grid,(i. The datagrid component contains two methods to retrieve selected row data: getSelected: Get the first selected row data, if no row selected return null else return the record. The Kendo UI Web JavaScript library is a fantastic UI library and the Kendo UI for ASP. select(); rows. We will create relationship between products and category table so we can show the category name in grid. EditableGrid is an open source JavaScript library aimed at turning tables into fully editable components. net mvc with example or asp. While the concept is not terribly challenging, it is not intuitive or obvious if you are newer to MVC. Install the Telerik UI for ASP. Now, when I click on select for AMZN the data in the datasource (displayed bellow the grid) immediately contains the value true. Accepted values are: true (enables row selection) row; cell; multiple, row; multiple, cell; As of R2 2017 you can persist the row selection after data operations by setting the persistSelection property to true. Home > WinForms UI Controls > User Manual > Grid Rows and Cells Selection in C# Data Grid Rows and Cells Selection in C#. NET MVC developers to get started with it by providing HTML Helper classes to render the Kendo UI Web controls. However, there is no built-in support for posting the grid data on form submission because the grid isn't an actual form control. Since you are using the link click event you need to first fetch all the record from kendoGrid dataSource and by checking the condition get the details from the selected row. Introduction Grid is most powerful tools to list records from database in any web application. Example - select the second table row and displays it's dataItem id value. Install the Telerik UI for ASP. I can tell it is more of a refresh issue. It is a CSS feature supported by all devices that ionic supports. NET WEB API Service. NET MVC library makes it easier for ASP. , in our previous article we see MVC search page example with code but there we used table to create the structure of gridview which is missing sorting and alternate row functionality. All code belongs to the poster and no license is enforced. If you are using MVC on your projects and you are using a Grid View control most probably it will be the Telerik Grid. In response, jqGrid converts each editable field to a data entry cell, as seen in the Name and Price fields above. Telerik Kendo UI ASP. The widgets shown above are using Kendo UI Mobile's flat skin. JSFiddle or its authors are not responsible or liable for any loss or damage of any kind during the usage of provided code. In this video I will show you how to pre-select a values on a Kendo Multi-select control. Here Mudassar Ahmed Khan has explained with an example, how to select a WebGrid row in ASP. To do this, we need to include a TemplateColumn that has a CheckBox control inside it. DropdownlistFor properties we can easily implement dropdownlist by binding values from database and we can. Kendo UI MVC: Display Detail/Child records for each Grid row using Detail Templates Kendo has good feature to display the detail of any row or relevant child records using detail template. Get row and column index on change event or on click event on Kendo-UI Grid Get row and column index on Change event (row); var colIdx = this. kendo grid web mvc4 kendo grid kendo ui grid grid on on commit delete row Paths on a Grid kendo SELECTed values values() row change Kendo Kendo kendo Kendo kendo KENDO Event event 本站公众号 欢迎关注本站公众号,获取更多程序园信息. please help me how to include a master checkbox and checkbox for each row in kendo UI grid. The Kendo UI Web JavaScript library is a fantastic UI library and the Kendo UI for ASP. i also need to update record that are checked in the grid. Kendo Mvc Grid Column Template | williamson-ga. Here first we will loop through the datasource and then loop each items in datasource. NET MVC Grid View extension provides end-users with the capability to select all grid rows by using the Select All check box, which can be displayed in a grid header. Hundreds of user extensions are also available from the Sencha community. Array of the id field values of the selected rows. There are several options available including posting the edited data back via AJAX, performing in-line editing, etc. Kendo-UI Grid Gets the value of the cell in Javascript I have been trying to get this piece of code to work for a while now, and I have run out of ideas. getSelections: Get all selected row data, return array data which element is the record.