樱花林下 2015-09-30 07:14 采纳率: 0%
浏览 1770

Jquer + jquery ui + jqgird, 3个表格, 第一个 左下角按钮不显示

html文件

 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>My First Grid</title>

<link rel="stylesheet" type="text/css" media="screen" href="ju/jquery-ui.min.css" />
<link rel="stylesheet" type="text/css" media="screen" href="tb/css/ui.jqgrid.css" />
<link rel="stylesheet" type="text/css" media="screen" href="tb/plugins/searchFilter.css" />

<style>
    html, body {margin: 0;padding: 0; font-size: 75%;}
</style>

<script src="tb/js/jquery-1.11.0.min.js" type="text/javascript"></script>

<script src="ju/jquery-ui.min.js" type="text/javascript"></script>
<script src="tb/js/i18n/grid.locale-cn.js" type="text/javascript"></script>
<script src="tb/js/jquery.jqGrid.min.js" type="text/javascript"></script>
<script src="1.js" type="text/javascript"></script>

</head>
<body>

    <div id="tabs">
          <ul>
            <li><a href="#tabs-1">待审核</a></li>
            <li><a href="#tabs-2" onclick="pageInit(2, 1)">已接单</a></li>
            <li><a href="#tabs-3" onclick="pageInit(3, 404)">全部单</a></li>
          </ul>
          <div id="tabs-1">
                <table id="list1"></table> 
                <div id="pager1"></div>
          </div>
          <div id="tabs-2">
                <table id="list2"></table> 
                <div id="pager2"></div>
          </div>
          <div id="tabs-3">
                <table id="list3"></table> 
                <div id="pager3"></div>
          </div>
    </div>

</body>

</html>

1.js 文件

 $(function(){
  $( "#tabs" ).tabs();
  pageInit(1, 0);

});
function pageInit(tabnum, s){
  jQuery("#list"+tabnum).jqGrid(
      {
        url: '../sub/getsublists?statue='+s,
        datatype : "json",
        colModel : [ 
                     {label:"预约单号(单号越大申请越新)", name: 'Id', index: 'Id', width: '13%', hidden:false, search:false},
                      {label:"客户号码", name: 'CPhone', index: 'CPhone', width: '10%' },
                      {label:"车牌号", name: 'CarNum', index: 'CarNum', width: '10%' },
                      {label:"客户备注", name: 'comments', index: 'comments', width: '30%'},
                      {label:"预约时间", name: 'CDate', index: 'CDate', width: '10%' },
                      {label:"申请时间", name: 'crateDate', index: 'crateDate', width: '10%', sortable: false},
                      {label:"申请状态", name: 'statue', index: 'statue', width: '5%', sortable:false,search:false,
                         align:'center',formatter: function (cellvalue, options, rowObject){
                          if(rowObject.statue == 0){
                            return "<font color=red>待审核</font>";
                          }else if(rowObject.statue == 1){
                            return "<font color=green>已接单</font>";
                          }else if(rowObject.statue == 2){
                            return "<font >已完成</font>";
                          }else if(rowObject.statue == -2){
                            return "<font color=gray>客户取消预约</font>";
                          }else if(rowObject.statue == -1){
                            return "<font color=blue>管理员取消预约</font>";
                          }
                         }
                      },
                      {label:"处理师傅", name: 'Mcomments', index: 'Mcomments', width: '30%',defaultvalue: '客服:  电话:'},
                      {label:"相关操作", name: 'Uactions', index: 'Uactions', width: '10%', sortable:false, align:'center',search:false,
                        formatter: function (cellvalue, options, rowObject){
                          if(rowObject.statue == 0){
                            return  '<button class="am-btn am-btn-success am-btn-xs" onclick="adminauditsub(\''
                            +  rowObject.Id + '\')">接单</button>'+
                            '<font>  或  </font><button class="am-btn am-btn-danger am-btn-xs" onclick="admindelsub(\''
                            +  rowObject.Id + '\')">废单</button>'
                          }else if(rowObject.statue == 1){
                            return  '<button class="am-btn am-btn-danger am-btn-xs" onclick="admindelsub(\''
                            +  rowObject.Id + '\')">废单</button>'
                          }
                          return '无法修改';
                    }}
        ],
        mtype: 'POST',
        datatype: 'json',
        jsonReader: {
          repeatitems : false,
          root:"rows"
        },
        sortname: "Id",
        sortorder: "desc",
        rowNum: 2,
        rowList:[1,2,3,50],
        viewrecords: true,
        rownumbers: true,
        pager : '#pager'+tabnum,
        height: "auto",
        width: "auto",
        caption: '等待接单:',
        emptyrecords: '没有记录!',
        loadtext: '正在查询服务器数据...'
      });
  //<%--去除 编辑等按钮, 让下分页只有分页和搜索 刷新按钮--%>
  jQuery("#list"+tabnum).jqGrid('navGrid', '#pager'+tabnum, {edit : false,add : false,del : false});
  //<%--动态 刷新 grid的大小--%>
  var mygrid = $("#list"+tabnum);
  mygrid.setGridWidth($(window).width()*0.95);
  mygrid.setGridWidth(document.body.clientWidth*0.95);
  mygrid.setGridHeight($(window).height()*0.8);
  mygrid.setGridHeight(document.body.clientHeight*0.8);
}

图片说明

弄了2天了, console 没有报错, 不知道为啥 jqgrid就是不给 第一个里插入数据

  • 写回答

1条回答 默认 最新

  • Go 旅城通票 2016-02-19 01:41
    关注

    你控制台明显就报错了,请求的url跨域了,你动态页的不能直接拖进浏览器访问,要搭建好web服务器通过http访问

    同时还要检查数据源适配器是否和你返回的json数据一致,

    评论

报告相同问题?

悬赏问题

  • ¥20 Python安装cvxpy库出问题
  • ¥15 用前端向数据库插入数据,通过debug发现数据能走到后端,但是放行之后就会提示错误
  • ¥15 python天天向上类似问题,但没有清零
  • ¥30 3天&7天&&15天&销量如何统计同一行
  • ¥30 帮我写一段可以读取LD2450数据并计算距离的Arduino代码
  • ¥15 C#调用python代码(python带有库)
  • ¥15 矩阵加法的规则是两个矩阵中对应位置的数的绝对值进行加和
  • ¥15 活动选择题。最多可以参加几个项目?
  • ¥15 飞机曲面部件如机翼,壁板等具体的孔位模型
  • ¥15 vs2019中数据导出问题