Umbraco Json to css class = "[]" - PullRequest
Новая
       9

Umbraco Json to css class = "[]"

0 голосов
/ 03 мая 2018

Я использую Umbraco и работаю с макетом сетки типа данных и хочу добавить пользовательские настройки (классы CSS) для каждой строки / ячейки, и это вроде как работает. Пользовательский интерфейс:

enter image description here

«Модификатор»: «{X}» дают разные результаты, 3 сработали «лучше».

И JSON: 

[
  {
    "label": "Message Box",
    "description": "Message Box",
    "key": "class",
    "view": "checkbox",
    "modifier": "{3}",
    "applyTo": "cell",
    "config": {
      "items": {
        "key1": {
          "value": "value1"
        },
        "key2": {
          "value": "value2"
        },
        "key3": {
          "value": "value3"
        },
        "key4": {
          "value": "value4"
        }
      }
    }
  }
]

Но ячейка / строки, к которым я применяю эти классы, в итоге выглядят так 

<div class="["key1", "key2", "key3", "key4"]">

И html не может понять эти классы, когда у них есть [] и запятые после того, как я могу сделать так, чтобы классы применялись заранее к элементам?

Pastebin модифицированного основания5

Pastebin код Umbracos флажок

1 Ответ

0 голосов
/ 03 мая 2018

Изменить это: 

    $scope.$watch('selectedItems', function (newVal, oldVal) {
        $scope.model.value = [];
        for (var x = 0; x < $scope.selectedItems.length; x++) {
            if ($scope.selectedItems[x].checked) {
                $scope.model.value.push($scope.selectedItems[x].key);
            }
        }
    }, true);

В это: 

    $scope.$watch('selectedItems', function (newVal, oldVal) {
        var classList = [];
        for (var x = 0; x < $scope.selectedItems.length; x++) {
            if ($scope.selectedItems[x].checked) {
                classList.push($scope.selectedItems[x].key);
            }
        }
        $scope.model.value = classList.join(' '); // imploding class list
    }, true);

Вместо добавления всего массива со списком классов в ваш интерфейс, вы должны взорвать ваш массив и разделить отдельные классы пробелами.

...