初始加载后通过调用 JsonResult 刷新 SlickGrid答案

【问题标题】：Refresh SlickGrid via call to JsonResult after initial load初始加载后通过调用 JsonResult 刷新 SlickGrid
【发布时间】：2019-08-25 11:46:54
【问题描述】：

我已经设置了一个带有 SlickGrid 的 MVC 网页，并且可以在初始页面加载时填充它。我的 javascript 加载：

    $.getJSON("../Home/GetSlickGridData",
        function(data) {
            dataView.beginUpdate();
            //dataView.setItems(data);     
            dataView.setItems(data, "OrderID");
            dataView.setFilterArgs({
                searchString: searchString,
                searchShipmentID: searchShipmentID,
                searchDestination: searchDestination,
                searchCarrier: searchCarrier
            });
            dataView.setFilter(myFilter);
            dataView.endUpdate();
        });

这调用了一个控制器动作：

public JsonResult GetSlickGridData()
        {

现在的问题是，当搜索条件添加到 cshtml 页面的搜索表单时，我不确定如何刷新网格：

@using (Html.BeginForm("GetSlickGridData", "Home"))
{
    <table>
        <tr>
            <td>Shipper</td>
            <td><input type="text" name="myText" id="txtShipper" /></td>
            <td><input type="submit" value="Filter" onclick="GetData"></td>
        </tr>
    </table>
}

我可以将加载用于初始页面加载和搜索吗？

更新：

基于@Steve T 的回答：

搜索：

> <input type="text" name="myText" id="txtShipper" />
>     <input type="button" value="Filter" onclick="GetData()">

jquery：

 function GetData() {

        Slick.GlobalEditorLock.cancelCurrentEdit();
        grid.invalidateAllRows();


        var searchText = $("#txtShipper").val();
        $.getJSON("../Home/GetSlickGridData?search=" + searchText,
            function (data) {

控制器：

  public JsonResult GetSlickGridData(string search)

以及地图路线（以确保控制器正常工作）：

 routes.MapRoute("search", "Home/GetSlickGridData/{search}",
                new {Controller = "Home", Action = "GetSlickGridData"});

【问题讨论】：

一个有用的过滤帖子：stackoverflow.com/questions/536283/…
检查您是否使用了 6pac 存储库 (github.com/6pac/SlickGrid)，您已经看到远程 AJAX 源似乎已停止工作的 AJAX 示例 (6pac.github.io/SlickGrid/examples/example6-ajax-loading.html)，但仍有有用的代码.

标签： json asp.net-mvc slickgrid

【解决方案1】：

您可以将过滤器按钮更改为type="button"，然后使用GetData() 函数（不确定您是否已经实现）重复初始$.getJSON 调用，而不是提交表单并重新加载整个页面文本字段txtShipper的值作为参数

【讨论】：