kendo-grid - 自定义 Kendo.ui.progress 以移除微调器

Question

嗨，我正在使用进度来禁用网格，我可以使用

 kendo.ui.progress($("#grid"), true);

但是对于我的要求，我不能显示微调器图像。为此我试过
方法一

kendo.ui.progress($("#grid"), function(){
removeclass("k-loading-image")                ;
return true;
                });

方法二

 $('#grid*').prop('disabled', false);

方法三:

 $("#grid").append("<div class='k-loading-mask' style='width:100%;height:100%'><span class='k-loading-text'>Loading...</span><div class='k-loading-color'><br\><br\><br\><a href='www.google.com' >LINK</a></div></div>");

非常感谢任何帮助。谢谢

编辑

  @(Html.Kendo().Grid(Model)
.Name("grdAddrMaster")
.Columns(columns =>
    {
        columns.Bound(m => m.id);
        columns.Bound(m => m.name);

    })
    .AutoBind(false)
    .Sortable()
    .Scrollable()
    .Pageable()   
    .Selectable()
   .Filterable(filterable => filterable
                            .Extra(false)
                            .Operators(operators => operators
                            .ForString(str => str.Clear()
                            .StartsWith("Starts With"))
                            .ForNumber(num => num.ToString()
                            .StartsWith("Starts With"))
                            ))

    .DataSource(datasource => datasource.Ajax()
                                        .Model(model =>
                                        {
                                            model.Id(m => m.id);
                                        })
                                        .PageSize(10)
                                        .Read(read => read.Action("ReadData", "Home"))))

Answer 1

如果您只想删除加载图像，那么您只需要创建一个 css 类来覆盖加载图像类的现有背景图像，如下所示:

.k-loading-image {
   //background-image: url('Default/loading-image.gif'); // Existing code in the css (kendo.default.min.css)
  background-image: url('your logo') !important; // path to your logo which you wish to show
}

编辑:
Working Example

您需要添加以下行以在运行时禁用加载图像:

  kendo.ui.progress($("#grdAddrMaster"), true);
  $("#grdAddrMaster").find(".k-loading-image").css("background-image", "url('') !important");