How to auto load-more for very large fieldset?

This topic has 2 replies, 2 voices, and was last updated 6 years, 11 months ago by WebTrooper.

Viewing 3 posts - 1 through 3 (of 3 total)

Author

Posts
December 6, 2017 at 2:00 AM #7759

WebTrooper
Participant

Hi MetaBox folks,

I'm fairly new to MB and wondering if the project I have in mind can be done only with MB or if it would require more advanced programming skills.

The project would work similar to WordPress' Theme selection page, but instead of selecting a theme, the user would select a background image. I'm thinking to use image_select fields to display thumbnails of the available background images, each of which could be tagged with, for example, colors, style, light or dark, etc.. The image_select fields would then be searchable and/or sortable according to their tags.

There will be a lot of them, possibly several hundred or more. Thus, I would need the fields to be paginated or, even better, to auto load-more, like WordPress' Themes page does.

Is this something I can accomplish using only MB without any custom programming? If so, how would I handle the pagination and/or load more, and how would I handle the search (or sort by tag) functionality?

Thanks

Add New Note to this Reply

December 6, 2017 at 8:37 AM #7766
Anh Tran
Keymaster
Hi,

For your needs, the image_select field seems to be the suitable field type. However, it doesn't have the pagination or search feature. To do that, I think you need to write a custom code using a filter library like ListJS (there are probably more libraries).

You can hook to rwmb_enqueue_scripts action to enqueue your JS like this:
```
add_action( 'rwmb_enqueue_scripts', function() {
    wp_enqueue_style( 'listjs', 'URL here' );
    wp_enqueue_script( 'listjs', 'URL here' );
    wp_enqueue_script( 'your-js', 'URL here' );
} );
```
And in your JS file, you can write the JS that does the filtering or searching.

Add New Note to this Reply
December 6, 2017 at 11:36 AM #7768

WebTrooper
Participant

Thank you for the quick reply. This looks like something I can handle. I see that ListJS documentation includes instructions on using a pagination plugin, so all the better. Have a great day!

Add New Note to this Reply
Author

Posts

Viewing 3 posts - 1 through 3 (of 3 total)

The topic ‘How to auto load-more for very large fieldset?’ is closed to new replies.