未捕获的类型错误：$(...).datagrid不是一个函数。

Question

我正在尝试使用EasyUI库。我在尝试使数据表格(Data grid)工作时遇到了问题。

以下是我目前已经完成的部分：

页眉

<script type="text/javascript" src="assets/js/jquery-3.2.1.min.js"></script>
<script type="text/javascript" src="assets/js/jquery.easyui.min.js"></script>

HTML

<div id="user_control_datagrid"></div>

JavaScript

$( document ).ready(function() {
    console.log( "ready!" );

    $( ".user_control_search" ).click(function( event ) {
        event.preventDefault();
        console.log("FORM SEARCH CLICKED");

        var formData = $('#user_control_form').serializeArray();

        console.log("Form Data: ", formData);

        $('#user_control_datagrid').datagrid({
            url:'user.php',
            queryParams:formData,
            columns:[[
                {field:'code',title:'Code',width:100},
                {field:'name',title:'Name',width:100},
                {field:'price',title:'Price',width:100,align:'right'}
            ]]
        });
    });
});

每次我尝试运行这个程序时，都会出现以下错误信息：Uncaught TypeError: $(...).datagrid is not a function。

请问有人能告诉我我做错了什么，以及如何解决这个问题吗？

谢谢。

- dark_illusion_909099

---

请确保您的 JavaScript 代码位于 $( document ).ready(function() {}); 内。 - Suresh Prajapati

我已经尝试过了，但仍然出现相同的错误。我已经更新了我的问题，以便向您展示我如何得到它。 - dark_illusion_909099

确保您正在使用单个jQuery版本。请参见此处：https://www.jeasyui.com/forum/index.php?topic=6542.0 - Suresh Prajapati

如果您将div #user_control_datagrid替换为表格，那么datagrid就可以与表格一起使用，对吧？ - Jayffe

如果 .datagrid() 不是一个函数 - .datagrid 不存在。请确保正确加载您的文件。 - Gavin Thomas

Answer 1

尝试这段代码，

var index=$('#user_control_datagrid').datagrid('getRows').length-1;         
$('#dgItmInfo').datagrid('selectRow', index).datagrid('getEditors', index);

- Sajeetharan

---

我甚至无法运行此行，因为它返回相同的错误，指出 datagrid 不是函数。$('#user_control_datagrid').datagrid('getRows') - dark_illusion_909099

https://stackoverflow.com/questions/18979478/jquery-easyui-datagrid-error - Sajeetharan