JqGrid的操作实例

最新推荐文章于 2018-10-29 16:45:00 发布

fuyangclj

最新推荐文章于 2018-10-29 16:45:00 发布

阅读量1.2k

点赞数

分类专栏： jqGrid Javascript

本文链接：https://blog.csdn.net/clj9017/article/details/12081913

版权

Javascript 同时被 2 个专栏收录

34 篇文章 0 订阅

订阅专栏

jqGrid

3 篇文章 0 订阅

订阅专栏

// JavaScript Document

jQuery("#grid").jqGrid({
    url:url,
    datatype: "json",
    width:1100,
    height: 500,
    colNames:['应用ID','应用名称', '正式开服数','全部开服数', '推荐页到达次数','选区页到达次数','登录次数','校验登录次数','转化率'],
    colModel:[
    {name:'appid',index:'appid', width:90,classes:'btn', align:"center",formatter:function(cellvalue, options, rowObject){
    return '<a href="./index.php?c=top_apps&a=app_detail&appid='+cellvalue+'" title="点击查看此应用更多详细数据">'+cellvalue+'</a>'
    }},
    {name:'appname',index:'appname', width:90, align:"center", title:"点击查看此应用更多详细数据"},
    {name:'run_server_count',index:'run_server_count', width:100,align:"center"},
    {name:'all_server_count',index:'all_server_count', width:100,align:"center"},
    {name:'index_count',index:'index_count', width:80, align:"center"},
    {name:'selectserver_count',index:'selectserver_count', width:80, align:"center"},
    {name:'login_count',index:'login_count', width:100,sorttype:"int", align:"center"},
    {name:'checklogin_count',index:'checklogin_count', width:100,sorttype:"int", align:"center"},
    {name:'crate',width:100,align:"center"},
    ],
    rowNum:20,
    rowList:[20,40,60],
    pager: '#pager2',
    sortname: 'login_count',
    viewrecords: true,
    sortorder: "desc"
});
jQuery("#grid").jqGrid('navGrid','#pager2',{edit:false,add:false,del:false});

gridComplete:function(){
   //$("#list2").clearGridData();    //清楚数据
   var data = $("#list2").getRowData();   //获取表格的当前页的所有数据
   alert(data[0]['name']); 显示二位数据的第一个数组的name字段的值
  }