小弟我在使用LigerUI中根据表单查询条件进行查询，使用表格Grid展示时出的有关问题

我在使用LigerUI中根据表单查询条件进行查询，使用表格Grid展示时出的问题
我的代码如下，要实现的是筛选记录。
数据是通过后台得到的。
 $(function () {
            grid = $("#maingrid").ligerGrid({
                columns: [
                { name: 'ID', display: '序号', width: 85 },
                { name: 'UserName', display: '用户名', width: 120 },
                { name: 'RoleName', display: '所属部门', width: 80 },
                { name: 'StateTxt', display: '用户状态', width: 80 }
                ],
                url:'../Sys_User/UserGetData',
                sortname: 'ID', pageSize: 20, rownumbers: true,
                width: '98%', height: '100%', heightDiff: -10, rowHeight: 28,
                where: f_getWhere()
            });
});

 //过滤属性  
        function f_getWhere() {
            //  alert(JSON.stringify(griddata));  
            if (!grid) return null;

            var clause = function (rowdata, rowindex) {
                var username = $('#txtKey').val();
                var rolename = $('#SSjoblist').val(); //部门 
                return ((rowdata.UserName.indexOf(username) > -1) || (rowdata.RoleName.indexOf(rolename) > -1) );
            };
            return clause;
        }  

        function fsearch() {

            $.ajax({
                url: '../Sys_User/UserGetData',
                dataType: 'json',
                type: 'POST',
                success: function (result) {
                    if (result.Total > 0) {
                        griddata = JSON.stringify(result);
                        alert(JSON.stringify(result));
                    }
                }
            });

            grid.options.data = $.extend(true, {}, griddata);
            grid.loadData(f_getWhere());
        }

数据显示是正常的。筛选也没有提示出错，就是输入条件后，和查询前的结果一样的。没有变化。


------解决方案--------------------
---------前台 
<div id="mainsearch" style=" width:98%">
    <div class="searchtitle">
        <span>搜索</span><img src="@Url.Content("~/Content/icons/32X32/searchtool.gif")" />
        <div class="togglebtn"></div> 
    </div>
    <div class="navline" style="margin-bottom:4px; margin-top:4px;"></div>
        <div class="searchbox">
            <form id="formsearch" class="l-form"></form>