2015-01-08 4 views
0

Я пытаюсь проверить jTable в проекте по умолчанию MVC 4 (Visual studio 2013), следуя этому руководству http://www.jtable.org/GettingStarted. Тем не менее, я получаю ошибку ниже на следующей строкеОбъект не поддерживает свойство или метод 'jtable'

$('#PersonTable').jtable({

Ошибка ниже

JavaScript runtime error: Object doesn't support property or method 'jtable'

А ниже мой взгляд .cshtml файл.

@{ 
    ViewBag.Title = "GatePassTypeList"; 
} 

<html> 
<head> 
    <script src="@Url.Content("~/Scripts/jquery-2.1.3.js")" type="text/javascript"></script> 
    <script src="@Url.Content("~/Scripts/jquery-ui-1.11.2.js")" type="text/javascript"></script> 

    <script src="@Url.Content("~/Scripts/jtable/jquery.jtable.min.js")" type="text/javascript"></script> 
    <link [email protected]("~/Scripts/jtable/themes/metro/blue/jtable.min.css") rel="stylesheet" type="text/css" /> 

    ><meta name="viewport" content="width=device-width" /> 
    <title>GatePassTypeList</title> 
</head> 
<body> 
    <div id="PersonTable" style="width: 580px; margin: auto;"></div> 

    <script type="text/javascript"> 
     $(document).ready(function() { 
      $('#PersonTable').jtable({ 
       title: 'Table of people', 
       actions: { 
        listAction: '/GatePassType/GetGatePassTypeList', 
        createAction: '/GatePassType/CreateGatePassType', 
        updateAction: '/GatePassType/UpdateGatePassType', 
        deleteAction: '/GatePassType/DeleteGatePassType', 
       }, 
       fields: { 
        PersonId: { 
         key: true, 
         list: false 
        }, 
        Name: { 
         title: 'Author Name', 
         width: '40%' 
        }, 
        Age: { 
         title: 'Age', 
         width: '20%' 
        }, 
        RecordDate: { 
         title: 'Record date', 
         width: '30%', 
         type: 'date', 
         create: false, 
         edit: false 
        } 
       } 
      }); 
     }); 
    </script> 
</body> 
</html> 
+0

Вы получили решение по этой проблеме? – Yoky

ответ

0

Убедитесь, что .js скрипты загружены правильно. (используйте инспектор браузера F12).
(эта линия право: ><meta name="viewport" content="width=device-width" />)

и не забывайте это:

$('#PersonTable').jtable('load'); 

Чтобы загрузить таблицу.

Смежные вопросы