在剑道加载指示器上显示自定义文本答案

【问题标题】：Display custom text on Kendo Loading Indicator在剑道加载指示器上显示自定义文本
【发布时间】：2015-12-28 09:36:04
【问题描述】：

是否可以在Kendo Loading Indicator 上使用自定义文本？ Kendo UI documentation pages 上没有此类信息，但可能可以实现自定义属性或 css 以在 @987654324 上显示消息，即 “请稍候！..” @?我使用以下几行来显示和隐藏加载动画？

/* Show Kendo Loading Indicator */
kendo.ui.progress($("#kendo-loading"), true);

/* Hide Kendo Loading Indicator */
kendo.ui.progress($("#kendo-loading"), false);

提前谢谢...

【问题讨论】：

剑道加载指示器只是一个 gif，您无法在其中添加自己的文本，除非您自己创建一个新的自定义加载指示器或在指示器显示后动态插入文本，但它非常难看。跨度>
感谢您的告知。我希望 Telerik 团队在下一个版本中考虑到这一需求......

标签： javascript css asp.net-mvc kendo-ui kendo-asp.net-mvc

【解决方案1】：

在 API 文档页面 here 上有一个名为 customize loading animation text 的示例。

<style>
/* By default the text is hidden, re-position the text */
span.k-loading-text
{
    text-indent: 0;
    top: 50%;
    left: 50%;
    background-color: #0F0;
}

div.k-loading-image
{
    display: none;
}
</style>
<script>

$(function(){
    //customize the default "Loading..." text
    kendo.ui.progress.messages = {
        loading: "Processing..."
    };
});

</script>

【讨论】：