2014-10-14 3 views
0

Я мой пользовательский элемент определяется как:Доступ к узлам в корне Shadow

class purchaseLines extends HtmlElement { 
    static final tag = 'purchase-lines'; 
    factory purchaseLines() => new Element.tag(tag); 

    var shadow, innerDiv; 

    purchaseLines.created() : super.created() { 
    var shadow = this.createShadowRoot();  
    innerDiv = new cardFonix()..width='310px'..height ='80px'; 

    var LineNumber = new InputFonix('serial#')..iw=20; 
    var LineItem = new InputFonix('item code'); 
    var LineQty = new InputFonix('Qty')..type='number'; 
    var lRDD = new InputFonix('R. Delivery')..type='date'; 

    innerDiv.container.nodes..add(LineItem)..add(LineQty)..add(lRDD); 

    shadow.nodes.add(innerDiv); 
    } 
} 

и отображается требуемое правильно, так как в комплекте.

Я пытаюсь прочитать, сколько строк было введено, и значение каждого элемента на каждой карте.

  1. Для считывания количества карточек линий я использовал инструкцию ниже и правильно ее функционировал.

    печать (это.parent.nodes.length);

  2. Моя проблема с чтением значений элементов в каждой карты/пользовательский элемент, и я не могу пойти глубже nodes.nodes ... и получил эту ошибку

    • Там нет такой добытчик «Длина» в «Node»

, как я могу читать значения каждого элемента в тени? Я нашел в DART в shadowRoot, но не уверен, что это связано с моей проблеме или некоторые вещи еще, я гугле, как я могу, и не нашел ответа :(

![developer tool output][1] 

enter image description here

ответ

0

Секрет был в shadowRoot

я смог получить к нему доступ, используя следующий код:

this.parent.nodes[0].shadowRoot.nodes 
Смежные вопросы