jQuery Grid Plugin – jqGrid

Tony,

I've been using IE to develop our website.  We now are ensureing it works for FF2 and Chrome. 

We are using jqGrid V3.2.4.

We have an inline edit jqgrid.  After I have edited the data in the row I try to retreive it using the $("#LIST).getRowData(rowNum) function. When using IE everything works, it returns the data with the changes I made. When using FF2 I get strange resutls. Instead of getting the modified data, I get the original data. 

Have you seen this before? Has anyone else seen this before?

I ended up writing a function that uses the rowNumber, Column name, and Element type to get the value.  I added element type because I was having issues with getting the selected value from the dropdownlist. This function will properly grab the cell's value for both IE and FF2.

if (rowNum) {
            this.each(function() {
                var $t = this, nm;
                $('#' + rowNum + ' td', $t.grid.bDiv).each(function(i) {
                    nm = $t.p.colModel[i].name;
                    if (nm == columnName) {

                        //FF2
                        if (type == "select") {
                            var res1 = this.lastChild;
                            res = res1.value;

                           //IE
                            if (res == "")

                            //parses the html to find the element in the '<selected>' tags
                                res = getSelected(this.innerHTML);
                        }
                        else {
                            var res1 = this.lastChild;
                            res = res1.value;

}}

I shouldn't need this function, am I doing something wrong somewhere?

Thanks

Brad

ere is my function that sets the values in the jqGrid

    //Get all subjobs for the given JobID
        function getSubJobsInformation() {
            $("#subJobGridErrDiv").text("");
            $.blockUI();
            $.ajax({
                cache: false,
                url: '/UpdateJobStatus/GetJobs/',
                dataType: "json",
                success: function(result) {
                    $("#list").clearGridData(); //version 3.2
                    $("#subJobGridErrDiv").text("");

                    // populate the table.
                    for (var i = 0; i < result.JobInfo.length; i++) {
                        with (result.JobInfo[i]) {

                            var TMCheckBox = (TM) ? "checked='checked'" : "";
                            TMCheckBox = "<input type='checkbox'" + TMCheckBox + " DISABLED/>";

                            var editImg = document.createElement("img");
                            $(editImg).attr({ id: "editBtn", name: "editBtn", src: "../../Content/Images/newedit.gif" });
                            editImg.onclick = new Function("editJob(" + (i + 1) + ");");

                            var promiseDate = PromiseDate;
                            if (PromiseDate == "")
                                promiseDate = "Click to Set";

                            if (Bid == null || Bid == "")
                                Bid = "0″;
                            Bid = Bid + ".00″;

                            var note = document.createElement("textarea");
                            $(note).attr({ id: "Notes", name: "Notes", rows: 3, cols: "27″, readonly: "true" });
                            $(note).html(StatusNote);

                            var row = { Edit: editImg, JobName: JobName, JobID: JobID, Customer: Customer, Lead: Lead, Status: Status, StatusList: Status, TM: TMCheckBox, Promised: promiseDate, Bid: formatNumber(Bid), DateChanged: DateChanged, Notes: $(note) };

                            //only add the row if the status isn't completed
                            if (Status != "Completed")
                                $("#list").addRowData(i + 1, row);
                        }
                    }
                    $.unblockUI();
                },
                error: function(errorData) {
                    ErrorPopUp(errorData.responseText);
                }
            }
                );
        }

    // save the updated job status
        function updateJobStatus2(rowNum) {
            $("#subJobGridErrDiv").text("");

            //Using get row data will return values with the html.  Wrote getHtmlText that parses the html to
            // find the data.
            var rowData = $("#list").getRowData(rowNum);

            //set the data that will be passed down to the controller.
            var data = {
                TM: $("#list").getHtmlText(rowData.TM, "checkbox"),
                Lead: $("#list").getHtmlText(rowData.Lead, "select"),
                StatusList: $("#list").getHtmlText(rowData.StatusList, "select"),
                Bid: $("#list").getCellData(rowNum, "Bid", "textarea"),
                Promised: getHtmlText(rowData.Promised, "datepicker"),
                JobID: getHtmlText(rowData.JobID, "textarea"),
                Note: $("#list").getHtmlText(rowData.Notes, "textarea"),
                OldStatus: getHtmlText(rowData.Status, "textarea"),
                initials: $("#initialsDiv").text(),
                Customer: getHtmlText(rowData.Customer, "textarea"),
                JobName: getHtmlText(rowData.JobName, "textarea")
            };

            $.blockUI();
            $.ajax({
                //beforeSend: validateJobStatus(data),
                data: data,
                cache: false,
                url: '/UpdateJobStatus/UpdateJobStatus/',
                dataType: "json",
                type: "post",
                success: function(result) {
                    jQuery("#list").showCol(["JobID", "Customer", "Edit", "Status", "DateChanged"]);
                    jQuery("#list").hideCol(["TM", "Lead", "Promised", "Save", "Cancel", "StatusList"]);
                    //re-populates the grid
                    getSubJobsInformation();
                    var message = "The following users were notified by email that the job status was updated: " + result;
                    $.unblockUI();
                },
                error: function(errorData) {
                    ErrorPopUp(errorData.responseText);
                }
            }
                );
        }