Setup Grid: Uncaught TypeError: Object has no method 'ejWaitingPopup'

[Georg Poweleit]

Hi together,

I've tried to set up a Grid based on JavaScript User Guide Remote Data binding.

My initialization Code:

<div id="Grid"></div>
	<script type="text/javascript">
	$(function () {
	var dataManger = ej.DataManager({
	url: "/OverviewApi/TableData"
	});
	$("#Grid").ejGrid({
	dataSource: dataManger,
	pageSettings: { pageSize: 9 },
	columns: [
	{ field: "EntityType", headerText: "Type", width: 75, textAlign: ej.textAlign.Right },
	{ field: "Name", headerText: "Name", width: 90 }
	]
	});
	});
	</script>

I get the following error but I can't imagine why.

1. Uncaught TypeError: Object [object Object] has no method 'ejWaitingPopup' ej.grid.js:437
1. ej.widget._checkDataBindingej.grid.js:437
2. ej.widget._initej.grid.js:226
3. (anonymous function)ej.core.js:503
4. ej.widget.$.fn.(anonymous function)

Am I missing something?

[Madhu Sudhanan P]

Hi Georg,

 

We have checked the error log that you have provided and suspect that you have missed to refer the “ej.waitingpopup.min.js“ file in you page.

 

We suggest you to refer the “ej.widgets.all.min.js” script file alone which will contain all the JS controls so there is no need to add all the dependent files separately while rendering the grid.

 

Or if you want to include the subcontrols separately, please refer the following table for the dependent files.

 

Essential Javascript dependent files:

 

File	Description/Usage
ej.core.js	Must be referred always before using all the JS controls.
ej.data.js	Used to handle datamanger operation and should be used while binding data to JS controls.
ej.pager.js	Should be referred when using paging in grid.
ej.scroller.js	Should be referred when using scrolling in grid.
ej.waitingpopup.js	Should be referred when using the remote databinding in grid. The waiting popup will show while requesting the server for data.
ej.gridresize.js	Need to referred when using the resizing feature in grid.
ej.radiobutton.js	These files are used while enable Editing and Filtering feature in grid.
ej.dropdownlist.js
ej.dialog.js
ej.button.js
ej.autocomplete.js
ej.checkbox.js
ej.datepicker
ej.datetimepicker
ej.editor.js

 

External Dependent files:

 

File	Description/Usage
jquery.validate.min.js	Need to referred in the page when we want to perform the validation during editing.
jquery.validate.unobtrusive.min.js

 

 

Please let us know if you require further assistance.

 

Regards,

Madhu Sudhanan. P