Question

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

实现此目的

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

但是根据我的要求，我不能显示微调图像。因为我试过方法1

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

方法2

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

方法3：

 $("#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");

自定义Kendo.ui.progress以删除微调器

1 个答案: