jqGrid 动态数据刷新教程：解决数据不更新问题

grid.jqGrid({
    datastr: dt.records,
    datatype: "jsonstring",
    // ... 其他配置
});
jQuery("#list2").trigger("reloadGrid");

// 假设 grid 变量已经定义
// var grid = jQuery("#list2");

function getReport(start_date, end_date) {
    $.ajax({
        url: "logics/inventory_reports",
        type: "POST",
        data: {
            type: "getTrailBalance_report",
            start_date: start_date,
            end_date: end_date,
        },
        success: function (data) {
            let dt = JSON.parse(data);

            // 检查网格是否已存在并销毁它
            // 注意：对于 free-jqGrid，通常是 $('#list2').jqGrid('GridUnload');
            // 对于 Guriddo jqGrid，可能需要根据具体版本和初始化方式调整
            if ($("#list2").hasClass('ui-jqgrid-btable')) { // 检查网格是否已初始化
                 $("#list2").jqGrid('GridUnload');
                 // 或者如果你的 grid 变量直接是 jQuery 对象，也可以这样：
                 // grid.jqGrid('GridUnload');
            }

            // 重新初始化 jqGrid
            grid.jqGrid({
                datastr: dt.records,
                datatype: "jsonstring",
                height: "auto",
                loadui: "disable",
                pgbuttons: false,
                pginput: false,
                colNames: ["Items", "Debit", "Credit"],
                colModel: [
                    {name: "name", width: 250, resizable: false, sortable: false},
                    {name: "debit", width: 150, sortable: false},
                    {name: "credit", width: 150, sortable: false}
                ],
                treeGrid: true,
                pager: '#gridpager',
                caption: "Trail Balance Report",
                ExpandColumn: "elementName",
                autowidth: true,
                rowNum: 10000,
                jsonReader: {
                    root: "response"
                }
            }).navGrid('#gridpager', {
                view: true,
                del: false,
                search: false,
                autoRefresh: true,
            });

            // 销毁并重建后，不需要额外 trigger("reloadGrid")，因为数据已在初始化时传入
        }
    });
}

// 在全局或父级作用域中定义 grid 变量和初始化标志
var grid = null; // 或者 jQuery("#list2"); 如果你希望在外部定义它
var grid_is_initialized = false;

// 初始创建 jqGrid 的 HTML 结构
// $('<table id="list2"></table>' + '<div id="gridpager"></div>').appendTo('#topics');
// grid = jQuery("#list2"); // 确保 grid 变量指向正确的 jQuery 对象

function getReport(start_date, end_date) {
    $.ajax({
        url: "logics/inventory_reports",
        type: "POST",
        data: {
            type: "getTrailBalance_report",
            start_date: start_date,
            end_date: end_date,
        },
        success: function (data) {
            let dt = JSON.parse(data);

            if (grid_is_initialized) {
                // 如果网格已初始化，则更新其数据并重新加载
                grid.jqGrid('setGridParam', {
                    datastr: dt.records, // 更新数据源
                    datatype: "jsonstring" // 确保数据类型正确
                }).trigger("reloadGrid"); // 触发网格刷新
            } else {
                // 首次调用，初始化 jqGrid
                grid = jQuery("#list2"); // 确保 grid 变量指向正确的 jQuery 对象
                grid.jqGrid({
                    datastr: dt.records,
                    datatype: "jsonstring",
                    height: "auto",
                    loadui: "disable",
                    pgbuttons: false,
                    pginput: false,
                    colNames: ["Items", "Debit", "Credit"],
                    colModel: [
                        {name: "name", width: 250, resizable: false, sortable: false},
                        {name: "debit", width: 150, sortable: false},
                        {name: "credit", width: 150, sortable: false}
                    ],
                    treeGrid: true,
                    pager: '#gridpager',
                    caption: "Trail Balance Report",
                    ExpandColumn: "elementName",
                    autowidth: true,
                    rowNum: 10000,
                    jsonReader: {
                        root: "response"
                    }
                }).navGrid('#gridpager', {
                    view: true,
                    del: false,
                    search: false,
                    autoRefresh: true,
                });
                grid_is_initialized = true; // 设置标志位，表示网格已初始化
            }
        }
    });
}

function getTimePeriod() {
    let timePeriod = $("#time_period").val();
    let periodDate = new Date();
    let date = new Date(), y = date.getFullYear(), m = date.getMonth();
    let message = "";
    let FYear;
    let start_date = new Date();
    // debugger; // 调试点

    switch (timePeriod) {
        case 'cDay':
            periodDate = new Date();
            message = 'Current Day';
            break;
        case 'lDay':
            start_date.setDate(start_date.getDate() - 1);
            periodDate.setDate(periodDate.getDate() - 1);
            message = 'Last Day';
            break;
        // ... 其他 case 逻辑保持不变
        case 'cMonth':
            start_date = new Date(y, m, 1);
            periodDate = new Date(y, m + 1, 0);
            message = 'Current Month';
            break;
        case 'lMonth':
            start_date = new Date(y, m - 1, 1);
            periodDate = new Date(y, m, 0);
            message = 'Last Month';
            break;
        // ... 其他日期计算逻辑
    }

    // 假设 getDateInFormat 和 ReFormateDate 是你提供的日期格式化函数
    document.getElementById("showDate").innerHTML = getDateInFormat(periodDate);
    getReport(ReFormateDate(start_date), ReFormateDate(periodDate));
}