LINUX.ORG.RU

История изменений

Исправление makoven, (текущая версия) :

Ну либо приведи свой json к первому виду. либо заполни форму по старинке, кодом

Вот тебе, например, хелпер для второго варианта 

function $els(node) {
    let iter = document.createNodeIterator(node, NodeFilter.SHOW_ELEMENT, null);
    let $els = {}, child;
    while (child = iter.nextNode()) {
        let attr = child.attributes["data-el"];
        if (attr) $els[attr.value] = child;
    }
    return $els;
}
пример 
<details class="group">
  <summary>
    <input type="checkbox" data-el="$chbox">
    <img src="icon_settings.png" data-el="$settings">
    <span class="group-name" data-el="$name"></span>
    <span class="group-info"></span>
  </summary>
</details>
$els(document.querySelector(".group")) вернет объект { $chbox: <input element>, $settings: <img element>, $name: <span element> }

Исправление makoven, :

Ну либо приведи свой json к первому виду. либо заполни форму по старинке, кодом

Вот тебе, например, хелпер 

$els(node) {
    let iter = document.createNodeIterator(node, NodeFilter.SHOW_ELEMENT, null);
    let $els = {}, child;
    while (child = iter.nextNode()) {
        let attr = child.attributes["data-el"];
        if (attr) $els[attr.value] = child;
    }
    return $els;
}
пример 
<details class="group">
  <summary>
    <input type="checkbox" data-el="$chbox">
    <img src="icon_settings.png" data-el="$settings">
    <span class="group-name" data-el="$name"></span>
    <span class="group-info"></span>
  </summary>
</details>
$els(document.querySelector(".group")) вернет объект { $chbox: <input element>, $settings: <img element>, $name: <span element> }

Исправление makoven, :

Ну либо приведи свой json к первому виду. либо заполни форму по старинке, кодом

Вот тебе, например, хелпер 

$els(node) {
    let iter = document.createNodeIterator(node, NodeFilter.SHOW_ELEMENT, null);
    let $els = {}, child;
    while (child = iter.nextNode()) {
        let attr = child.attributes["data-el"];
        if (attr) $els[attr.value] = child;
    }
    return $els;
}
пример 
<details class="group">
  <summary>
    <input type="checkbox" data-el="$chbox">
    <img src="icon_settings.png" data-el="$settings">
    <span class="group-name" data-el="$name"></span>
    <span class="group-info"></span>
  </summary>
</details>
$els(document.querySelector(".group")) вернет объект {$chbox: <input element>, $settings: <img element>, $name: <span element>}

Исправление makoven, :

Ну либо приведи свой json к первому виду. либо заполни форму по старинке, кодом

Вот тебе, например, хелпер 

$els(node) {
    let iter = document.createNodeIterator(node, NodeFilter.SHOW_ELEMENT, null);
    let $els = {}, child;
    while (child = iter.nextNode()) {
        let attr = child.attributes["data-el"];
        if (attr) $els[attr.value] = child;
    }
    return $els;
}
пример 
<details class="group">
  <summary>
    <input type="checkbox" data-el="$chbox">
    <img src="icon_settings.png" data-el="$settings">
    <span class="group-name" data-el="$name"></span>
    <span class="group-info"></span>
  </summary>
</details>
$els(document.querySelector(".group")) вернет объект {$chbox: <input element>, $settings: <img element>, ...}

Исходная версия makoven, :

Ну либо приведи свой json к первому виду. либо заполни форму по старинке, кодом

Вот тебе, например, хелпер 

$els(node) {
    let iter = document.createNodeIterator(node, NodeFilter.SHOW_ELEMENT, null);
    let $els = {}, child;
    while (child = iter.nextNode()) {
        let attr = child.attributes["data-el"];
        if (attr) $els[attr.value] = child;
    }
    return $els;
}
пример 
<details class="group">
  <summary>
    <input type="checkbox" data-el="$chbox">
    <img src="icon_settings.png" data-el="$settings">
    <span class="group-name" data-el="$name">{{=it.NAME}}</span>
    <span class="group-info">[{{=it.NUM}}][{{=it.TYPE}}]</span>
  </summary>
</details>
$els(document.querySelector(".group")) вернет объект {$chbox: <input element>, $settings: <img element>, ...}