Syncfusion ejGrid не отображается (ошибка uncaught reference и uncaught type)

Question

Я недавно познакомился с синхронизацией, и я пытаюсь использовать их базовую функцию сетки.

У меня есть HTML-код, как показывают в скрипке и отдельный JS файл с именем заказов, который содержит:

 $("#Grid").ejGrid({   

     columns: [ 

      { field: "Order", headerText: "Order ID", width: 75, textAlign: ej.TextAlign.Right }, 

      { field: "CustomerID", headerText: "Customer ID", width: 80 }, 

      { field: "ShipName", headerText: "Ship Name", width: 100 }, 

      { field: "ShipCity", headerText: "Ship City", width: 100 }, 

      { field: "Freight", width: 80, format: "{0:C3}", textAlign: ej.TextAlign.Right } 

     ] 

    }); 

В принципе, я пытаюсь получить таблицу для отображения в разделе 3, но продолжать получать это ошибка:

jquery.easing.min.js:44 Uncaught ReferenceError: jQuery is not defined jquery.easing.min.js:44(anonymous function)

ej.web.all-latest.min.js:10 Uncaught TypeError: Cannot read property 'extend' of undefined ej.web.all-latest.min.js:10(anonymous function) ej.web.all-latest.min.js:10(anonymous function)

orders.js:30 Uncaught TypeError: undefined is not a function orders.js:30(anonymous function)

Я пробовал использовать js непосредственно как тег скрипта внутри html, но это не работает. Я также попробовал обернуть его в функцию document.ready, но безрезультатно.

JsFiddle пример http://jsfiddle.net/Ld6mn6xb/

Answer 1

В скрипке, вы ссылались на jquery easing перед тем jquery и, следовательно, проблема произошла, а также удалить несколько файлов Jquery.

Пожалуйста найти рабочую скрипку здесь

JSFiddle

А также смотрите ссылку ниже справки для начала работы с Syncfusion ejGrid.

ejGrid help

На данный момент в приведенном выше скрипку, я предоставил пустые данные в сетке, так как order.js файл не найден в скрипку.