日期:2014-05-16  浏览次数:20596 次

有关jquery ui+jqgrid的一个问题
自己搞一个小前台,之前在引用了js、css后没有添加图片库导致jqgrid的图标没有显示出来,但是后来加上了图片库之后,就出现了以下问题:



然后这里是代码
<!DOCTYPE html>
<html>
  <head>
    <title>Main.html</title>

    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
    <meta http-equiv="description" content="this is my page">
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    <title>这是页面主页面</title>
    <link href="newjs/js/layout.css" rel="stylesheet" type="text/css" media="screen" >  
    <link href="newjs/js/searchFilter.css" rel="stylesheet" type="text/css" media="screen" >
    <link href="newjs/js/jquery-ui-1.10.3.custom.css" rel="stylesheet" type="text/css" media="screen" >
    <script type="text/javascript" src="newjs/js/jquery-1.9.1.js"></script>
    <script type="text/javascript" src="newjs/js/jquery-ui-1.10.3.custom.js"></script>
    <script type="text/javascript" src="newjs/js/grid.locale-zh_CN.js"></script>
    <script type="text/javascript" src="newjs/js/jquery.jqGrid.src.js"></script>
    <script>
    $(function(){
     $("#accordion").accordion({
     collapsible:true
     });
     var accordion1 = $("#accordion1").accordion({
     collapsible:true
     });
$("#tabs").tabs({
collapsible:true
});
$("#userbutton").button();
$("#cipherbutton").button();
    var grid = $("#grid_id").jqGrid({
     url:'',
     datatype:"json",
     width:"600px",
     height:"100px",
     caption:"用户信息表",
     rowNum:"10",
     colNames:['1','2','3','4','5'],//列名
     colModel:[
       {name:'selectNo',index:'selectNo',width:100,align:"center", sortable:true},
       {name:'username',index:'username',width:100,align:"center",sortable:true},
       {name:'selectNo1',index:'selectNo1',width:100,align:"center", sortable:true},
       {name:'username1',index:'username1',width:100,align:"center",sortable:true},
      {name:'password',index:'password',width:100,align:"center", sortable:true}
     ],
     viewrecords:true,
     jsonReader:{
     root:"datalist",
     repeatitems:false
     },
     prmNames:{
     rows:"page.pageSize",
     page:"page.curPageNo",
     sort:"page.orderBy",
     order:"page.order"
     },
     pager:"#gridPager",
&n