Web Component: j-Part
j-Part
This component can handle different contents asynchronously. If the element doesn't contain any content then the component downloads the content according to the url
defined in configuration.
- jComponent
v19|v20
Configuration:
url
{String}
required, a relative URL addressif
{String}
required, condition, it's compared with the value within ofpath
(NEW: supports multiple paths divided by thecomma
)reload
{String}
optional, a link to functionfunction(init) {}
, it's executed when the part is visible (always)hidden
{String}
optional, a link to function, it's executed when the part is hidden (always)init
{String}
optional, a link to function, it's executed when the part is visible and onetimedefault
{String}
optional, a short alias forDEFAULT(default)
hide
{Boolean}
optional, auto-hide element if theif
condition is not valid (default:true
)cleaner
{Number}
optional, idle time (in minutes) for running of cleaning (default:0
)clean
{String}
optional, a link to function, it's executed before the part is cleanedloading
{Boolean}
optional, enables loading viaSETTER('loading')
(default:true
)path
{String}
optional, the component replace all~PATH~
andCLASS
phrases for the value of thepath
in the downloaded templatereplace
{String}
optional, a link to methodfunction(content)
{ return content }
which can modify downloaded templateabsolute
{Boolean}
optional, enables absolute position (defaultfalse
)check
{String}
optional, a link to functionfunction(next) { next(); }
, it's executed when the part is wanting to showinvisible
{Boolean}
enables adding ofinvisible
class when the part is going to hide (default:false
)delay
{Number}
a delay (in ms) for removing ofinvisible
class and hiding ofloading
(default:500
)autofocus
{Boolean/String}
focuses the first input, textarea (default:false
)delayloading
{Number}
a delay (in ms) for hiding of ofloading
(default:800
)id
{String}
a custom identifier for replacing~ID~
phrases in the imported HTML (default: empty)
Good to know 1:
- all
~PATH~
phrases will be replaced byconfig.path
orconfig.if
automatically - all
~ID~
phrases will be replaced byconfig.id
automatically
Good to know 2:
Part component emits an event
in the form: parts.
+ config.if
for extending of parts. This can be very usefull for some plugin systems. Example:
Good to know 3:
If the part component isn't within scope then the value from the config.if
will replace ?
characters in all config keys.
ON('parts.YOURIFCONDITION', function(element, pagecomponent) {
// It's executed only when the part is initialized
});
Created
30. january 2018
Updated
04. july 2024
jComponent library
19 | 20
Version
v1
License
https://www.totaljs.com/license/
Responsive
Yes
Author
Peter Širka
Email
petersirka@gmail.com