Jqgrid Set Cell Background Color

Gets or sets a value that indicates to bind the external datasource to the particular column when column editType as dropdownedit and also it is used to bind the datasource to the foreign key column while editing the grid. you can change the header name to 'Product Name' and set 'My ToolTip for the product name column header' as a tool tip for the corresponding column header. , if an input field exceeds a certain length, display an alert. The normal (not Space) cells cannot be hidden completely, they will have always the width of its column. This example shows DataTables making use of the cell(). Field option itemTemplate allows to render any custom cell content, just return your markup as string, DOM Node or jQuery Element. Hi, I'm displaying data by using JqGrid Table. Here is a working example that sets the background color of one cell to red on a specific condition: jQuery(document). Please join us at the new MODX Community Forums. I am looking to change the color of a grid column header block. index() method to get the index of the column that is to be operated on, and then the cells(). You specify your condition column and the color in the Grid code and then set the conditions. Setting background color of cell using custom formatter. Color Sorting in jQuery jqGrid. Strings (old xls only) store strings in file twice to preserve their type a spaces, set it if you want to export all strings as strings and not chosen by Excel. jQuery set innerText(), innerHTML(), textContent() jQuery can be used in conjunction with plain ole JavaScript to change the text of a html element and set it to contain new content which could be. my-row-custom-class td:nth-child (2) { background: red; } set padding of td to 0 and render wrapping div with a background color with itemTemplate Pretty sure there are much more alternatives. Problem:- Unable to find out particular cell. my-row-custom-class td:nth-child (2) { background: red; } set padding of td to 0 and render wrapping div with a background color with itemTemplate Pretty sure there are much more alternatives. i have one condition based on that i need to display data in red/green color. myAltRowClass { back. How To Show DropDownList in JQGRID ASP. The solution also highlights the selected element and then displays the cell’s value on the screen. Just replacing the old version I had yield an error, that after a debug found out to be an issue with the getCell function. How can I set the background-color for an entire column in jqGrid? In the colModel array, I've tried to add:--> color: yellow--> background-color: yellow"--> style: 'background-color: yellow' None of this has worked. Dialog用にdivタグを用意します。 divタグにIDを振ります。 2. setCell (row,col,val,{'background-color':'red'}); – Jon Weers Dec 5 '11 at 23:32. aspx page Add the following scripts and CSS in design page cell {get; set;} Once we are set with that, we need our controller. Easily integrate into your application to deliver filtering, grouping, aggregation, pivoting and much more with the performance that your users expect. New here?. Setup Q) How to debug no records (blank grid)? Few considerations before use. I added !important but it didn’t help. Stack Exchange network consists of 175 Q&A communities including Stack Overflow, the largest, most trusted online community for developers to learn, share their knowledge, and build their careers. SET NOCOUNT ON; SELECT * FROM Student ORDER BY StudentID END In this code snippest i will set cell color conditionally, Open fancybox popup, Display Image and also add checkbox selection. I have a project that involves 3 sub grids and I am trying to change the color of at the very least the last sub grid title bar. To help demonstrate, the grid is configured to shade the rows different colors for the different group levels, so when you open a group, you can see the background change indicating that the group row is no longer display, instead the children are in it's place. dataSource object. Define the jqGrid. Hi, We had a requirement to change the font color of a particular column in jqGrid. aspx page Add the following scripts and CSS in design page cell {get; set;} Once we are set with that, we need our controller. To clear the situation with the cell color I made the demo. Configuration. Setting background color of cell using custom formatter. The Background color is overridden only by Focus cursor and Search Mark. seq를 받아서 해당 내용을 보여주고있다. To sum it up, we’ve just learned how to get the clicked HTML table cell value using jQuery. How to make element sizes to fill cell sizes and increase font in free jqgrid inline and form editing Tag: jquery , html , css , jqgrid , free-jqgrid jqgrid font size is increasing according to answer from How to change the font size in jqGrid?. If set Visible attribute to -1, the cell content is shown empty and also its left / right side button is not. This might be nice for prototyping, or small applications, but most of us already have interfaces for editing and stuff. I am using Sencha Architect, not javascript. Color Sorting in jQuery jqGrid. Looking at the code below, I want to color each row yellow, or red if EXCEPTION_. Net, GridView. The structure of the pager is table oriented and very hard coded in jqGrid 4. my-row-custom-class td:nth-child (2) { background: red; } set padding of td to 0 and render wrapping div with a background color with itemTemplate Pretty sure there are much more alternatives. I am trying to change the row color of any row in my jqgrid that has Active set to false. txt included in package. Net GridView Row based on some conditions in program code using C# and VB. Dialogの初期設定を書きます。 初期状態では非表示に設定し…. You are right you are not the first person who ask the question. net with c#?. I put the name of the color as the value of the cell. how to highlight with background color of last row in asp. Before you begin coding using phpGrid, you must specify database information in conf. I think it gets overridden by that. I would like to be able to change the background color on a row based on the value of a field in that row. The setting vertical-align will be not really help you because it's inside of deep hierarchy of other dives and cells which will be not vertically centered and some from there have fixed coded height in pixel. aspx page Add the following scripts and CSS in design page cell {get; set;} Once we are set with that, we need our controller. qty = '12321';. The value of -1 can also be used; which results in that the new cell will be inserted at the last position. jqGrid({ how to change jqgrid row color how to change jqgrid row color step1: create css stylesheet < style type ="text/cs. jqgrid cell demandé sur 2009-11-21 16:44:03. I also read the documents about building a custom formatter, but I was unable to make it work. 6m developers to have your questions answered on How to remove hover background color on a grid row? of Kendo UI for jQuery Grid. How to make element sizes to fill cell sizes and increase font in free jqgrid inline and form editing Tag: jquery , html , css , jqgrid , free-jqgrid jqgrid font size is increasing according to answer from How to change the font size in jqGrid?. Home; Demo the problem is I want to put one image on the cell, not change the background color. To clear the situation with the cell color I made the demo. Color depends about row id. , if an input field exceeds a certain length, display an alert. Hi, We had a requirement to change the font color of a particular column in jqGrid. The normal (not Space) cells cannot be hidden completely, they will have always the width of its column. CSS - Linear Gradient Background Color no-repeat is not working for ; if it has multiple tds html,css,css3 I want to apply css3 gradient (left and right transparent) background color for a TR element like below. SET NOCOUNT ON; SELECT * FROM Student ORDER BY StudentID END In this code snippest i will set cell color conditionally, Open fancybox popup, Display Image and also add checkbox selection. ClassInner attribute class can specify the final background color or image. That’s all to be done from the view perspective. aspx page Add the following scripts and CSS in design page cell {get; set;} Once we are set with that, we need our controller. New here?. information that it is possible to change the background color of a row based on the value in a field. I don't use the grid's form editing features, I built my own custom one. you can change the header name to 'Product Name' and set 'My ToolTip for the product name column header' as a tool tip for the corresponding column header. The API methods updateItem, insertItem and deleteItem allow editing from outside of the grid with ease. index() method to get the index of the column that is to be operated on, and then the cells(). css("background","#FFEAEA"); $("#rowId"). 0 (Free version) and trying to edit the height of textbox which gets rendered when we set editable: true in Column model. First of all, we will add some conditional formatting so that whenever the InventoryOnHand is set to zero or a negative value, it is displayed using a different background color. Data Controls :: Change Background Color Of GridView Cell On CheckBox CheckChanged Jan 24, 2014. Hello, I am trying to color code different grades so that certain ranges of percentages have a specific color. You specify your condition column and the color in the Grid code and then set the conditions. data를 받아서 insert 하기전에 받아서 순위에 따라서 컬러를 입힘. The structure of the pager is table oriented and very hard coded in jqGrid 4. Now you are ready to define your jqGrid; provide a JSON object that will let the jqGrid know what columns to show, should it support paging, sorting, what is the URL to get the data and what is the URL to POST data back, and many other properties. Here Mudassar Ahmed Khan has explained with an example and attached sample code, how to dynamically change the Background color of ASP. Is there a property(s) on the Ext. how to highlight with background color of last row in asp. How To Show DropDownList in JQGRID ASP. Jqgrid set cell background color If you want implement more complex formating like inserting some images in the cell I'll recommend you to use custom formatter and unformatter. In the first argument of setCell please specify the id of the column. We will add an argument for this index action. First of all, we will add some conditional formatting so that whenever the InventoryOnHand is set to zero or a negative value, it is displayed using a different background color. Hi, I'm displaying data by using JqGrid Table. Below code is working fine if it has only one TD element, where as more than one td, background gradient started repeating for each td. any idea will be very appreciated. I've been able to come up with some additional features on the jqgrid that I'm using (after going through many forums) including: copy-paste back and forth from Excel to jqgrid, edit cell on keypress and dblclick, copy and paste multiple cells from one block to another on the same grid using mouse selection (from here Using Javascript to 'sum. I am using Sencha Architect, not javascript. data를 받아서 insert 하기전에 받아서 순위에 따라서 컬러를 입힘. Let it be nullable bool. com/w/index. Strings (old xls only) store strings in file twice to preserve their type a spaces, set it if you want to export all strings as strings and not chosen by Excel. jqGrid('setCell', rowId,'qty', '12345'); 2) var rowData = $('#gridId'). information that it is possible to change the background color of a row based on the value in a field. I am using jQgrid version 4. qty = '12321';. 0, xlsx only) does not export row/col/cell Color attribute and does not color selected cells. You specify your condition column and the color in the Grid code and then set the conditions. By API event OnGetColor you can modify the final color set to the cell (also after including Focus and Mark). First and foremost, download the phpGrid from the download page, and then extract the zip file somewhere on your web server. Strings (old xls only) store strings in file twice to preserve their type a spaces, set it if you want to export all strings as strings and not chosen by Excel. I put the name of the color as the value of the cell. Column that I use in conjunction with a css class or a renderer?. seq를 받아서 해당 내용을 보여주고있다. When i checked it the current cell's background should change. To help demonstrate, the grid is configured to shade the rows different colors for the different group levels, so when you open a group, you can see the background change indicating that the group row is no longer display, instead the children are in it's place. FYI: I'm debugging something with that custom formatter now. Comment obtenir une valeur de cellule jqGrid lors de l'édition en ligne (getcell et getRowData renvoie le contenu de la cellule et non la valeur actuelle de l'élément d'entrée). JQGrid, change row background color based on condition. Net MVC Razor here is the solution: jQuery( "#jqgriddemo" ). whenever i want to change the background color of a specific row , i have to change to color of whole grid(by looping through grid length) , or if i set class for a specific row e. Datatype was json and I used the loadComplete function which has the data response as its parameter:. New here?. I added !important but it didn’t help. 1) include the jqgrid_dist. one I have found from blogs to change event cell background colorBut event render is changing cell color of all the. SET NOCOUNT ON; SELECT * FROM Student ORDER BY StudentID END In this code snippest i will set cell color conditionally, Open fancybox popup, Display Image and also add checkbox selection. I needed to apply a red colour to individual cells with outstanding amounts (name:os) in the 9th td on my grid. I have a grid(15 rows,8 columns) in which each cell contains a template field checkbox. First of all, we will add some conditional formatting so that whenever the InventoryOnHand is set to zero or a negative value, it is displayed using a different background color. Just return jQuery. hi all, here i am using jq grid. But i'm unable to do that. Strings (old xls only) store strings in file twice to preserve their type a spaces, set it if you want to export all strings as strings and not chosen by Excel. In the first argument of setCell please specify the id of the column. Change WPF DataGridRow background color using IValueConverter 9:49 PM DataGrid , WPF , WPF Value Converter , XAML No comments There are several ways in painting a wpf datagrid. nodes() and column(). Before you begin coding using phpGrid, you must specify database information in conf. I have tried many different code combinations but have yet to get just one title bar to be different. It means that row state colors don't modify the color set by Background. 6m developers to have your questions answered on How to remove hover background color on a grid row? of Kendo UI for jQuery Grid. Now you are ready to define your jqGrid; provide a JSON object that will let the jqGrid know what columns to show, should it support paging, sorting, what is the URL to get the data and what is the URL to POST data back, and many other properties. Stack Exchange network consists of 175 Q&A communities including Stack Overflow, the largest, most trusted online community for developers to learn, share their knowledge, and build their careers. Question: Tag: jquery,jqgrid,free-jqgrid I have just download the latest and greatest sources from the Free-jqGrid GIT. There are several scenarios that affect the rendering of the grid when widths and height are set. Field option itemTemplate allows to render any custom cell content, just return your markup as string, DOM Node or jQuery Element. net list view (web application) ajax is not working in cellselect in jqgrid how many ways we can change the color in rows and columns alternatively in gridview using asp. Please join us at the new MODX Community Forums. Jqgrid set cell background color If you want implement more complex formating like inserting some images in the cell I'll recommend you to use custom formatter and unformatter. I have tried many different code combinations but have yet to get just one title bar to be different. For example to format number by inserting dots and commas. To sum it up, we’ve just learned how to get the clicked HTML table cell value using jQuery. JQGrid with fontAwesome icon click event. Using the code. Hello, can anyone help me do this thing? I have a grid with some column, and I want to change background color, or font color of whole row depending of what is in one column. one I have found from blogs to change event cell background colorBut event render is changing cell color of all the. Note: You can also specify widths for individual columns, which can be seen at the sample. I am using Sencha Architect, not javascript. By API event OnGetColor you can modify the final color set to the cell (also after including Focus and Mark). What you need is to set attribute of the cells formatted using formatter: "number". How To Set Jqgrid Cell Color At Runtime May 28, 2010. Is there a property(s) on the Ext. First of all, we will add some conditional formatting so that whenever the InventoryOnHand is set to zero or a negative value, it is displayed using a different background color. The value of -1 can also be used; which results in that the new cell will be inserted at the last position. Datatype was json and I used the loadComplete function which has the data response as its parameter:. php?title=JQuery_배경색,_글자색_변경&oldid=470277". seq를 받아서 해당 내용을 보여주고있다. Is it possible to change a jqGride row color base on a cell value. To accomplish this without any custom sorting functions this is what I did. color 값을 가지고 온다면 그값을 대입하면 됨. GitHub is home to over 40 million developers working together to host and review code, manage. Basically I am trying to have three different colors Red, Yellow, and Green to indicate the state of a ticket in my program. net with c#?. I want the textbox height to fit into complete grid cell. One such feature is Cell Editing. I have tried many different code combinations but have yet to get just one title bar to be different. One such feature is Cell Editing. New here?. Join a community of over 2. ready(function(){ jQuery("#mylinks_grid_table"). I am using Sencha Architect, not javascript. The above solution did not work for me, I had to set the background color for each cell in the row:. It means that row state colors don't modify the color set by Background. I tried understanding ticket #163 but couldn't figure it out. Strings (old xls only) store strings in file twice to preserve their type a spaces, set it if you want to export all strings as strings and not chosen by Excel. Dialog用にdivタグを用意します。 divタグにIDを振ります。 2. How To Show DropDownList in JQGRID ASP. First of all, we will add some conditional formatting so that whenever the InventoryOnHand is set to zero or a negative value, it is displayed using a different background color. Skip navigation Sign in. 0 (Free version) and trying to edit the height of textbox which gets rendered when we set editable: true in Column model. I don't use the grid's form editing features, I built my own custom one. 1) include the jqgrid_dist. New here?. php is our phpGrid configuration file in which we specify database connection parameters and path to the phpGrid. , if an input field exceeds a certain length, display an alert. Can i set the cell color of this column based on the value coming from database at run time? how should i set formatter in this case? i tried like this but do not work. I needed to apply a red colour to individual cells with outstanding amounts (name:os) in the 9th td on my grid. I am using jQgrid version 4. I think it gets overridden by that. Using the code. First and foremost, download the phpGrid from the download page, and then extract the zip file somewhere on your web server. nodes() and column(). php?title=JQuery_배경색,_글자색_변경&oldid=470277". id of the column is ON, the value specified true in the key attribute of col tag. jQuery set innerText(), innerHTML(), textContent() jQuery can be used in conjunction with plain ole JavaScript to change the text of a html element and set it to contain new content which could be. Join a community of over 2. myAltRowClass { back. API reference for ejGrid. 概要 ボタンを押下することで、jqGridのデータを取得しDialogに表示します。 Dialogに表示したデータはjQuery UIのSelectableを適用します。 手順 1. Core feature of ag-Grid supporting Angular, React, Javascript and more. I have a project that involves 3 sub grids and I am trying to change the color of at the very least the last sub grid title bar. jqGrid('getRowData', rowId); rowData. net with c#?. Field option itemTemplate allows to render any custom cell content, just return your markup as string, DOM Node or jQuery Element. php file before any thing rendered to output. You are right you are not the first person who ask the question. nodes() and column(). its voilting that condition after sorting. Strings (old xls only) store strings in file twice to preserve their type a spaces, set it if you want to export all strings as strings and not chosen by Excel. i am populating a jqgrid from database and one of its columns is a color column like red, blue, etc. You specify your condition column and the color in the Grid code and then set the conditions. seq를 받아서 해당 내용을 보여주고있다. nodes() methods to remove old. whenever i want to change the background color of a specific row , i have to change to color of whole grid(by looping through grid length) , or if i set class for a specific row e. I don't use the grid's form editing features, I built my own custom one. But i'm unable to do that. Change WPF DataGridCell background color using IValueConverter 10:00 PM DataGrid , WPF , WPF Value Converter , XAML No comments Here's a solution in painting a specific DataGridCell using IValueConverter. how to highlight with background color of last row in asp. Version 20 is available for download now, take it for a free two month trial. JQGRID HTML helper is a sever side code wrapper that generates javascript for jqGrid used by MVC 3 applications. Column that I use in conjunction with a css class or a renderer?. This example shows DataTables making use of the cell(). The solution also highlights the selected element and then displays the cell’s value on the screen. To help demonstrate, the grid is configured to shade the rows different colors for the different group levels, so when you open a group, you can see the background change indicating that the group row is no longer display, instead the children are in it's place. I am looking to change the color of a grid column header block. If set Visible attribute to -1, the cell content is shown empty and also its left / right side button is not. setCell (row,col,val,{'background-color':'red'}); – Jon Weers Dec 5 '11 at 23:32. data를 받아서 insert 하기전에 받아서 순위에 따라서 컬러를 입힘. The API methods updateItem, insertItem and deleteItem allow editing from outside of the grid with ease. For example to format number by inserting dots and commas. Please specify cell name of target set in the 2 argument. New here?. First and foremost, download the phpGrid from the download page, and then extract the zip file somewhere on your web server. This demo shows how to implement editing and inserting data to the grid with external details dialog. formatterwill be used to format the content of the cell. This matches the value in the column “estado” and changes it to yellow background with black text if it matches “REJECTED”. Easily integrate into your application to deliver filtering, grouping, aggregation, pivoting and much more with the performance that your users expect. The structure of the pager is table oriented and very hard coded in jqGrid 4. The normal (not Space) cells cannot be hidden completely, they will have always the width of its column. To help demonstrate, the grid is configured to shade the rows different colors for the different group levels, so when you open a group, you can see the background change indicating that the group row is no longer display, instead the children are in it's place. I don't know how to do that, thanks for any help. GitHub is home to over 40 million developers working together to host and review code, manage. I am using jQgrid version 4. Datatype was json and I used the loadComplete function which has the data response as its parameter:. I have tried many different code combinations but have yet to get just one title bar to be different. When height is set, and fixedHeaders is set to true (default), the grid headers remain fixed while the user is scrolling. API reference for ejGrid. How would I. seq를 받아서 해당 내용을 보여주고있다. I want this color setting on load and on edit if this Active JQGrid: Changing background row color based on a column value in the row - jQuery Forum. Dialogの初期設定を書きます。 初期状態では非表示に設定し…. widget-content class. How can I change the background color of a cell in a jqgrid custom formatter? HOME » Programming Languages I can change the text color by doing this in jqgrid custom. Question: Tag: jquery,jqgrid,free-jqgrid I have just download the latest and greatest sources from the Free-jqGrid GIT. I am looking to change the color of a grid column header block. Once these steps are done the developer can start coding for the JQGrid. The structure of the pager is table oriented and very hard coded in jqGrid 4. Net, GridView. The setting vertical-align will be not really help you because it's inside of deep hierarchy of other dives and cells which will be not vertically centered and some from there have fixed coded height in pixel. Setup Q) How to debug no records (blank grid)? Few considerations before use. Data bar solid color? Conditional format - compare two cells; Escape HTML characters in datagrid; Elongated grid when theme is set; How to display total sum of a column of ALL the records in the footer? Set datagrid to the width of its parent DIV; Display group summary without any detail records; Remove horizontal scroll when set_autowidth() is. You are right you are not the first person who ask the question. Easily integrate into your application to deliver filtering, grouping, aggregation, pivoting and much more with the performance that your users expect. Just return jQuery. Data Controls :: Change Background Color Of GridView Cell On CheckBox CheckChanged Jan 24, 2014. I want to Highlight the row after row selection. If I use ‘color’ instead of ‘background-color’, the text color does change, but I needed the background to change, not the text. jqGrid('getRowData', rowId); rowData. Question: Tag: jquery,jqgrid,free-jqgrid I have just download the latest and greatest sources from the Free-jqGrid GIT. Change WPF DataGridRow background color using IValueConverter 9:49 PM DataGrid , WPF , WPF Value Converter , XAML No comments There are several ways in painting a wpf datagrid. I've been able to come up with some additional features on the jqgrid that I'm using (after going through many forums) including: copy-paste back and forth from Excel to jqgrid, edit cell on keypress and dblclick, copy and paste multiple cells from one block to another on the same grid using mouse selection (from here Using Javascript to 'sum. To help demonstrate, the grid is configured to shade the rows different colors for the different group levels, so when you open a group, you can see the background change indicating that the group row is no longer display, instead the children are in it's place. myAltRowClass { back. Now you are ready to define your jqGrid; provide a JSON object that will let the jqGrid know what columns to show, should it support paging, sorting, what is the URL to get the data and what is the URL to POST data back, and many other properties. jqGrid provides the ability to add predefined 'action' icons directly. 1) include the jqgrid_dist. Users can update data with Cell Editing. That’s it for the Current Inventory datagrid. - http://www. Dates (old xls only) export dates as strings only (useful for exporting Hirji dates). Hi, We had a requirement to change the font color of a particular column in jqGrid. How To Set Jqgrid Cell Color At Runtime May 28, 2010. I am looking to change the color of a grid column header block. Once these steps are done the developer can start coding for the JQGrid. Join a community of over 2. Problem:- Unable to find out particular cell. It means that row state colors don't modify the color set by Background. We achieved it in the following manner. First of all, we will add some conditional formatting so that whenever the InventoryOnHand is set to zero or a negative value, it is displayed using a different background color. information that it is possible to change the background color of a row based on the value in a field. Is it possible to change a jqGride row color base on a cell value. jqGrid('getRowData', rowId); rowData. How to make element sizes to fill cell sizes and increase font in free jqgrid inline and form editing Tag: jquery , html , css , jqgrid , free-jqgrid jqgrid font size is increasing according to answer from How to change the font size in jqGrid?. nodes() and column(). Gets or sets a value that indicates to bind the external datasource to the particular column when column editType as dropdownedit and also it is used to bind the datasource to the foreign key column while editing the grid. Dates (old xls only) export dates as strings only (useful for exporting Hirji dates). 0, xlsx only) does not export row/col/cell Color attribute and does not color selected cells. How to change Row color in JQGrid based on value in Column (background color or the color The reason for this was that as every cell was inserted into the. The HTML helper provides all the jqGrid features such ajax json data binding, jsonp, editing, filtering, and customization. jQuery UI Widgets › Forums › Grid › Change row color based on condition Tagged: background color , cellclassname , grid , jqxgrid This topic contains 2 replies, has 2 voices, and was last updated by Debashis 4 years, 10 months ago. Easily integrate into your application to deliver filtering, grouping, aggregation, pivoting and much more with the performance that your users expect. This example shows DataTables making use of the cell(). php file before any thing rendered to output. promise from controller method. Assuming that you already have some controller built, we will only look at the methods that deal with receiving the POST data from the JQGrid and the sub-grid. jqGrid({ how to change jqgrid row color how to change jqgrid row color step1: create css stylesheet < style type ="text/cs. Is it possible to have the backgroud-color apply without modifying the jqGrid css?. If I use ‘color’ instead of ‘background-color’, the text color does change, but I needed the background to change, not the text. We achieved it in the following manner. The above solution did not work for me, I had to set the background color for each cell in the row:. For a column or columns in the grid, I want to validate the column in some fashion, e. i am populating a jqgrid from database and one of its columns is a color column like red, blue, etc. Changing Cell background color can be realized by using setCell of jqGrid. I have everything working with my grid at the moment but I can not figure out how to set the background color of the entire row based off of a column value. Can i set the cell color of this column based on the value coming from database at run time? how should i set formatter in this case? i tried like this but do not work. // color second cell in the particular row. Now you are ready to define your jqGrid; provide a JSON object that will let the jqGrid know what columns to show, should it support paging, sorting, what is the URL to get the data and what is the URL to POST data back, and many other properties. That’s all to be done from the view perspective.