Question

我的ui.xml中有一个无序列表。有没有办法可以遍历列表 项目

（仅限列表项）在我的所有者类中，以便我可以在发生某些事件时从某些li项中删除样式。就像jquery中的$ .each（）一样。

如何在我的ui.xml中放置ul＆gt;＆gt;

            <ul class="{style.breadCrumb}" ui:field="bCrumbHeader">
                <li>Counterparty Type</li>
                <li>Quantitative Criteria</li>
                <li>Qualitative Criteria</li>
                <li>View Ratings</li>
            </ul>

        </g:HTMLPanel>

我的所有者类需要将一个逻辑放在iterateThroughList（）

中

    @UiField
    UListElement bCrumbHeader;

private void iterateThroughList{
//some logic so that I can access each li item inside a loop
}

Answer 1

如果有人偶然发现同一场景，请使用 getElementsByTagName（“li”）

上述方法将返回li元素的节点列表。从列表中获取所需元素，并使用 addClassName 添加指定的样式。

 @UiField
 UListElement bCrumbHeader;

    private void iterateThroughList{

     //bCrumbHeader is the uifield associated with ul
     NodeList<Element> eList= bCrumbHeader.getElementsByTagName("li");

     for(int i = 0; i < eLsit.getLength(); i++) { 

             Element aNode = eLsit.getItem(i); 
             aNode.addClassName(style.active());
        }
    }

使用ui粘合剂在gwt中迭代li项目

1 个答案: