Customizer JS API: Adding a “dropdown-pages” control

You’re right, that doesn’t work… yet. We didn’t add support for the dropdown-pages control in #30738 because we wanted to leverage the REST API for this control to fetch the pages. So in 4.9 this is the only base control that requires server-side rendering in core. However, in 4.9 it is easy to provide our own implementation of a content template for the dropdown-pages control.

I’ve written a standalone example plugin which includes control template for the dropdown-pages control type. With that template included, you can create controls in the same way you are doing here. Follow #42272 for upcoming core implementation.

Alternatively, you may want to consider the Customize Object Selector plugin, as it provides a control which uses Select2 to provide a searchable interface for selecting one or more pages. See example usage in the Customize Posts plugin.

Related Posts:

  1. Is it Possible to Extend WP Customize JS Methods?
  2. Customizer JS API: Defining control settings
  3. Customizer JS API: Adding Setting Dynamically Not Working
  4. WordPress customizer get control
  5. Get a default value of the Customizer setting using wp.customize API (JS)
  6. Customizer JS API: Defining active_callback for a section
  7. Show sections based on a control in WordPress Customizer using JS API
  8. How do I add a class to Customizer preview based on class of Customizer control? (Customizer Javascript API)
  9. Get a default customizeAction text for a section using Customizer JS API
  10. Youtube api – stop video
  11. TypeError: res.status is not a function
  12. WP Rest API – How to get featured image
  13. Customizer JS API
  14. wp.customize.bind ready event not fired
  15. Show only images and videos in a wp.media window
  16. WordPress Rest API
  17. Is it possible to enqueue the Youtube API script or does it have to be inline?
  18. Detecting WordPress Customizer Panel
  19. WP Customizer set a value via javascript (to create presets)
  20. wp_customize_support_script – do I need it?
  21. Customizer – instantiating settings and controls via javascript
  22. Headless WordPress: How to authenticate front end requests?
  23. Customizer: When to use customize_preview_init VS customize_controls_enqueue_scripts
  24. Is there a client side API for handling transients or options?
  25. How to overwrite JS variable with wp_localize _script?
  26. Theme Customiser not live previewing changes on pseudo elements
  27. Hide/show customizer controls based on other settings in Customizer
  28. the Customizer – proper way to instantiate an image upload control via javascript
  29. Preserve Javascript Through Customizer Preview Navigation
  30. How to check if customize previewer is refreshing?
  31. JavaScript in WordPress Customizer
  32. Accessing customizer values in javascript
  33. Running JS after theme customizer finished initialization
  34. customize_preview_init: listening for any changes from Customizer preview area
  35. How to disable inline css styles generated by Gutenberg editor?
  36. How to conditionally show/hide controls & sections in WordPress customizer?
  37. Multiple Conditional Controllers
  38. Using webpack to add customizer live preview functionality – wp.customize is not a function
  39. Adding and removing hidden buttons from WordPress Customizer Tinymce widget editor using javascript API
  40. How to add customizer control via javascript ( wp.customizer.control.add )
  41. Load page in customizer preview on panel click?
  42. I am trying to add current logged in user to my zoho chat
  43. This page can’t load Google Maps correctly [closed]
  44. Adding Code into Theme Customizer Header
  45. Custom JS text area in customizer is being formatted wrong in document
  46. customize-controls.js – extend api.previewer
  47. how to use nimble-API and Display data?
  48. create timestamp links to jump to specific times on rumble videos
  49. Multiple jQuery inputs or binds in Customizer Control Javascripts
  50. WordPress Guternberg Content For React Native
  51. I would like to retrive JSON value and display it in wordpress page or widget
  52. LayersWP Customizer White Blank Screen
  53. Create new product with woocommerce REST API with javascript (clientside)?
  54. Receive “menu-toogle” event from section menu in customizer
  55. Anyway to disable the auto excerpt creation?
  56. How to get all place details from a Place Details Request using Google Places API Web Service?
  57. How do I check whether a checkbox is checked in jQuery?
  58. SyntaxError: Unexpected token o in JSON at position 1
  59. Heroku: “No default language could be detected for this app” error thrown for node app
  60. Loop inside React JSX
  61. Can’t resolve module (not found) in React.js
  62. Setting a backgroundImage With React Inline Styles
  63. Filter array to have unique values
  64. Unable to preventDefault inside passive event listener
  65. JavaScript variable assignments from tuples
  66. jQuery $.cookie is not a function
  67. What does “export default” do in JSX?
  68. Cannot find module ‘internal/fs’ after upgrading to node 7
  69. How can I select an element by name with jQuery?
  70. Uncaught TypeError: Cannot read property ‘appendChild’ of null
  71. javascript setTimeout() not working
  72. JQuery issue “TypeError: $.getJSON is not a function”
  73. command not found: jest
  74. How to access Session variables and set them in javascript?
  75. Google Maps JS API v3 – Simple Multiple Marker Example
  76. HTML onchange (this.value)
  77. What is the difference D3 datum vs. data?
  78. How to check if a number is between two values?
  79. Using Angular 2 without TypeScript Transpiler
  80. How to intercept already localized scripts
  81. How to get the ToggleControl Gutenberg component working for a PHP Block
  82. How to append a URL parameter to all outbound URLs
  83. Javascript Helpers
  84. Rest API invalid nonce with Backbone Client
  85. is_page not working when loading javascript with add_action in functions.php
  86. Hide reply button after moveForm is called
  87. How to add custom javascript into from custom plugin
  88. remove inline scripts from the_content() produced by plugins?
  89. How to set callback to execute after all the tinyMCE editors have been initialized?
  90. Correctly enqueue scripts of type=text/paperscript (PaperJs Library)
  91. useSelect second parameter
  92. How do I make my wordpress post appear in a mouse hover preview?
  93. Do I just put the html in a page when enqueueng or do I also have to reference js file from the html page [closed]
  94. jQuery UI Tools: Scrollable: More than 1 instance possible?
  95. VisualComposer/WPBakery Page Editor: Is any JS event triggered after the Edition pop-in is shown?
  96. Post title and url not showing on google map marker [closed]
  97. Including js script at end of header
  98. How would I remove an inline googleAPI font script in the the parent theme header.php?
  99. Trigger a function during onload
  100. Google AdSense Ad not showing up in WordPress Blog [closed]