* @license jqGrid 4.5.1 - jQuery Grid

/*! jQuery UI - v1.10.1 - 2013-02-15

1.Column Chooser heading and buttons are large.Im using Blue Colur Theme .

2.Search Box-Equal to and not equal to text are coming as [Object,Object]

Best regards
Oleg

It would be great if someone could explain why this approach is used and please give solution for this.

 please view the code below.

      

$('#table1').jqGrid({

url: 'XMLFile1.xml',
datatype: "xml",
height: 'auto',
colModel: [
{ name: 'Title', width: 80, xmlmap: "CATALOG>CD>TITLE"
},
{ name: 'Artist', width: 90, xmlmap: "CATALOG>CD>ARTIST"
},
{ name: 'Image', width: 55,editable: true,
formatter: function () {
return "<img src='css/images/resize.jpg' />";
}
},
],
xmlReader: {
root: "CATALOG",
row: "CD",
repeatitems: false
},

onCellSelect: function (rowid, icol, cellcontent, e) {

 var rowData = $(this).jqGrid('getRowData', rowid);
rowData.Image = "<img src='css/images/SQl Express 2008.png' />";
$(this).jqGrid('setRowData', rowid, rowData);
},
loadonce: true,
rowNum: 10
});

 

if you can observer the above code, there are three columns in my grid. The first two columns are populated with the data coming from xml file. and the third column is Image column with static image path. Now, i want to change the image when user clicks on that cell. the above code what i've tried is not working. can you please tell me how to do this.

using: vs2010

                                                   Thank you.

 

Take a look of the shrinkToFit option and width option of the grid.

 

Kind Regards

The question is pretty simple, but I've gone around the page Trirand but I could not find a way how to make the grid bigger.

Currently, I have a grid with jqGrid with Php but I fail to make the grid bigger, I've managed to make the columns bigger but not the grid

I know the question is novice, but haven't found it. I hope you can help me.

I also show them my php code, to see what I'm doing.

 

<?php
require_once 'jq-config.php';
// include the jqGrid Class
require_once "php/jqGrid.php";
// include the PDO driver class
require_once "php/jqGridPdo.php";
// Connection to the server
$conn = new PDO(DB_DSN,DB_USER,DB_PASSWORD);

// Create the jqGrid instance
$grid = new jqGridRender($conn);
// Write the SQL Query
// We suppose that mytable exists in your database
$grid->SelectCommand = "SELECT CONCAT(C.nombre,' ',C.apellido ) AS Nombre, G.Observacion, T.nombre Topico, 
If(G.Prioridad = 1, 'Alta',If( G.Prioridad = 2, 'Media','Baja')) Prioridad,
O.nombre Output, G.Fecha_Gap, G.Fecha_Cierre
FROM Colaboradores C, Gaps G, Topicos T, Outputs O
WHERE C.id = G.id_colaborador
AND T.id = G.id_topico
AND O.id = G.id_output";

// set the ouput format to json
$grid->dataType = 'json';
// Let the grid create the model
$grid->setColModel();
// Set the url from where we obtain the data
$grid->setUrl('myfirstgrid.php');
// Set grid caption using the option caption
$grid->setGridOptions(array(
    "caption"=>"GAP's De Auditoria Contabilidad y Finanzas",
    "rowNum"=>10,
    "sortname"=>"C.nombre",
    "rowList"=>array(10,20,50)
    ));

// Change some property of the field(s)
$grid->setColProperty("Nombre", array("width"=>"600")); 
$grid->setColProperty("Observacion", array("width"=>"1200")); 
$grid->setColProperty("Topico", array("width"=>"300")); 
$grid->setColProperty("Prioridad", array("width"=>"300")); 
$grid->setColProperty("Output", array("width"=>"300")); 
$grid->setColProperty("Fecha_Gap", array("width"=>"300")); 
$grid->setColProperty("Fecha_Cierre", array("width"=>"300")); 


// Run the script
$grid->renderGrid('#grid','#pager',true, null, null, true,true);
?>

e:  { name: 'Turf', width: 50, align: 'center' },

Where as when I add back search functionality it got slowed down

{ name: 'Project', width: 80, align: 'center', formatter: 'select',
edittype: 'select',
editoptions: {
value:uniqueprojectIds,
multiple: true
},
stype: 'select',
searchoptions: {
sopt: ['eq', 'ne'],
value: uniqueprojectIds,
attr: { multiple: 'multiple', size: 4 },
dataInit: dataInitMultiselect
}
},

 

Is there anything went wrong with this following code piece ? I appreciate your help

 

$(function () {

'use strict';

$grid = $("#list"),
myDefaultSearch = "cn",
getColumnIndexByName = function (columnName) {
var cm = $(this).jqGrid('getGridParam', 'colModel'), i, l = cm.length;
for (i = 0; i < l; i += 1) {
if (cm[i].name === columnName) {
return i; // return the index
}
}
return -1;
},
modifySearchingFilter = function (separator) {
var i, l, rules, rule, parts, j, group, str, iCol, cmi, cm = this.p.colModel,
filters = $.parseJSON(this.p.postData.filters);
if (filters && filters.rules !== undefined && filters.rules.length > 0) {
rules = filters.rules;
for (i = 0; i < rules.length; i++) {
rule = rules[i];
iCol = getColumnIndexByName.call(this, rule.field);
cmi = cm[iCol];
if (iCol >= 0 &&
((cmi.searchoptions === undefined || cmi.searchoptions.sopt === undefined)
&& (rule.op === myDefaultSearch)) ||
(typeof (cmi.searchoptions) === "object" &&
$.isArray(cmi.searchoptions.sopt) &&
cmi.searchoptions.sopt[0] === rule.op)) {
// make modifications only for the 'contains' operation
parts = rule.data.split(separator);
if (parts.length > 1) {
if (filters.groups === undefined) {
filters.groups = [];
}
group = {
groupOp: 'OR',
groups: [],
rules: []
};
filters.groups.push(group);
for (j = 0, l = parts.length; j < l; j++) {
str = parts[j];
if (str) {
// skip empty '', which exist in case of two separaters of once
group.rules.push({
data: parts[j],
op: rule.op,
field: rule.field
});
}
}
rules.splice(i, 1);
i--; // to skip i++
}
}
}
this.p.postData.filters = JSON.stringify(filters);
}
},
dataInitMultiselect = function (elem) {
setTimeout(function () {
var $elem = $(elem), id = elem.id,
inToolbar = typeof id === "string" && id.substr(0, 3) === "gs_",
options = {
selectedList: 2,
height: "300",
checkAllText: "all",
uncheckAllText: "no",
noneSelectedText: "Any",
open: function () {
var $menu = $(".ui-multiselect-menu:visible");
$menu.width("auto");
return;
}
},
$options = $elem.find("option");
if ($options.length > 0 && $options[0].selected) {
$options[0].selected = false; // unselect the first selected option
}
if (inToolbar) {
options.minWidth = 'auto';
}
$elem.multiselect(options).multiselectfilter({ placeholder: '' });
$elem.siblings('button.ui-multiselect').css({
width: inToolbar ? "98%" : "100%",
marginTop: "1px",
marginBottom: "1px",
paddingTop: "3px"
});
}, 50);
};

tony said
Hello,

 

The reason for this can be 100. 

The code you have posted is a very long, so it is very difficult to tell you where is the reason.

The reason can be on server query and etc.

 

I recommend you to construct very very basic grid - only data and colmodel definition.

If the result is ok (quick load), then you can step by step add the other code in order to see where is the problem.

 

Kind Regards

Thanks Tony...Infact I could  not post the whole content of the page as there is limitation on no. of characters to post. I have 45 columns (some strings and some dates)  to display and USERS wanted unique values to be displayed for multi select on each column and I believe I do not have any extra processing other than building the jQuery Grid. I sent emails with whole code in it. Could you please kindly check and let me know If I can improve on speed 

 

The reason for this can be 100. 

The code you have posted is a very long, so it is very difficult to tell you where is the reason.

The reason can be on server query and etc.

 

I recommend you to construct very very basic grid - only data and colmodel definition.

If the result is ok (quick load), then you can step by step add the other code in order to see where is the problem.

 

Kind Regards

 

<script src="../../../_layouts/Scripts/jqgrid/jquery.min.js" type="text/javascript"></script>
<script src="../../../_layouts/Scripts/jqgrid/jquery-ui.min.js" type="text/javascript"></script>
<script src="../../../_layouts/Scripts/jqgrid/jquery.multiselect.js" type="text/javascript"></script>
<script src="../../../_layouts/Scripts/jqgrid/jquery.multiselect-erichynds.com.js" type="text/javascript"></script>
<script src="../../../_layouts/Scripts/jqgrid/jquery.multiselect.filter.js" type="text/javascript"></script>
<script src="../../../_layouts/Scripts/jqgrid/grid.locale-en.js" type="text/javascript"></script>
<script src="../../../_layouts/Scripts/jqgrid/jquery.jqGrid.src.js" type="text/javascript"></script>

<script type="text/javascript">
var idleTime = 0;
$(document).ready(function () {
//Increment the idle time counter every minute.
var idleInterval = setInterval(timerIncrement, 60000); // 1 minute
$(this).mousemove(function (e) {
idleTime = 0;
});
$(this).keypress(function (e) {
idleTime = 0;
});
});
function drawszlider(ossz, meik) {
$("#list").hide();
$("#szlider").show();
}
function timerIncrement() {
idleTime = idleTime + 1;
if (idleTime > 15) {
window.location.reload();
}
}
</script>
<script type="text/javascript">
$.jgrid.no_legacy_api = true;
$.jgrid.useJSON = true;
var gridInfo;
function pointercursor(cellvalue, options, rowObject) {
var new_formatted_cellvalue = '<span class="pointer">' + cellvalue + '</span>';
return new_formatted_cellvalue;
}
function createCookie(name, value, days) {
if (days) {
var date = new Date();
date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000));
var expires = "; expires=" + date.toGMTString();
}
else var expires = "";
document.cookie = name + "=" + value + expires + "; path=/";
}
function readCookie(name) {
var nameEQ = name + "=";
var ca = document.cookie.split(';');
for (var i = 0; i < ca.length; i++) {
var c = ca[i];
while (c.charAt(0) == ' ') c = c.substring(1, c.length);
if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length, c.length);
}
return null;
}
function eraseCookie(name) {
createCookie(name, "", -1);
}
function showCommentsDialogLink() {
return "<a href='javascript:void(0)' >View</a>";
// return "<a href='javascript:DisplayCommentsDialog()'>View Comments</a>";
}

function DisplayCommentsDialog(ID, projectid, tumsType, ptn, CommentsWorklist) {

var options = {
url: SP.Utilities.Utility.getLayoutsPageUrl('SharepointApp_jQueryTUMS/ShowComments.aspx?id=' + ID + '&projectid=' + projectid + '&tumsType=' + tumsType + '&PTN=' + ptn + '&CommentsWorklist=' + CommentsWorklist),
title: 'Comments',
allowMaximize: false,
showClose: true,
width: 1040,
height: 600,
dialogReturnValueCallback: Function.createDelegate(null, function () { $("#list").jqGrid('resetSelection'); })
};
SP.UI.ModalDialog.showModalDialog(options);
}
function CloseCallback(result, target) {
location.reload(true);
}

function showDialogForHighLevel(id, element) {
var projectids = new Array();
var ptn;
var turf;
var quote;
var tumsType;
var ismanual;
var readyForMSAct;
var bChosen = false;
$("#list").find('input[type=checkbox]').each(function () {
if ($(this).is(':checked')) {
turf = $(this).closest("tr").find('td:eq(3)').text();
projectids.push($(this).closest("tr").find('td:eq(2)').text());
ptn = $(this).closest("tr").find('td:eq(6)').text();
tumsType = $(this).closest("tr").find('td:eq(9)').text();
ismanual = $(this).closest("tr").find('td:eq(47)').text();
readyForMSAct = $(this).closest("tr").find('td:eq(14)').text();
bChosen = true;
}
});
if (!bChosen) { alert('Choose atleast one item to proceed'); return; }
var options = {
url: SP.Utilities.Utility.getLayoutsPageUrl('SharepointApp_jQueryTUMS/ShowHighLevelListUpdate.aspx?ptn=' + ptn + '&tums=' + tumsType + '&ismanual=' + ismanual + '&projectids=' + projectids.join(",")),
title: 'Edit High Level List info',
allowMaximize: false,
showClose: true,
width: 1040,
height: 600,
dialogReturnValueCallback: Function.createDelegate(null, CloseCallback)
};
SP.UI.ModalDialog.showModalDialog(options);
}
function getUniqueNames(columnName) {
var texts = $("#list").jqGrid('getCol', columnName);
var uniqueTexts = [];
var textsLength = texts.length;
var text;
var textsMap = {};
var i;
for (i = 0; i < textsLength; i++) {
text = texts[i];
if (text !== undefined && textsMap[text] === undefined) {
// to test whether the texts is unique we place it in the map.
textsMap[text] = true;
uniqueTexts.push(text);
}
}
uniqueTexts.sort(compare);
return uniqueTexts;
}
var myData_wcf = [{ Turf: "", Project: "", Program: "", PTN: "", Site_ID: "", FAID: "", TUMS: "", TUMS_Status: "", TUMS_Aging: "", Ready_for_TUMS: "", Ready_for_MS_Actualization: "", MS_Date_Actualized: "", MS_Date_Un_Actualized: "", Quote: "", Doc_Deliverables_Complete: "", Oracle_True_Up_Complete: "", Financial_Analysis_CL: "", OOM_Submitted: "", Customer_Quote_Complete: "", Project_Manager: "", Customer: "", Comments: "", MS_Date_Forecast: "", Lease_Fully_Exec_Fcst: "", Lease_Fully_Exec_Act: "", BP_Received_Fcst: "", BP_Received_Act: "", Site_Acq_Comp_Fcst: "", Site_Acq_Comp_Act: "", Tower_Wk_Comp_Fcst: "", Tower_Wk_Comp_Act: "", Const_Comp_Fcst: "", Const_Comp_Act: "", On_Air_Fcst: "", On_Air_Act: "", Turnover_Comp_Fcst: "", Turnover_Comp_Act: "", Cust_Accept_Fcst: "", Cust_Accept_Act: "", Previously_Un_Actualized: "", Goodman_Project_Status: "", Customer_Project_Status: "", IsManual: "", Created: "", Modified: ""}];
var myData_Obj;
$grid.jqGrid({
datatype: 'local',
data: myData_wcf,
colNames: ['ID', 'Turf', 'Project', 'Program', 'PTN', 'Site ID', 'FAID', 'TUMS', 'TUMS Status', 'DNKO', 'IssueCode', 'TUMS Aging', 'Ready for TUMS', 'Ready for MS Actualization', 'MS Date Actualized', 'MS Date Un Actualized', 'Quote', 'Doc Deliverables Complete', 'Oracle True Up Complete', 'Financial Analysis CL', 'OOM Submitted', 'Customer Quote Complete', 'Project Manager', 'Customer', 'Comments', 'MS Date Forecast', 'Lease Fully Exec Fcst', 'Lease Fully Exec Act', 'BP Received Fcst', 'BP Received Act', 'Site Acq Comp Fcst', 'Site Acq Comp Act', 'Tower Wk Comp Fcst', 'Tower Wk Comp Act', 'Const Comp Fcst', 'Const Comp Act', 'On Air Fcst', 'On Air Act', 'Turnover Comp Fcst', 'Turnover Comp Act', 'Cust Accept Fcst', 'Cust Accept Act', 'Previously Un Actualized', 'Goodman Project Status', 'Customer Project Status', 'IsManual', 'Created', 'Modified', 'IsControlsUser'],

rowNum: getRowNum(),
rowList: [5, 10, 15, 20, 25],
pager: '#pager',
gridview: true,
ignoreCase: true,
rownumbers: true,
multiSort: true,
sortname: 'Turf,Program,Modified',
viewrecords: true,
sortorder: 'desc',
multiselect: true,
resizeStop: function () {
var $grid = $(this.bDiv).find('>div:first>table.ui-jqgrid-btable:first'),
shrinkToFit = $grid.jqGrid('getGridParam', 'shrinkToFit');
$grid.jqGrid('setGridWidth', this.newWidth, shrinkToFit);
},
caption: " eTUMS New Display Model",
height: '120%',
width: '100%',
onCellSelect: function (rowid, index, contents, event) {
var prjID = $('#list').jqGrid('getCell', rowid, 'ID');
var project = $('#list').jqGrid('getCell', rowid, 'Project');
var tumsType = $('#list').jqGrid('getCell', rowid, 'TUMS');
var ptn = $('#list').jqGrid('getCell', rowid, 'PTN');
var CommentsWorklist = 'WorklistComments';
if (contents.toString().indexOf(' View ') > 0)
DisplayCommentsDialog(prjID, project, tumsType, ptn, CommentsWorklist);
},
onSelectRow: function (rowid) {

},
onSelectAll: function (aRowids, status) // this function is used when you select all check box
{
if (status) {
for (var i = 0; i < aRowids.length; i++) {
if ($("#jqg_list_" + aRowids[i]).attr("disabled")) {
$("#jqg_list_" + aRowids[i]).removeAttr("checked");
} else {
$("#divButtons").show();
}
}
}
},
loadComplete: function () {
$("tr.jqgrow:odd").css("background", "#EFF3FB");
var ids = jQuery("#list").jqGrid('getDataIDs');
var columnsNotInSearch = new Array();
var postData = $("#list").jqGrid('getGridParam', 'postData');
var postDataStr = JSON.stringify(postData);
var cm = $(this).jqGrid('getGridParam', 'colModel'), i, l = cm.length;
for (i = 0; i < l; i += 1) {
if (postDataStr.indexOf(cm[i].name) == -1 & cm[i].name != 'ID' & cm[i].name != 'rn' & cm[i].name != 'cb') {
columnsNotInSearch.push(cm[i].name);
}
}
for (var i = 0; i < ids.length; i++) {
var rowId = ids[i];
var TaskStatus = jQuery("#list").jqGrid('getCell', rowId, 'TUMS_Status');
var IsControlsUser = jQuery("#list").jqGrid('getCell', rowId, 'IsControlsUser');
if ((TaskStatus.indexOf('Progress') == -1 & TaskStatus.indexOf('New') == -1 & TaskStatus.indexOf('Rejected') == -1) | IsControlsUser.toLowerCase() == 'false') {
jQuery("#jqg_list_" + rowId).attr("disabled", true);
}
}
eraseCookie('rownum');
createCookie('rownum', $grid.jqGrid('getGridParam', 'rowNum'), 0);
$("#list").show();
$("#szlider").hide();
$("#divButtons").show();
},
beforeRequest: function (rowid, e) {
modifySearchingFilter.call(this, ',');
if ($("#jqg_list_" + rowid).attr("disabled")) {
return false;
}
return true;
}
});
$grid.jqGrid('filterToolbar', { stringResult: true, searchOnEnter: true, defaultSearch: myDefaultSearch });
$grid.jqGrid('navGrid', '#pager', { refresh: false, edit: false, add: false, del: false }, {}, {}, {}, {
multipleSearch: true
});
$grid.jqGrid('navButtonAdd', "#pager", {
caption: "", title: "Reload Grid", buttonicon: "ui-icon-refresh",
multipleSearch: true,
multipleGroup: true,
recreateFilter: true,
onClickButton: function () {
gridInfo = new Object();
gridInfo.rowNum = $grid.jqGrid('getGridParam', 'rowNum');
$grid.jqGrid('setGridParam', { search: false });
eraseCookie('rownum');
createCookie('rownum', gridInfo.rowNum, 0);
location.reload(true);
}
});
});

</script>
</head>
<body onload="drawszlider(121, 56);">
<table id="list" style="display:none;" ><tr><td/></tr></table>
<div id="pager" ></div>
<div id="divButtons" style="display:none;" >
<table>
<tr>
<td><input id="btnEditHighLevelList" type="submit" value="Edit High Level List"
onclick="showDialogForHighLevel('divupdateHighLevelList,this');return false;"
/></td>
</tr>
</table>
</div>
<div id="szlider" style="position: absolute;top: 50%;left: 50%;margin-top: -50px;margin-left: -50px;width: 300px;height: 600px;">
<h1>Please wait .....</h1><br />
<img src="../../../_layouts/images/SharePointApp_jQueryTUMS/waiting_animation.gif" alt="" />
</div>
</body>
</html>

What you mean with

We have a jqgrid which contains 2 checkboxes

Are these checkboxex defined as formatters and I'm missing to much info in order to help you.

Regards

The json response should look like this

[...,{"name" : "value",...},...]

Please look at the documenatation for this purpose

Regards

I have verified that data is coming back from my server side controller method as below. Sample is just for one for the records from the fto object.

    Customer_Name = "X"     FuelTkt_ID = 2     Image_ID = "12345"     Ticket_No = 6460193     Trans_Timestamp = {3/19/2014 10:20:00 AM}     Vehicle_No = "123456"

[HttpPost] public async Task<JsonResult> GetFilteredFuelTicketsAsync(HH_FuelTkt_Input id)
        {
            try
            {
                IEnumerable<HH_FuelTkt_Output> fto = await db.GetFilteredFuelTicketsAsync(id);

                return Json(fto, JsonRequestBehavior.AllowGet);
            }
            catch (Exception ex)
            {
                strRemedyTktResponse = IssueRemedyTicket("Class: FuelTktController" + CrLf + "Method: GetFilteredFuelTickets" + CrLf + "Error: " + ex.Message + CrLf + "InnerException: " + ex.InnerException + CrLf + "Source: " + ex.Source + CrLf + "StackTrace: " + ex.StackTrace);
                LogMessage.WriteEventLog("Class: FuelTktController" + CrLf + "Method: GetFilteredFuelTickets" + CrLf + "Error: " + ex.Message + CrLf + "InnerException: " + ex.InnerException + CrLf + "Source: " + ex.Source + CrLf + "StackTrace: " + ex.StackTrace, "FuelTktController", 1, strRemedyTktResponse);
                return null;
            }
        }

On my client side, I can see the data in my result. What am I missing here in order to populate the grid??? Below is my code for the grid and underneath that is the data coming back:

if (begDte <= endDte) {
                            $('#fuelTickets').jqGrid({
                                caption: "Fuel Tickets", colModel: [
                                        { name: 'FuelTkt_ID', index: 'FuelTkt_ID', label: 'ID', width: 20, align: "right", editable: false },
                                        { name: 'Ticket_No', index: 'Ticket_No', label: 'Ticket', width: 60, align: "right", editable: false },
                                        { name: 'Customer_Name', index: 'Customer_Name', label: 'Customer', width: 150, editable: false },
                                        { name: 'Vehicle_No', index: 'Vehicle_No', label: 'Vehicle', width: 60, editable: false },
                                        { name: 'Trans_Timestamp', index: 'Trans_Timestamp', label: 'Date', width: 100, editable: false },
                                        { name: 'Image_ID', index: 'Image_ID', label: 'Image ID', width: 150, editable: false }
                                ],
                                pager: false,
                                viewRecords: true,
                                gridview: true,
                                autoWidth: true, emptyRecords: "No records found",
                                onCellSelect: function (rowid, iCol, cellcontent) {
                                    var grid = $('#fuelTickets');
                                    var imageID = grid.jqGrid('getCell', rowid, 'Image_ID');
                                    if (imageID != "")
                                        DisplayReceipt(imageID);
                                }
                            })
                            var HH_FuelTkt_Input = {
                                Vehicle_No: $('#txtVehicleNbr').val(),
                                Customer_Name: $('#txtCustomerName').val(),
                                Trans_Timestamp_Begin: $('#dteBeginDate').val(),
                                Trans_Timestamp_End: $('#dteEndDate').val()
                            };
                            $.ajax({
                                url: '@Url.Action("GetFilteredFuelTicketsAsync")',
                                type: 'POST',
                                data: JSON.stringify(HH_FuelTkt_Input),
                                contentType: 'application/json; charset=utf-8',
                                dataType: 'json',
                                success: function (result) {
                                    var grid = $("#fuelTickets");
                                    grid.clearGridData();
                                    grid.addRowData(result);
                                },
                                error: function (jqXHR, jqXHR, textStatus, errorThrown) {
                                    alert("No record found: " + "textStatus: " + textStatus + "\r\n" + "errorThrown: " + errorThrown);
                                }
                            });
                        }

Here is the data coming back:

    [Object { FuelTkt_ID=2, Ticket_No=6460193, Vehicle_No="123456", more...}, Object { FuelTkt_ID=3, Ticket_No=6460194, Vehicle_No="123456", more...}]           0      Object { FuelTkt_ID=2, Ticket_No=6460193, Vehicle_No="123456", more...}           1      Object { FuelTkt_ID=3, Ticket_No=6460194, Vehicle_No="123456", more...}

Here are the individual records:

    0      Object { FuelTkt_ID=2, Ticket_No=6460193, Vehicle_No="123456", more...}           Customer_Name      "X"           FuelTkt_ID      2           Image_ID      "12345"           Ticket_No      6460193           Trans_Timestamp      "/Date(1395238800000)/"           Vehicle_No      "123456"

    1      Object { FuelTkt_ID=3, Ticket_No=6460194, Vehicle_No="123456", more...}           Customer_Name      "X"           FuelTkt_ID      3           Image_ID      "22856"           Ticket_No      6460194           Trans_Timestamp      "/Date(1395246000000)/"           Vehicle_No      "123456"

On click of 'Save' button following things should be happend :

1. All modified data will get inserted in database.  

2 Selected row should be updated with modified value. 

Please tell me how I can do this. Also let me know your suggestions.

Note : I am using ASP .Net MVC website.

Thank You 

Some of them will remain withiout to try to be enabled - like sortable (drabable) columns, when scroll is set to 1 and etc.

Note that the nature of this implementation does not allow us to do this.

Kind Regards

tony said:

Hello,

This is already supported in the new 4.6. Please check what is new

Regards

I know the frozen column and grouping are there for 4.6.0.  I was actually asking about when the features that are disabled (for example, draggable columns and editable celsls) when frozen column locking is enabled will be supported.

This is already supported in the new 4.6. Please check what is new

Regards

/jqgridwiki/doku.php?id=wiki:frozencolumns

but i found in my page there is option like 

  closeAfterAdd: true,

closeAfterEdit:true

but its not working give me a solutions.........