2012-08-04 84 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