厦门网站建设方案开发,win8风格wordpress博客主题,wordpress 网易云音乐,wordpress插件设置空白primefaces我有机会与PrimeFaces 5.0 DataTable一起工作#xff0c;并且增强功能很棒。 今天#xff0c;我只想展示其中的一项新功能……DataTable列切换器。 通过此功能#xff0c;可以通过复选框列表选择显示哪些列。 要使用列切换器#xff0c;只需添加一个commandButt… primefaces 我有机会与PrimeFaces 5.0 DataTable一起工作并且增强功能很棒。 今天我只想展示其中的一项新功能……DataTable列切换器。 通过此功能可以通过复选框列表选择显示哪些列。 要使用列切换器只需添加一个commandButton即可将列选择的选择列表显示到表的标题中如下所示 p:commandButton iconui-icon-calculator idtoggler stylefloat: right; typebutton valueColumns/ 接下来将columnToggler组件添加到表头并指定DataTable ID作为数据源。 在这种情况下DataTable ID为“数据列表” p:columnToggler datasourcedatalist triggertoggler/ 而已 最后将一个按钮添加到表的标题该按钮使用户可以指定要显示的列图1。 图1使用列切换器 在此示例中DataTable的完整源代码清单如下 p:dataTable iddatalist paginatortrue rowkey#{item.id}rows10 rowsperpagetemplate10,20,30,40,50 selection#{poolController.selected} selectionmodesinglevalue#{poolController.items} varitem widgetvarpoolTablep:ajax eventrowSelectupdatecreateButton viewButton editButton deleteButton/p:ajax eventrowUnselectupdatecreateButton viewButton editButton deleteButton/f:facet nameheaderp:commandButton iconui-icon-calculator idtogglerstylefloat: right; typebutton valueColumns/p:columnToggler datasourcedatalist triggertoggler/div styleclear:both //f:facetp:columnf:facet nameheaderh:outputText value#{bundle.ListPoolTitle_id}//f:faceth:outputText value#{item.id}//p:columnp:columnf:facet nameheaderh:outputText value#{bundle.ListPoolTitle_style}//f:faceth:outputText value#{item.style}//p:columnp:columnf:facet nameheaderh:outputText value#{bundle.ListPoolTitle_shape}//f:faceth:outputText value#{item.shape}//p:columnp:columnf:facet nameheaderh:outputText value#{bundle.ListPoolTitle_length}//f:faceth:outputText value#{item.length}//p:columnp:columnf:facet nameheaderh:outputText value#{bundle.ListPoolTitle_width}//f:faceth:outputText value#{item.width}//p:columnp:columnf:facet nameheaderh:outputText value#{bundle.ListPoolTitle_radius}//f:faceth:outputText value#{item.radius}//p:columnp:columnf:facet nameheaderh:outputText value#{bundle.ListPoolTitle_gallons}//f:faceth:outputText value#{item.gallons}//p:columnf:facet namefooterp:commandButton idcreateButton iconui-icon-plusvalue#{bundle.Create}actionListener#{poolController.prepareCreate}update:PoolCreateFormoncompletePF(PoolCreateDialog).show()/p:commandButton idviewButton iconui-icon-searchvalue#{bundle.View} update:PoolViewFormoncompletePF(PoolViewDialog).show()disabled#{empty poolController.selected}/p:commandButton ideditButton iconui-icon-pencil value#{bundle.Edit} update:PoolEditFormoncompletePF(PoolEditDialog).show()disabled#{empty poolController.selected}/p:commandButton iddeleteButton iconui-icon-trash value#{bundle.Delete}actionListener#{poolController.destroy}update:growl,datalistdisabled#{empty poolController.selected}//f:facet
/p:dataTable PrimeFaces 5.0祝您编程愉快 该示例是使用PrimeFaces 5.0 RC 2生成的。最终版本应尽快发布 翻译自: https://www.javacodegeeks.com/2014/11/primefaces-5-0-datatable-column-toggler.htmlprimefaces
