easyui Datagrid刷新以及横向滚动条的问题。

lyh_mzsm 2014-01-16 01:47:31

asp.net的项目，使用了easyui的DataGrid。
画面初始化的时候，该DataGrid不显示数据，但是因为项目比较多，所以添加代码增加了横向滚动条。
代码如下:



        $(function () {

            var qParams = { mode: 'Qry' };

            var oldRowIndex;

            var opt = $('#dgMZ4420');

            opt.datagrid({

                height: 680,

                nowrap: false,

                striped: true,

                singleSelect: true,

                remoteSort: true,

                fitColumns: false,

                queryParams: qParams,

                pagination: false,

                url: 'MZ4420_Handler.ashx',

                idField: 'CITY_CODE',

                rownumbers: false,

                onLoadSuccess: function () {

                    var dv2 = $(".datagrid-view2");

                    dv2.children(".datagrid-body").html("<div style='width:826px;border:solid 0px;height:1px;'></div>");

                    return true;

                },

                onClickRow: function (rowIndex) {

                    if (oldRowIndex == rowIndex) {

                        opt.datagrid('clearSelections', oldRowIndex);

                    }

                    var selectRow = opt.datagrid('getSelected');

                    oldRowIndex = opt.datagrid('getRowIndex', selectRow);

                    if (selectRow != null) {



                    }

                }

            }).datagrid("getPager").pagination({

                onBeforeRefresh: function () {

                    return false;

                }

            });



        });

检索按钮：



        function Query() {

            var qsyubetsu, qstatus, qSysAgency, qAddress;

            ....省略若干代码....

            qParams = { mode: 'Qry', syubetsu: qsyubetsu, status: qstatus, SysAgency: qSysAgency, Address: qAddress };

            $('#dgMZ4420').datagrid('options').queryParams = qParams;

            $('#dgMZ4420').datagrid('options').pageNumber = 1;

            var p = $('#dgMZ4420').datagrid('getPager');

            if (p) {

                $(p).pagination({ pageNumber: 1 });

            }

            $("#dgMZ4420").datagrid('reload');

            return false;

        }

但是现在页面每次提交之后，都会刷新该DataGrid，我只想让他在点击检索时再查询数据。
将第一段Script改为在服务器端在（!ispostback）时才使用ClientScript.RegisterStartupScript来调用之后，却变成了，每次页面刷新，DataGrid还是会刷新，并且第一次画面表示时会有横向滚动条，之后再显示却没有横向滚动条了。

我想达到两个要求，1：横向滚动条一直表示；2:只有在点击表示按钮的时候才刷新DataGrid。请问哪些地方要改动？大概方案是什么？