如何在模态弹出窗口中使用 Kendo.Grid() 显示进度加载指示器?

Question

我在Partial View内部定义了一个加载到模式弹出窗口中的Grid。

这是Grid的一部分：

@(Html.Kendo().Grid(Model.ReportReversalsData)
.Name("MyGrid")
.
.
.DataSource(ds => ds
.Ajax()
.Events(e => e.Error("ShowError"))
.Read(r => r.Action("MyMethod", "MyController", Model))
)
)

现在，我想在每次加载数据时在网格中填充一个进度加载指示器。

我试图定义一个在网格事件RequestStart调用的javascript方法showLoading：

.Events(e => e.Error("CheckError").RequestStart('showLoading'))

这是kendo.ui.progress所需的showLoading功能和一些.css样式：

<style>
.k-grid-content > .k-loading-mask
{
visibility: hidden;
}
.k-grid > .k-loading-mask
{
z-index: 2;
}
.k-grid > .k-loading-mask > .k-loading-color
{
opacity: .7;
}
</style>
<script>
function showLoading()
{
kendo.ui.progress("#MyGrid", true)
}
</script>

但是，我收到一个错误：

对象不支持属性或方法"查找">

我错过了什么，或者我的方法完全错误，还有其他方法可以做到这一点？

Answer 1

不要尝试使用纯文本 id，而是使用实际的剑道元素：

function showLoading()
{
var myGrid = $("#myGrid").getKendoGrid();
kendo.ui.progress(myGrid, true);
}