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

时间:2018-07-28 18:50:16

标签: javascript css html5 jquery-easyui

我正在尝试使用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不是函数

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

谢谢

1 个答案:

答案 0 :(得分:1)

尝试此代码,

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