2016-09-25 55 views
0

我嘗試使用的jqGrid,但我有problum :(

遺漏的類型錯誤:$(...).jqGrid不是一個函數

可能這個問題是很常見的

,但我解決不了,有一天幫我PLZ ...:如果您想了解更多的代碼註釋請

<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %> 
<%@ page language="java" contentType="text/html; charset=UTF-8" 
    pageEncoding="UTF-8"%> 
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %> 

<html> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 
<link rel="stylesheet" href="../resources/css/style.css" /> 
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous"> 
<script type="text/javascript" src="/kwonsh2/resources/js/jquery-1.11.1.min.js"></script> 
<script type="text/javascript" src="/kwonsh2/resources/js/jquery.jqGrid.min.js"></script> 
<script type="text/javascript" src="/kwonsh2/resources/js/grid.locale-ja.js"></script> 


<link rel="stylesheet" type="text/css" media="screen" href="../resources/css/ui.jqgrid.css" /> 


<title>Insert title here</title> 
</head> 

<script type="text/javascript"> 


/* jqgird */ 


      $(document).ready(function(){ 



       $('#grid').jqGrid({ 
         url : 'member/getlist', 
         datatype : 'json', 
         mtype : 'post', 
        /* jsonReader : { 
          no : 'no' // 대표 아이디를 설정 
          ,root : 'name' // 데이터의 시작을 설정 
         }, */ 
         colNames : [ 
             '名前', 
             '社員番號', 
             'パスワード' 
            ], 
         colModel : [ 
           { name : 'name',   width:40, align:'center'}, 
           { name : 'no',  width:80, align:'left' }, 
           { name : 'password', width:80, align:'left' }], 

         pager : '#pager', 
         rowNum : '10', 
         multiselect : true/* , 
         postData : { 
          no : 'no', 
          name : 'name' 
         } */ 
       }); 
    var successflag = $('#flag').val(); 
        $('.memberdelete').on("click",function(){ 

         var result = confirm('本當に削除しますか?'); 

          if(result) { 
           //yes 
           var dno = $(this).attr('delno'); 
           alert(dno); 
           location.href = "memberdelete?delno="+dno; 
          } else { 

          } 
      });  
}); 


</script> 
<body> 
<div class="all"> 

    <%@ include file="layout/header.jsp" %> 

<div> 

    <%@ include file="layout/menu.jsp" %> 


<div class="main"> 
    <c:if test="${not empty no}" > 


    </c:if> 
<table id="grid"></table> 
<div id="pager"></div> 
    </div> 
</div> 
</div> 

</body> 
</html> 
+3

什麼是'變量$網格= {}的目的;'?是否需要使用''元素來設置'',''不加載腳本? ' – guest271314

+0

如果您正在瀏覽器中測試此功能,請打開控制檯('F12')並查看網絡選項卡以驗證是否加載了所有庫腳本。 – Xufox

+0

可以加載腳本:)也許。因爲$('。memberdelete')。on(「click」,function(){is function。。當我點擊按鈕。 – prepare123

回答

0

嘗試設置(... <script>元件而不<c>元件,例如的,

<script type="text/javascript" src="/resources/js/jquery-1.11.1.min.js"></script> 
<script type="text/javascript" src="/resources/js/jquery.jqGrid.min.js"></script> 
<script type="text/javascript" src="/resources/js/grid.locale-ja.js"></script> 
+0

謝謝你的建議!我修好了!然後再試一次,但是失敗了!!還是console標記同樣的錯誤 – prepare123

+0

'console'記錄了什麼錯誤?你是否嘗試過使用完整路徑to'src'資源 – guest271314

+0

是的,我嘗試使用完整路徑在src資源!如果不使用完整路徑控制檯標記,找不到錯誤。consle標記成員列表:30未捕獲TypeError:$(...)。jqGrid不是現在的功能:) – prepare123

相關問題