j-ListDetail

jComponent 20 · jcomponent@20 component Esempio caricato con jComponent 20

Il componente divide il contenuto per la parte di elenco e la parte dettagliata. path {Boolean}.

Configurazione:

Elemento parentale parent {String} per ottenere larghezza/altezza (default: auto)
margin {Number} una margine per altezza (default: 0)
width {Number/String} una larghezza del pannello dettagliato (default: 35%)
minwidth {Number/String} una larghezza minima del pannello dettagliato (default: 20%)
maxwidth {Number/String} una larghezza massima del pannello dettagliato (default: 50%)
resize {Boolean} consente/disabilita la ripresa del pannello dettagliato (default: true)
NEW: orientamento suddiviso di position {String}: vertical (side-by-side) o horizontal (stacked) (default: vertical)
NEW: height {Number/String} un'altezza del pannello dettagliato (solo per position:horizontal; quando impostato, supera width per la dimensione del pannaggio dettagliato) (default: null)
NEW: minheight {Number/String} una altezza minima del pannello dettagliato (solo per position:horizontal + height) (default: null)
NEW: maxheight {Number/String} un'altezza massima del pannello dettagliato (solo per position:horizontal + height) (default: null)

Le parti: la lista + i dettagli devono essere incollati all'elemento <section> indipendente, per esempio.

<ui-component name="listdetail__...">
	<section>
		LIST
	</section>
	<section>
		DETAIL
	</section>
</ui-component>

Utilizzare con <ui-component name="listdetail">Quando il componente non è ancora caricato, jComponent Scarica il codice in prima utilizzazione dall'indirizzo DEF.fallback (Il Componentator La storia di Peter Širka.Fonte: il Componentator Ristorante dei componenti, licenza MIT.

example.html

<style>
	html,body { margin: 0; padding: 0; }
</style>

<ui-component name="listdetail" path="showdetail" config="parent:window;position:vertical" class="invisible">

	<section>
		LIST
	</section>

	<section>
		DETAIL
	</section>

</ui-component>

<script>
	var showdetail = true;
</script>