2012-08-04 82 views
1

jqgrid rowlist下拉菜單丟失。jqgrid rowlist下拉菜單丟失

Missing jqgrid rolwist dropdown http://www.managementlevelreview.com/images/MissingRowlist.jpg

我的代碼:

jQuery("#gridsavedAfterHours").jqGrid({ 
    url:'/AfterHours/GetsavedAfterHours?userid=${thisuserid}&&orgcode=${thisorgcode}', 
    datatype: 'json', 
    colNames:['ID','Name','Branch','Start','End'], 
    colModel:[ 
     {name:'AfterHoursId', index:'AfterHoursId', width:25, sortable:true, search:false, key: true}, 
     {name:'UserFullName', index:'UserFullName', width:150, sortable:true, search:false}, 
     {name:'UserOrgLongName', index:'UserOrgLongName', width:150, sortable:true, search:false}, 
     {name:'enteredStartDate', index:'enteredStartDate', width:100, sortable:true, search:false}, 
     {name:'enteredEndDate', index:'enteredEndDate', width:100, sortable:true, search:false} 
    ], 
    rowNum:${DefaultRowNumber ?? 10}, 
    rowList:[10,25,50,100], 
    pager: jQuery('#savedAfterHoursPager'), 
    onSelectRow: function(id){}, 
    sortname: 'Start', 
    viewrecords: true, 
    sortorder: 'desc', 
    multiselect: false, 
    imgpath: '/Content/images', 
    caption: 'After Hours', 
    height: 'auto', 
    width: '800px', 
    emptyrecords: 'No After Hours data found.' 
}).navGrid('#savedAfterHoursPager', 
    {edit:false,add:false,del:false}, 
    {}, // use default settings for edit 
    {}, // use default settings for add 
    {}, // delete instead that del:false we need this 
    { //search options 
    closeOnEscape:true /* allow the view dialog to be closed when user press ESC key*/ 
    } 
); 

回答

1

我想你定義了一些CSS樣式具有大width屬性,可能有一些其他屬性input領域。我建議你,包括你的頁面上的以下附加CSS

input.ui-pg-input { width: auto; } 

見另外another answer對近的被攝體。

+1

謝謝!你提出的CSS解決了部分問題。但是,行列表下拉列表非常廣泛。 – drjackevan 2012-08-04 20:04:52

+0

@drjackevan:問題的原因是你使用的另一個CSS。如果你不發佈CSS,沒有人可以幫助你。如果您發佈重現問題的網址,我可以輕鬆查看原因並加以修復。 – Oleg 2012-08-04 20:19:07

+0

再次感謝。我檢查了我的樣式表,發現了一個支持寬度並固定的CSS選擇。 jqgrid分頁器現在正常顯示。 – drjackevan 2012-08-04 21:28:11