首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > JavaScript >

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

2014-01-17 
easyui Datagrid刷新以及横向滚动条的问题。asp.net的项目,使用了easyui的DataGrid。画面初始化的时候,该Dat

easyui Datagrid刷新以及横向滚动条的问题。
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。请问哪些地方要改动?大概方案是什么?easyui Datagrid刷新以及横向滚动条的有关问题
[解决办法]
数据全部用ajax提交就不用刷新了

热点排行