在editform jqgrid

Question

我使用jqgrid vs：4.6.0，我已经设置了这样的jqgrid，一切都还可以，但是当我在弹出窗口上编辑时，在表单编辑的底部，没有按钮旁边和后面，我没有＆＃39;我知道原因：

$("#MachineGrid").jqGrid({
    datatype: "json",
    pager: "MachineGrid_Nav",
    shrinkToFit: false,
    viewrecords: false,
    url: urlLink,
    postData: {
        gId: gId
    },
    colModel: [
        { name: "CategId", index: "CategId", label: arrMc.CategId, width: 100, editable: true},
        { name: "Category", index: "Category", label: arrMc.Category, width: 100, editable: false},
        { name: "ItemCode", index: "ItemCode", label: arrMc.ItemCode, editable: true},
        { name: "ItemName", index: "ItemName", label: arrMc.ItemName, editable: true },

        { name: "Brand", index: "Brand", label: arrMc.Brand, editable: true}
    ]

}).jqGrid('navGrid', '#MachineGrid_Nav', {
    cloneToTop: true,
    add: true,
    edit: true,
    del: true
},
{
    //edit
    recreateForm: true, closeAfterEdit: true, closeOnEscape: true, viewPagerButtons: true,
    beforeInitData: function () {

    },
    afterShowForm: function (form) {    
    }
}});

在下面的图片中，您可以看到：它在编辑表单上的下一个和后面都丢失了按钮。这里有什么不对吗？请帮忙。

Answer 1

您使用jqGrid 4.6，但是您使用free-jqgrid标记了您的问题。当你这样做时你期望什么，因为jqGrid 4.6之后存在free-jqgrid？

Answer 2

我很抱歉，我没有仔细检查，现在我知道原因了。 项目布局没有添加Jquery ui css。

修复它只需添加：

<link href="http://trirand.com/blog/jqgrid/themes/redmond/jquery-ui-custom.css" rel="stylesheet" />

或者像这样添加css：

.ui-icon-triangle-1-w, .ui-icon-triangle-1-e {
    width: 16px;
    height: 16px;
    background-image: url(img/jquery/ui-icons_228ef1_256x240.png);
    display: block;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat;
}
.ui-icon-triangle-1-e {
    background-position: -32px -16px;
}
.ui-icon-triangle-1-w {
    background-position: -96px -16px;
}
#pData,#nData {
    border: 1px solid #c5dbec;
    background-color: #dfeffc;
    font-weight: bold;
    color: #2e6e9e;
}

没关系。