javascript - 未捕获的TypeError:$(…).datagrid不是函数

我试图利用EasyUI库。我在使数据网格正常工作时遇到问题。

我在下面提供了到目前为止的内容:

标头

<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'}
            ]]
        });
    });
});

每次尝试运行此命令时，都会出现此错误:

未捕获的TypeError:$(...)。datagrid不是函数

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

谢谢

最佳答案

试试这个代码，

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