2017-11-01 14 views
0

私はjqgrid vs:4.6.0を使用しています。このようにjqgridを設定しましたが、すべてのものはokですが、ポップアップで編集すると、フォームの編集の最後にボタンがありません。下の画像でeditform jqgridで次のボタンを消す

$("#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) {  
    } 
}}); 

は、あなたが見ることができる:背中、私はなぜ知らないそれは次回、バック編集フォーム上のボタンを失いました。ここに間違いはありますか?助けてください。

enter image description here

答えて

0

あなたはjqGrid 4.6を使用していますが、あなたの自由jqgridであなたの質問をタグ付け。 free-jqgridはjqGrid 4.6の後に存在するため、これを行うときに何を期待していますか?

+0

私はこれらのすべてがこのバグを修正すると思います=>私は2回タグ付けされました –

0

私は慎重にチェックされていないことを大変申し訳なく思っています。 プロジェクトのレイアウトに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; 
} 

それがOKになります。

関連する問題