Làm thế nào để tạo một đường dẫn nội dung động?

Question

Tôi đang sử dụng các dấu phẩy và muốn thêm một trình đơn đường dẫn. Tôi nên tải động bánh mì của mình như thế nào? Bạn có lời khuyên hoặc kinh nghiệm gì?

<p:breadCrumb> 
    <p:menuitem value="Categories" url="#" /> 
    <p:menuitem value="Sports" url="#" /> 
    <p:menuitem value="Basketball" url="#" /> 
    <p:menuitem value="NBA" url="#" /> 
    <p:menuitem value="Teams" url="#" /> 
    <p:menuitem value="L.A. Lakers" url="#" /> 
    <p:menuitem value="Roster" url="#" /> 
    <p:menuitem value="Kobe Bryant" url="#" /> 
</p:breadCrumb> 

Documentation to primefaces

Answer 1

mẩu bánh mì như một model trong thuộc tính. Cái này dùng để tạo menuitem động như ví dụ này cho thanh menu từ Primefaces Documentation (Tất nhiên, bạn phải thích ứng này cho mẩu bánh mì):

public class MenuBean { 
    private MenuModel model; 

    public MenuBean() { 
     model = new DefaultMenuModel(); 
     // First submenu 
     DefaultSubMenu firstSubmenu = new DefaultSubMenu("Dynamic Submenu"); 
     DefaultMenuItem item = new DefaultMenuItem("External"); 
     item.setUrl("http://www.primefaces.org"); 
     item.setIcon("ui-icon-home"); 
     firstSubmenu.addElement(item); 
     model.addElement(firstSubmenu); 
     // Second submenu 
     DefaultSubMenu secondSubmenu = new DefaultSubMenu("Dynamic Actions"); 
     item = new DefaultMenuItem("Save"); 
     item.setIcon("ui-icon-disk"); 
     item.setCommand("#{menuBean.save}"); 
     item.setUpdate("messages"); 
     secondSubmenu.addElement(item); 
     item = new DefaultMenuItem("Delete"); 
     item.setIcon("ui-icon-close"); 
     item.setCommand("#{menuBean.delete}"); 
     item.setAjax(false); 
     secondSubmenu.addElement(item); 
     item = new DefaultMenuItem("Redirect"); 
     item.setIcon("ui-icon-search"); 
     item.setCommand("#{menuBean.redirect}"); 
     secondSubmenu.addElement(item); 
     model.addElement(secondSubmenu); 
    } 

    public MenuModel getModel() { 
     return model; 
    } 
} 

Sau này bạn phải chỉ để gọi các mô hình như thế này bên trong đường dẫn của bạn:

model="#{menuBean.model}" 

Answer 2

một ví dụ rất nạc của việc thực hiện mẩu bánh mì năng động sẽ là:

<h:form>   
    <p:breadCrumb model="#{breadcrumbVO.menuModel}"> 
    </p:breadCrumb> 
</h:form>  

Và mô hình ủng hộ sẽ trông như thế:

import javax.faces.bean.ManagedBean; 
import javax.faces.bean.ViewScoped; 

import org.primefaces.model.menu.DefaultMenuItem; 
import org.primefaces.model.menu.DefaultMenuModel; 
import org.primefaces.model.menu.MenuModel; 

@ManagedBean 
@ViewScoped 
public class BreadcrumbVO {   

    private MenuModel menuModel; 

    public BreadcrumbVO() { 
     menuModel = new DefaultMenuModel(); 
     DefaultMenuItem menuItem = new DefaultMenuItem(); 
     menuItem.setValue("Test Value"); 
     //you can add multiple elements in a similar fashion. 
     //for simplicity I have added just one 
     menuModel.addElement(menuItem);   
    } 

    public MenuModel getMenuModel() { 
     return menuModel; 
    } 

    public void setMenuModel(MenuModel menuModel) { 
     this.menuModel = menuModel; 
    }  
}