javascript - Backbone Marionette : Reusable UI Elements -

-

i'm building first backbone marionette application, i'm confused how add reusable ui view templates, ui elements have javascript interaction.

i have built number of ui elements input element shown below. input element can interacted via javascript, example clicking up/down arrows change input's value.

ui element

these ui elements should reused again , again in multiple views, , there can many instances of these ui elements contained within given view. mockup 1 such view, containing several ui elements, shown below.

group of ui elements

a model view might this, , have javascript interaction of ui elements interacting view's model. in other words, javascript interaction on ui element have able pass event model of view inside ui element shown.

var fontstyles = backbone.model.extend({     defaults: {         fontfamily: "helvetica neue",         fontweight: "regular",         color: "rbg(1,197,255)"         ...     } });

my question

for structured backbone marionette application, define these reusable ui elements , javascript interaction methods, in such way can reuse them throughout of views/modules?

as concern, possible write html these ui elements once, in template file, , reuse single ui template file again , again in underscore templates of views? or have repeat html ui elements in template of every view?

thank help, , if question unclear please let me know.

you should create elements marionette.itemview's extensions
each item view should created , placed region inside layout want use them
, of course, since itemview contains template:some_template, or marionette.layout extensions if contain regions

so, pictures small picture itemview big picture layout, contains number of regions, each region contain widget, itemview.

layout receives model:some_model on initialization (layout extension of itemview)


Comments

Post a Comment

Popular posts from this blog

c# - How Configure Devart dotConnect for SQLite Code First? -

-
can configure following sample code ? when run following code, error : no entity framework provider found ado.net provider invariant name 'devart.data.sqlite' setting in machine.config <system.data> <dbproviderfactories> <add name="dotconnect sqlite" invariant="devart.data.sqlite" description="devart dotconnect sqlite" type="devart.data.sqlite.sqliteproviderfactory, devart.data.sqlite, version=4.6.287.0, culture=neutral, publickeytoken=09af7300eec23701" /> </dbproviderfactories> </system.data> after add below block code in app.config <?xml version="1.0"?> <configuration>   <configsections> <!-- more information on entity framework configuration, visit http://go.microsoft.com/fwlink/?linkid=237468 --> <section name="entityframework" type="system.data.entity.internal.configfile.entityframeworksection, entit...
Read more

c++ - Clear the memory after returning a vector in a function -

-
i have function processes , stores lot of data in , returns results vector of class. amount of data stored in function tremendous , want clear storage memory of function after finished job. necessary (does function automatically clear memory) or should clear memory function? update: vector<customers> process(char* const *filename, vector<int> id) { vector<customers> list_of_customers; (perform actions) return list_of_customers; } variables defined locally within function automatically released @ end of function scope. destructors objects called, should free memory allocated objects (if objects coded correctly). example of such object std::vector . anything you've allocated new must have corresponding delete release storage. try avoid doing own allocation , use raii instead, i.e. containers or smart pointers.
Read more

erlang - Saving a digraph to mnesia is hindered because of its side-effects -

-
updated the digraph library in erlang implements data type side-effectful. each operation on data type saves new state in ets table -- instead of returning altered version of itself, more common in functional languages. the problem usage perspective, impedes effort store or pass around state in convenient way requiring me first "collect" state before can start juggle around. the closest solution have seen far serializer/deserializer , these have drawback tied current structure of digraphs instead of operating on abstract type -- prevents future proof solution. update pascal pointed out serializer utilizes interface of digraph, , hence eliminates drawback mentioned above. better, albeit still inconvenient, see no better alternative. what recommendation on how store digraphs? should go different data type altogether? thanks. i not sure understand concern. fact digraph stored in ets transparent in user interface, might want chnge either exchange digr...
Read more