问如何更改寻呼机的布局？
EN

Stack Overflow用户

提问于 2014-02-13 14:54:15

回答 1查看 735关注 0票数 0

我想更改寻呼机的布局，以便VCR按钮都分组在一起，后面跟着页面编号输入字段，然后是行数下拉。我怎样才能做到这一点？

下面是我当前用于显示jqgrid的代码。它是标准的JavaScript代码：

$(function(){ 
  $("#" + listName).jqGrid({
    url: url,
    datatype: 'json',
    mtype: 'GET',
    colNames: columnNames,
    colModel: columnModel,
    pager: pagerName,
    rowNum: displayRows,
    rowList: rowList,
    sortname: initSortCol,
    sortorder: initSortOrder,
    viewrecords: true,
    multiselect: multiSelect,
    gridview: true,
    caption: caption,
    height: height,
    jsonReader: {
            root: 'data',
            page: 'currentPage',
            total: 'totalPages',
            records: 'totalRows',
            repeatitems: false,
            id: dataModelRowId
        }
  }); 
  jQuery("#" + listName).jqGrid('navGrid','#' + pagerName,{edit:false,add:false,del:false,search:false});

jqgrid

回答 1

Stack Overflow用户

发布于 2014-02-18 11:38:33

使用page number，number of records per page的jqgrid示例。

代码：

$(document).ready(function(){
    //jqGrid
    $("#librariesList").jqGrid({
        url:'<%=request.getContextPath()%>/Admin/getAllLibraries',
        datatype: "json",               
        colNames:['Id','Edit','Type','Created Date', 'Modified Date', 'Url', 'Use Url'],
        colModel:[
            {name:'libraryId', index:'libraryId',search:false, width:30,sortable: false,hidden:true},
            {name:'libraryId', index:'libraryId',search:false, width:30,sortable: false, formatter: editLink},
            {name:'type',index:'type',width:80},
            {name:'createdDate',index:'createdDate',width:150},
            {name:'modifiedDate',index:'modifiedDate',width:150},
            {name:'url',index:'url',width:150},
            {name:'useUrl',index:'useUrl',width:50},
            ],
            rowNum:20,
            rowList:[10,20,30,40,50],
            rownumbers: true,  
            pager: '#pagerDiv',
            sortname: 'createdDate',  
            viewrecords: true,  
            sortorder: "asc",
            autowidth:'true',
    });

    $('#gridContainer div:not(.ui-jqgrid-titlebar)').width("100%");
    $('.ui-jqgrid-bdiv').css('height', window.innerHeight * .55);
    $('#load_librariesList').width("130");
    $("#librariesList").jqGrid('navGrid','#pagerDiv',{edit:false,add:false,del:false},{},{},{},{closeAfterSearch:true});
    $(".inline").colorbox({inline:true, width:"20%"});
});
function editLink(cellValue, options, rowdata, action)
   {
    return "<a href='<%=request.getContextPath()%>/Admin/editLibrary/"+ rowdata.libraryId + "' class='ui-icon ui-icon-pencil' ></a>";
}

jggrid显示如下：

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/21757604

复制

相似问题

问如何更改寻呼机的布局？
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何更改寻呼机的布局？EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何更改寻呼机的布局？
EN