SelectCheckBoxMenu slow dropdown

[Carlos T PF]

Hello,

I have a problem with the SelectCheckBoxMenu component. When clicking the menu icon on the selectCheckBoxMenu, if I have 50 elements, these are shown rapidly , but if I have more than 2000 elements, the dropdown is very slow. Is there any way to improve this deployment time menu?

This is my SelectCheckBoxMenu:

Code: Select all

<p:selectCheckboxMenu id="Strings" value="#{MyController.selectedStrings}" 
label="#{i18n['common.actions.select']}..." filter="true" >
<f:selectItems value="#{MyController.listOfStrings}" />
</p:selectCheckboxMenu>

ListOfStrings is a list of Strings and is loading in my controller when I load the page. My PrimeFaces version is 5.0.

Thanks.

[smithh032772]

I have a problem with the SelectCheckBoxMenu component. When clicking the menu icon on the selectCheckBoxMenu, if I have 50 elements, these are shown rapidly , but if I have more than 2000 elements, the dropdown is very slow. Is there any way to improve this deployment time menu?

Wow. Use p:datatable with multiple row selection (without checkbox or radio selection).

Multiple with Meta and Shift keys

Code: Select all

    <p:dataTable id="multipleDT" var="car" value="#{dtSelectionView.cars4}" selectionMode="multiple" selection="#{dtSelectionView.selectedCars}" rowKey="#{car.id}">
        <f:facet name="header">
            Multiple with Meta and Shift keys
        </f:facet>
        <p:column headerText="Id">
            <h:outputText value="#{car.id}" />
        </p:column>
        <p:column headerText="Year">
            <h:outputText value="#{car.year}" />
        </p:column>
        <p:column headerText="Brand">
            <h:outputText value="#{car.brand}" />
        </p:column>
        <p:column headerText="Color">
            <h:outputText value="#{car.color}" />
        </p:column>
        <f:facet name="footer">
            <p:commandButton process="multipleDT" update=":form:multiCarDetail" icon="ui-icon-search" value="View" oncomplete="PF('multiCarDialog').show()" />
        </f:facet>
    </p:dataTable>
 

that's my 2 cents; that's my preference in my app.

[sudheer]

Sometime back I tried with large items(~500-1000) on selectCheckboxMenu without issues.But I didn't with different dataset sizes.Normally PF components are rich widgets with more js and CSS scripts and this might impact page loading also.

Ofcourse those many items are bit huge for form components.