Basic sdl-srch-bar demo -- with 'ajaxurl' & autoload="true" specified

Note: When you specify the 'ajaxurl' the sdl-srch-bar will manage the ajax call for you. It will fire it's 'changed' event only after the ajax has come back. The event.detail.payload will hold the response from the ajax call.




Basic sdl-srch-bar demo -- no 'ajaxurl & ajaxobjname="search"'

Note: When no 'ajaxurl' is specified then sdl-srch-bar will fire it's 'changed' event after each change to the form. The event.detail.formData will be passed back to the user so that they can do their own ajax if desired.

Note: 'onchangeonly' is set to true so it will only send 'onchange' of the form -- rather than listening to each key stroke".

Final Note: ajaxobjname="search" puts the form data into an array object called 'search' rather than putting the form data at the root level




Basic sdl-srch-bar demo

-- with 'ajaxurl' & autoload="true" & initform='{"input3": "Hello World"}' ajaxobjname="search"

Note: initform fills in the form initially