【问题标题】:Hide kendo ui upload's message after upload a picture上传图片后隐藏剑道ui上传的消息
【发布时间】:2013-09-12 00:58:57
【问题描述】:

我想知道是否有办法在使用“kendo-ui-uploader”加载图片后隐藏加载消息。奇怪的是,与之前的版本相比,这个“大信息”并没有出现;然而,有了这个新版本,我真的认为没有理由改变以前的加载信息,因为它更小更好,这个巨大的信息出现了。另外它的样式不能手动更改,因为视图已经被破坏了

这是上传前的样子

这是上传后的样子

我希望有人对此有所了解。谢谢

【问题讨论】:

    标签: javascript jquery html kendo-ui


    【解决方案1】:

    要隐藏“完成”消息,您可以尝试指定空白字符串

    <input type="file" name="files" id="photos" />
    <script>
    $("#photos").kendoUpload({
    
        localization: {
            statusUploaded: ""
        }
    });
    

    查看上传控件的文档Documentation 说你可以指定你自己的模板你可以有自定义的消息。

    您可以使用以下代码自定义消息

    <input type="file" name="files" id="photos" />
    <script>
    $("#photos").kendoUpload({
    
        localization: {
            statusUploading: "Loading Your Language"
        }
    });
    

    或者您可以定义自定义模板,看起来自定义模板提供的功能不够;或者,您可以尝试使用 jQuery 选择器来隐藏消息。

    【讨论】:

    • 感谢您的回复,但我只是不想更改文件列表。我想要更改或隐藏(如果可能的话)上传后显示的“完成”消息。
    • 对不起,我的朋友,但我尝试了您在答案中添加的内容,但我不起作用。这条消息让我很烦。 u.u
    【解决方案2】:

    //加载剑道控制时放置它(在javascript中)它隐藏完成消息

            var upload = $("#files").data("kendoUpload");
    
           $.extend(upload.options.localization, {
                headerStatusUploading: "",
                headerStatusUploaded: ""
            });
    

    //在上传回调中隐藏评论图标

    $(".k-icon.k-warning").hide();

    【讨论】:

      【解决方案3】:

      这个答案不起作用我很抱歉......

      不工作:

      <input type="file" name="files" id="photos" />
      <script>
      $("#photos").kendoUpload({
      
          localization: {
              statusUploading: "Loading Your Language"
          }
      });
      

      但是,如果您查看文档,看起来答案几乎是正确的,只是属性错误。应该是……

      有效:

      <input type="file" name="files" id="photos" />
      <script>
      $("#photos").kendoUpload({
      
          localization: {
              headerStatusUploaded: "Loading Your Language"
          }
      });
      

      这样您就不会看到“完成”文本。但是请记住,这不会删除复选标记。希望这对某人有所帮助。

      【讨论】:

        猜你喜欢
        • 1970-01-01
        • 2012-08-11
        • 1970-01-01
        • 1970-01-01
        • 2012-12-03
        • 2014-11-19
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        相关资源
        最近更新 更多