0

我正在尝试使用一些input type="text"和select控件设置自定义搜索，以提供值以使用 ajax 发布到 ActionResult MethodName(JqGridRequest request, PerfilSearchViewModel viewModel)帮助程序并应用它的过滤逻辑。

我注意到JqGridRequest request.search服务器端助手的属性仅true在使用内置时才jqgrid search icon使用。

我已经设置并分析了来自http://tpeczek.codeplex.com/documentation的示例，但我还必须在不使用玻璃图标的情况下使它们工作，因为没有它就没有示例。

这是另一个：如何使用 lib.web.mvc 命名空间将 jQuery 对象作为参数传递到 jqGrid 中，其中创建了要发布到服务器的对象，但由于请求搜索属性false也使用不同的按钮和控件我也无法使用助手的过滤部分。

如果有人可以向我展示使用自定义搜索控件实现过滤的方法，我将不胜感激。

谢谢你。

更新：我设法在设置一个 javascript 函数方面取得了进展，该函数允许我控制在我的按钮单击时执行自定义搜索：

function mySearch() {

$('#profiles').jqGrid('setGridParam', { search: true });
$('#profiles').trigger("reloadGrid", [{ page: 1, current: true }]);

}

在Lib.Web.Mvc JQGrid助手上，我有一个参数可以使用以下方法发布值：

postDataScript: "{ Name: 'profile'}"

后者当然是一个静态值，所以我知道我可以使用这个变体使其成为动态值：

postDataScript: "function() { return { Name: $('#filter').val() }; }"

对于静态值有效，但对于调用的动态值val()在控制器上始终为空。

你能告诉我如何才能发布输入的值吗？

4

1 回答 1

0

非常感谢@tpeczek，我没有看到你的答案，但在我浏览并阅读了一段时间后，我设法解决了这个要求。我这样做了：

1）我附加了一个事件来触发对名为“profiles”的网格的搜索，其中包含一个函数：

function search() {
            $('#profiles').jqGrid('setGridParam', { search: true });
            $('#profiles').trigger("reloadGrid", [{ page: 1, current: true }]);
        }

//attaching the function
$(document).ready(function () {        

        $('#btnSearch').click(function () {
            search();
        });

});

2）然后我实例化了您的 Grid 助手并使用属性传递了模型JQGrid值：postDataScript

var grid = new Lib.Web.Mvc.JQuery.JqGrid.JqGridHelper<MyProject.Model.ViewModel.ProfileFormattedViewModel>("profiles",
        caption: "profiles",
        cellLayout: 5,
        dataType: Lib.Web.Mvc.JQuery.JqGrid.JqGridDataTypes.Json,
        footerEnabled: true,
        methodType: Lib.Web.Mvc.JQuery.JqGrid.JqGridMethodTypes.Post,
        pager: true,        
        rowsList: new List<int> { 10, 20, 30, 40, 50 },
        rowsNumber: 10,
        loadOnce: false,
        width: 750,
        sortingName: "Sorting_Field",
        sortingOrder: Lib.Web.Mvc.JQuery.JqGrid.JqGridSortingOrders.Desc,
        url: Url.Action("Grid", "Profile"),
        userDataOnFooter: false,
        viewRecords: true,        
        postDataScript: "{ 'Name': function () { return $('#filter').val(); } , 'State': function () { return $('#state').find('option:selected').val(); } }"
    ).Navigator(new Lib.Web.Mvc.JQuery.JqGrid.JqGridNavigatorOptions() { Search = true });

JQGrid3）这基本上让我可以控制使用网格内置的“放大镜”图标来激活搜索功能，因此JqGridRequestrequest.Searching 属性等于 true 并且我ProfileSearchViewModel的属性值加载了与传递的数据一起使用PostDataScript当两个属性的顺序相同时的属性：

    [AcceptVerbs(HttpVerbs.Post)]
    public ActionResult Grid(JqGridRequest request, ProfileSearchViewModel viewModel)
    //equals true 
    if (request.Searching) {
      if (viewModel != null)
        filterExpression = ViewModel.GetFilterExpression();
        //etc... (as your sample application goes)

     }

@tpeczek，您的库太棒了！但缺少文档，如果能找到一种方法来创建足够深入和采样的引用，这样它就可以更受欢迎并更好地使用它的所有广泛功能。

于 2015-04-01T17:08:13.863 回答