Uncaught TypeError: $(…).jqGrid is not a function

Question!

I try to use jqgrid but i have problum :(

Uncaught TypeError: $(…).jqGrid is not a function

may be this issue is very common

but i can't resolve that one day help me plz...:(... if you want more code comment please

<%@ 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>


Answers

Try setting src of <script> elements without <c> element, e.g.,

<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>


Depends on how accurate you want the speedtest to be, the larger the file the more accurate it is. But this can be a big annoyance/data hog for the user.

The big number appears because it's in bytes, to get Mb/s you need to do Your result / 1024^2.



Disable attribute only associates button and input filelds, the thing you want to do here is , event.preventDefault . It will work like disable, but it will depend upon your coding, if you want to show it disabled, you have to add add via jquery



This video can help you solving your question :)
By: admin