Как создать кнопку просмотра файла в Kendo UI Editor

Это можно сделать двумя способами. Первый - с настраиваемым шаблоном, как и у вас. Однако я не уверен, что такое «events.toolbar_click». Вот как заставить его работать:

Способ 1

<script>
          function performClick(elemId) {
              var elem = document.getElementById(elemId);
              if (elem && document.createEvent) {
                var evt = document.createEvent("MouseEvents");
                evt.initEvent("click", true, false);
                elem.dispatchEvent(evt);
              }
          }

          $(document).ready(function() {
              $("#toolbar").kendoToolBar({
                  items: [
                    { name: "Add", type: "button",
                      text: "File", template: '<a class = "k-button" id = "popupbutton" onclick = "performClick(\'theFile\')">File Command 1</a><input type = "file" id = "theFile" hidden/> '} ]
              });
          });
</script>

Другой способ сделать это - использовать обработчик событий кнопок панели инструментов.

Способ 2

<input type = "file" id = "theFile" hidden/>
<script>
          function fileClickEventHandler(){
            performClick('theFile')
          }

          function performClick(elemId) {
              var elem = document.getElementById(elemId);
              if (elem && document.createEvent) {
                var evt = document.createEvent("MouseEvents");
                evt.initEvent("click", true, false);
                elem.dispatchEvent(evt);
              }
          }

          $(document).ready(function() {
              $("#toolbar").kendoToolBar({
                  items: [
                      { type: "button", text: "File Command 2", click: fileClickEventHandler },
                  ]
              });
          });
</script>

Вы можете увидеть оба примера, работающие здесь: https://dojo.telerik.com/eLUbiXAF