Hi all, I'm new to angular & struggling to create a property editor within the grid.

I'm trying to build a simple content picker button that can be dropped into the grid. It has two values of label and link.

I have the functionality of adding the button through the grid editor, but im struggling with the property editor itself, specifically the controller.

Im trying to get the treepicker to work and not having any luck. Im getting the dialog window expanding & the content tree, but i cant save the selected tree node.

Is there any similar simple tutorials or help I could ask for.

Thanks Martin

manifest

{
    propertyEditors: [      
        {
            alias: "Button Editor",
            name: "buttonEditor",
            editor: {
                view: "~/App_Plugins/ButtonEditor/ButtonEditor.html",
                valueType: "JSON"
            }
        }
    ],
    javascript:[
        "/App_Plugins/ButtonEditor/ButtonEditor.controller.js"
    ]
}

controller

angular.module("umbraco").controller("buttoneditor",
function ($scope, $http, dialogService) {

    $scope.contentPicker = function (button) {
        dialogService.treePicker({
            multiPicker: false,
            section: "content",
            treeAlias: "content",
            callback: function (data) {
                button.link = { id: data.id };
            }
        });
    };

});

view

<div ng-controller="buttoneditor">
    <input type="text" ng-model="control.value" />
    <input type="button" value="Content Picker" ng-click="contentPicker(button)"  />
</div>