Question

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

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

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

这是另一个：How to pass a jQuery object as a parameter into jqGrid using the lib.web.mvc namespace，其中创建了一个发布到服务器的对象，但由于请求搜索属性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()调用的动态值在控制器上始终为null。

请告诉我如何才能发布打印的值？

Answer 1

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

1）我附加了一个事件来触发名为＆＃34; profiles＆＃34;的网格上的搜索。功能：

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 });

3）这基本上让我可以控制JQGrid使用＆＃34;放大镜＆＃34;与网格内置的图标，因此JqGridRequest request.Searching属性等于true，当两个属性都在<{1}}时，我的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，你的库很棒！但是缺少文档，很高兴找到一种方法来创建足够的深度和采样参考，这样它就可以更流行，更好地用于它的所有广泛功能。

使用自定义文本框过滤或使用jqgrid.lib.web.mvc选择控件值

1 个答案: