Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/409.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/82.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript Kendo Grid MVVM与rowtemplate绑定到事件错误_Javascript_Jquery_Mvvm_Kendo Ui_Kendo Grid - Fatal编程技术网

Javascript Kendo Grid MVVM与rowtemplate绑定到事件错误

Javascript Kendo Grid MVVM与rowtemplate绑定到事件错误,javascript,jquery,mvvm,kendo-ui,kendo-grid,Javascript,Jquery,Mvvm,Kendo Ui,Kendo Grid,我正在尝试使用Kendo Grid MVVM将RowTemplate中的事件绑定到viewModel函数 但是,在调用kendo.bind之后,会在控制台中显示一个错误,并且不会触发该事件,但是网格显示正确。以下是错误: 未捕获错误:按钮元素kendo.editor.js:890不支持鼠标覆盖绑定 我尝试将行模板中的元素类型更改为任何其他类型,结果相同 以下是我的html代码: <div id="content"> <div> <div id="grid"

我正在尝试使用Kendo Grid MVVM将RowTemplate中的事件绑定到viewModel函数

但是,在调用kendo.bind之后,会在控制台中显示一个错误,并且不会触发该事件,但是网格显示正确。以下是错误:

未捕获错误:按钮元素kendo.editor.js:890不支持鼠标覆盖绑定

我尝试将行模板中的元素类型更改为任何其他类型,结果相同

以下是我的html代码:

<div id="content">
<div>
    <div id="grid" data-role="grid" data-bind="source: ordersSource"
                    data-selectable="True" data-columns='["OrderID", "ShipName", "ShipCity"]' data-row-template="rowTemplate" />
</div>            
</div>
<script id="rowTemplate" type="text/x-kendo-template">
        <tr data-uid="#= uid #">
            <td><button data-bind="mouseover: listener">#: OrderID #</button></td>
            <td>#: ShipName #</td>
            <td>#: ShipCity #</td>
        </tr>
</script>
bind($('#content'),viewModel)

如果您想尝试,请使用JSFIDLE


将鼠标移到第一列按钮上时,第一列按钮应触发事件,但不会触发。

绑定事件的正确语法是:

<button data-bind="events: { mouseover: listener }">#: OrderID #</button
#:订单ID#
<button data-bind="events: { mouseover: listener }">#: OrderID #</button