首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >Umbraco 7+ backoffice开发、客户端操作

Umbraco 7+ backoffice开发、客户端操作
EN

Stack Overflow用户
提问于 2015-07-30 16:50:43
回答 2查看 223关注 0票数 0

我是新来的Umbraco开发人员。我只是遵循了一些关于这方面的教程。现在我在苦苦挣扎,因为我不了解Umbraco Backoffice的客户端模型。我所做的是以下观点:

代码语言:javascript
运行
复制
<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>

和以下客户端控制器:

代码语言:javascript
运行
复制
'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);
})();

例如,我想在runImport单击时隐藏视图所在的contextMenu。那么我该怎么做呢?是否有一些示例或文档用于umbraco backoffice版本7+的客户端模型?

EN

回答 2

Stack Overflow用户

发布于 2015-07-30 18:46:21

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

至于隐藏上下文菜单,我不能帮助你,但我能给出的最好的建议是看看后台的源代码:https://github.com/umbraco/Umbraco-CMS/tree/dev-v7/src/Umbraco.Web.UI.Client,看看核心代码是如何做的。当我在后台做任何事情时,这通常是我的第一个port if调用!

票数 1
EN

Stack Overflow用户

发布于 2015-08-02 19:28:56

navigationService注入控制器并使用hideNavigation()方法,如下所示:

代码语言:javascript
运行
复制
function umbExtendImportController($scope, $routeParams, $http, navigationService) {

    $scope.runImport = function () {
        navigationService.hideNavigation();
    }

};
票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/31719193

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档