jqGrid - 修改数据的类型更改为字符串

Question

我使用 jqGrid 并通过 AJAX 从服务器加载数据。我的数据是{id: number, abberaviation: string, rate: float}（ID 与数据库中的 ID 相同）。然后我将数据传递给jqGrid。用户正在页面上编辑数据。然后用户点击提交，我想向服务器发送数据，但是数据的数据类型错误{id: string, abberaviation: string, rate: string}。

我正在通过getRowData 函数获取数据，但我不知道如何发送与最初从服务器接收到的数据类型相同的数据。

我必须在正确的数据类型上重新键入所有数据类型，这是服务器所期望的。 更新 参数 = 空 通知 = 空

$(document).ready () ->
    params = JSON.parse $("#params").html()
    notice = $("#notice")
    table = $("#table")
    $.jgrid.no_legacy_api = true
    lastSelectedRowId = null

    table.jqGrid(
        datatype: "clientSide" # load from array in js
        data: params.data # data array
        width: "100%"
        height: "100%"
        colNames: ['','Měna', 'Kurz', 'Akce']
        colModel: [
            {
                index: 'id',
                name: 'id',
                width: 55,
                editable: false,
                sortable: false,
                hidden: true,
            }, {
                index: 'abbreviation',
                name: 'abbreviation',
                width: 90,
                align: "center",
                editable: true,
                sortable: false
            }, {
                index: 'rate',
                name: 'rate',
                width: 100,
                align: "center",
                editable: true,
                sortable: false
            }, {
                name: 'action',
                width: 40,
                align: "center",
                editable: false,
                formatter:'actions',
                fixed: true,
                resize: false,
                formatoptions: { keys: true, editbutton: false }
            }
        ]
        pager: "#status"
        editurl: "clientArray" # data won't be posted to the server but rather is saved only to the grid 
        # sortname: 'id'
        # sortorder: "desc"
        rowList: [] # disable page size dropdown
        pgbuttons: false # disable page control like next, back button
        pgtext: null # disable pager text like 'Page 0 of 10'
        viewrecords: true # show total number of records 'View X to Y out of Z'
        onSelectRow: (rowId) ->
            console.log "rowId #{rowId} #{lastSelectedRowId}"
            if lastSelectedRowId and rowId isnt lastSelectedRowId
                table.jqGrid 'saveRow', lastSelectedRowId
        ondblClickRow: (rowId, iRow, iCol, e) ->
            console.log "rowId #{rowId} #{lastSelectedRowId}"
            if rowId and rowId isnt lastSelectedRowId
                console.log e.target
                table.jqGrid 'editRow', rowId, true
                $("input, select", e.target).focus()
                lastSelectedRowId = rowId
    )

    table.bind("jqGridInlineAfterSaveRow", (e, rowid, orgClickEvent) ->
        console.log "jqGridInlineAfterSaveRow"
        console.log "lastSelectedRowId = null"
        lastSelectedRowId = null
    )

    table.bind("jqGridInlineAfterRestoreRow", (e, rowid, orgClickEvent) ->
        console.log "jqGridInlineAfterRestoreRow"
        console.log "lastSelectedRowId = null"
        lastSelectedRowId = null
    )

    $("#add-row").click (e) ->
        e.preventDefault()
        # table.jqGrid "editCell", 1, 1, false
        table.jqGrid "addRowData", undefined, "last"

    $("#save").click (e) ->
        e.preventDefault()
        showNotice "Probíhá ukládání na server..."
        data = table.jqGrid "getRowData"
        for i in [0...data.length] by 1
            item = data[i]
            item.id = Number item.id
            if item.id is 0
                delete data[i]
            else if item.id is "NaN"
                item.id = null
            item.order = i
            item.rate = Number item.rate
        jsonData = JSON.stringify data

        # $.ajax
        #   url: params.action
        #   type: "POST"
        #   data: token: params.token, data: jsonData
        #   success: (res) ->
        #       token = res.token
        #       console.log res.data
        #       showNotice "Data byla úspěšně uložena."

        #   error: (error) ->
        #       errText = JSON.parse error.responseText
        #       showNotice "Response #{error.status}: #{errText.msg}"
        #       console.log error

showNotice = (msg) ->
    notice.html msg
    notice.parent().removeClass "hidden"

Answer 1

在长时间讨论您的问题后，我可以理解您的问题的根源是本地 data 参数的 JavaScript 数据类型发生变化。您使用内联编辑来编辑数据。所以你可以使用aftersavefunc回调来解决问题。

我准备了the demo，它演示了解决方案。您可以验证$grid.jqGrid("getGridParam", "data"); 将在数据类型未更改的情况下返回修改后的数据。修改后数据的属性closed 将保持布尔值，属性tax、amount 和total 将保持数字。用作editRow参数的aftersavefunc代码如下：

aftersavefunc: function (rowid, resp, tmp, o) {
    var rowItem = $(this).jqGrid("getLocalRow", rowid);
    rowItem.closed = rowItem.closed === "Yes";
    rowItem.tax = parseFloat(rowItem.tax);
    rowItem.amount = parseFloat(rowItem.amount);
    rowItem.total = parseFloat(rowItem.total);
}