JQgrid导航被取代

时间:2015-04-30 15:36:26

标签: jquery jqgrid

正如我的主题所说,我的问题是我的JQgrid导航被移到了底部。我只能看到导航的一半。

我实现表的代码是正确的,所有东西都工作正常,除非这件事,所以我必须改变的问题是什么? 这是我的相关代码片段...谢谢

$("#userEingetragen").jqGrid(
                {

                    url : "BenutzerLaden",
                    datatype : "json",
                    mtype : "POST",
                    width : "auto", 
                    height : "auto",    
                    colNames : [ "Id", "Vorname", "Nachname", "Geschlecht",
                            "EMail", "Benutzername", "Firma"],
                    colModel : [
                            {
                                name : "id",
                                width : 15,
                                key : true,
                                hidden:true

                            },
                            {
                                name : "vorname",
                                width : 150,
                                editable : true

                            },
                            {
                                name : "nachname",
                                width : 150,
                                align : "left",
                                editable : true

                            },
                            {
                                name : "geschlecht",
                                width : 80,
                                align : "center",
                                editable : true,
                                edittype : "select",
                                editoptions : {
                                    value : "männlich:männlich;weiblich:weiblich"
                                }
                            },
                            {
                                name : "email",
                                width : 250,
                                align : "left",
                                editable : true

                            },
                            {
                                name : "benutzername",
                                width : 150,
                                align : "left",
                                editable : true,

                            },
                            {
                                label: "Firma",
                                name : "firma",
                                width : 150,
                                align : "left",
                                editable : true,
                                edittype : "text",
                                editoptions:{dataInit: function (element) {
                                window.setTimeout(function () {
                                        $(element).autocomplete({

                                            id: 'AutoComplete',
                                            source: function(request, response){
                                            this.xhr = $.ajax({
                                                url: "Factorys",
                                                data: request,
                                                dataType: "json",
                                                success: function( data ) {
                                                    response( data );
                                                },
                                                error: function(model, response, options) {
                                                    response([]);
                                                }
                                            });
                                        },
                                        autoFocus: true,
                                        highlight: true,
                                        minLength: 2,
                                        cacheLength: 2

                                        });
                                    });
                                }
                            }
                        }],

                    pager : "#jqGridPager",
                    rowNum : 5,
                    rowList : [ 5, 15, 20 ],
                    sortname : "id",
                    sortorder : "asc",
                    viewrecords : true,
                    gridview : true,
                    caption : "Benutzer",
                    onSelectRow : function(id) {
                        var rowData = $(this).getRowData(id);
                        cellId = rowData["id"];


                    },
                    groupingView : {
                        groupField : [ "id" ],
                        groupColumnShow : [ true ],
                        groupText : [ "<b>{0}</b>" ],
                        groupOrder : [ "asc" ],
                        groupSummary : [ false ],
                        groupCollapse : false

                    }
                }).jqGrid("navGrid", "#jqGridPager", {
            edit : true,
            add : true,
            del : true,

        },
        // BEARBEITEN OPTIONEN
        {
            url : "ChangeCustomers",
            closeAfterEdit : true,
            onclickSubmit : function(options, postData) {
                return {
                    customerID : cellId
                };
            },
            zIndex:3000
        },

        // HINZUFÜGEN OPTIONEN
        {
            url : "AddCustomers",
            closeAfterAdd : true,
            zIndex:3000
        },
        // LÖSCHEN OPTIONEN
        {
            url : "DeleteCustomers",
            closeAfterDel : true,
            onclickSubmit : function(options, postData) {
                var val = $("#userEingetragen").getCell(postData, "id");
                return {list_id:val};

            },
            zIndex:3000
        },
        {
            closeOnEscape : true,
            closeAfterSearch : true,
            ignoreCase : true,
            multipleSearch : true,
            sopt : [ "cn", "eq" ],
            defaultSearch : "cn"
        });

修改

所以这是问题的图片。如你所见,底部正在滑落。

enter image description here

0 个答案:

没有答案