Question

我是Umbraco Backoffice开发的新手。我刚刚关注了一些教程。现在我正在努力，因为我不了解Umbraco Backoffice的客户端模型。我所做的是以下观点：

<div ng-controller="UmbExtend.UmbExtendTree.ImportController">
    <div class="umb-pane">
        <h1>Datei hochladen</h1>
        <p>
            Bitte laden sie die Datei hoch, welche importiert werden soll. Es sind nur CSV Dateien erlaubt.
        </p>
        <div class="umb-actions">
            <input type="file" id="userImportFile"/>
        </div>
        <loading></loading>
        <div class="btn-toolbar pull-right umb-btn-toolbar">
            <a id="uploadNowButton" class="btn btn-primary" ng-click="runImport(99)" prevent-default>Benutzer jetzt importieren!</a>
        </div>
    </div>
</div>
<script>
    function checkUserImportFile() {
        var btn = $('#uploadNowButton');
        if (!$('#userImportFile').val().trim().endsWith(".csv")) {
            btn.addClass('disabled').fadeTo(500, 0);
        } else {
            btn.removeClass('disabled').fadeTo(500, 1);
        }
    }
    $('#userImportFile').change(function () {
        checkUserImportFile();
    });
    checkUserImportFile();
</script>

以下客户端控制器：

'use strict';
(function () {
    //create the controller
    function umbExtendImportController($scope, $routeParams, $http) {
        //set a property on the scope equal to the current route id
        $scope.id = $routeParams.id;

        $scope.runImport = function () {
        }

    };
    //register the controller
    angular
        .module("umbraco")
        .controller('UmbExtend.UmbExtendTree.ImportController', umbExtendImportController);
})();

e.g。我想在runImport上隐藏contextMenu，然后显示视图。那我该怎么办呢？是否有一些umbraco后台版本7 +的客户端模型的示例或文档？

Answer 1

以下是v7后台的API文档：http://umbraco.github.io/Belle/#/api它不完整，但它提供了一个很好的起点。

至于隐藏上下文菜单，我无法帮助你，但我能给出的最好的建议是在这里查看后台源代码：https://github.com/umbraco/Umbraco-CMS/tree/dev-v7/src/Umbraco.Web.UI.Client并看看事情是如何完成的在核心代码中。当我试图在后台做任何事情时，这通常是我的第一个端口！

Answer 2

将navigationService注入控制器并使用hideNavigation（）方法，如下所示：

 <ul class="nav nav-tabs" role="tablist">
       {{!-- should use prefix with id like "tab"--}}
       {{#each this}}
    <li role="presentation"><a href="#tab{{this.TabID}}"  data-toggle="tab">{{this.TabName}}</a></li>
        {{/each}}
  </ul>
  <div class="tab-content">
       {{#each this}}
    <div role="tabpanel" class="tab-pane" id="tab{{this.TabID}}">{{this.TabName}}</div>
      {{/each}}
  </div>

Umbraco 7+后台开发，客户端操作

2 个答案: