How to get rid of redundant ul li lines generated by rich:da
sonya_ling1947 Nov 12, 2009 7:06 PMI found rich:datalist generate lots of redundant ul of dr-list rich-datalist class and li of dr-list-item rich-list-item in additional to table cell content desired. How do I get rid of those redundant ul and li lines? It seems it has something to do with 'without skin parameter' . I tried to add my own style class 'myClass'. It does not work either. The followings are Firebug dump.
<ul id="dashboardForm:productList" class="dr-list rich-datalist myClass"> <li id="dashboardForm:productList:0" class="dr-list-item rich-list-item even"> </li> </ul> <ul id="dashboardForm:productList:0:subProfileList" class="dr-list rich-datalist myClass"> <li id="dashboardForm:productList:0:subProfileList:0" class="dr-list-item rich-list-item"> </li> </ul> <li id="dashboardForm:productList:0:subProfileList:1" class="dr-list-item rich-list-item"> </li> <li id="dashboardForm:productList:0:subProfileList:2" class="dr-list-item rich-list-item"> </li> <li id="dashboardForm:productList:0:subProfileList:3" class="dr-list-item rich-list-item"> </li> <li id="dashboardForm:productList:0:subProfileList:4" class="dr-list-item rich-list-item"> </li> <li id="dashboardForm:productList:0:subProfileList:5" class="dr-list-item rich-list-item"> </li> <li id="dashboardForm:productList:0:subProfileList:6" class="dr-list-item rich-list-item"> </li> : : <table class="searchResults tblMain"> <thead> : </thead> <tbody> <tr> </tr> <tr> </tr> :
My codes are like the followings
<rich:dataList id="productList" value="#{Dashboard2Bean.productList}" var="product" rowKeyVar="productRow" rowClasses="even, odd" ajaxKeys="#{Dashboard2Bean.productIndexToUpdate}" > <tr> <td> <h:commandLink action="#{Dashboard2Bean.productClick}" immediate="true"> <a4j:actionparam name="param_productRow" value="#{productRow}" assignTo="#{Dashboard2Bean.productRowIndex}" /> <h:outputText value="#{product.productName}" /> </h:commandLink> </td> <td> <h:outputText value="#{product.id}" /> </td> <rich:dataList id="subProfileList" var="profileAssoc" value="#{product.dashboardProfileAssocs}" rowKeyVar="profileRow" ajaxKeys="#{Dashboard2Bean.profileIndexToUpdate}" > <td > <a4j:outputPanel id="dashboardPanel"> <t:outputText rendered="#{profileAssoc.compositeStatus == 1}"> <a id="dashboardPeningAnchor"> <img src="/panda/images/dashboard/icon_status_mini_pending.png" alt="Pending" /> </a> <a4j:commandLink reRender="dashboardPanel" action="#{Dashboard2Bean.publish}" limitToList="true" ajaxSingle="true" value="publish"> <a4j:actionparam name="param_productRow" value="#{productRow}" assignTo="#{Dashboard2Bean.productRowIndex}" /> <a4j:actionparam name="param_profileRow" value="#{profileRow}" assignTo="#{Dashboard2Bean.profileRowIndex}" /> <img src="/panda/images/dashboard/icon_menu_publish.png" </a4j:commandLink> </t:outputText> <t:outputText rendered="#{profileAssoc.compositeStatus == 2}"> <a id="dashboardPublishedAnchor" > <img src="/panda/images/dashboard/icon_status_mini_published.png" alt="Published" /> </a> </t:outputText> <t:outputText rendered="#{profileAssoc.compositeStatus == 3}"> <a id="dashboardExpiredAnchor" > <img src="/panda/images/dashboard/icon_status_mini_expired.png" alt="Expired" /> </a> </t:outputText> </a4j:outputPanel> </td> </rich:dataList> </tr> </rich:dataList>