javascript - How to load views and templates dynamically using backbonejs and requirejs -

-

i creating form builder application using backbonejs , know how load view dynamically have dropdown can choose type of element should added eg choose input field. have default values go every element in formstemplate , based on field chosen want load different html templates. 

define([   'jquery',   'underscore',   'backbone',   'modal', // pull in collection module above   'collections/builder',   'text!templates/forms/builder.html',   'text!templates/forms/formstemplate.html',   'text!templates/forms/textbox.html',   'models/builder'  ], function ($, _, backbone, popupmodal, attributescollection, buildertemplate, formstemplate, inputtemplate, attributesmodel) {     var attributesbuilderview = backbone.view.extend({         el: $("#page"),         initialize: function () {          },         render: function () {             this.loadtemplate();         },         loadtemplate: function () {             var = this;             this.el.html(buildertemplate);         },         // listen events on current el         events: {             "change #attributetype": "loadattributetemplate"         },         loadattributetemplate: function () {             if ( ($("#attributetype").val()) != '0') {                 $("#attributesarea").append(_.template(formstemplate, { elementtype:              $("#attributetype :selected").text(), _: _ }));                 var template = $("#attributetype").val() + 'template';                 $(".formelement").html(_.template(template));             }         }     });     return new attributesbuilderview; });

here when run code inputtemplate text in html rather template if put $(".formelement").html(_.template(inputtemplate)); works fine. need know how load these dynamically

thanks in advance

you can place require call anywhere if want conditional loading:

edited (added function params require statement)

loadattributetemplate: function () {     if ( ($("#attributetype").val()) != '0') {         require(['text!templates/forms/builder.html',             'text!templates/forms/formstemplate.html',             'text!templates/forms/textbox.html'],              _.bind(function(builder, formstemplate, textbox) {                 $("#attributesarea").append(_.template(formstemplate, { elementtype:               $("#attributetype :selected").text(), _: _ }));                 var template = $("#attributetype").val() + 'template';                 $(".formelement").html(_.template(template));             },this);         );     } }

note, did _.bind(...,this) maintain execution scope. know that's not needed here, come in handy.

i in few places in application; when want load modules if , when need them.


Comments

Post a Comment

Popular posts from this blog

django - How can I change user group without delete record -

-
on website user have 1 group. , user can change group. it's made user.groups.clear() and user.groups.add(new_group) but it's not efficient, because there 2 sql query: delete, insert. how can change group update query? user , group related each other using manytomanyfield . means intersection table exists relating both entities, , if don't specify model map (using through attribute) django creates 1 you. looking @ sources django.contrib.auth.models see that's case. fortunatly, can access intermediary model using through attribute of manager (in case, user.groups.through ). can use regular model. example: >>> alice = user.objects.create_user('alice', 'alice@example.com', 'alicepw') >>> employee = group.objects.create(name='employee') >>> manager = group.objects.create(name='manager') >>> alice.groups.add(employee) >>> alice.groups.all() [<group: employee...
Read more

java - Need to add SOAP security token -

-
i need set custom soap header attribute on jax-ws generated webservice client. case webservice calls must go through proxy server requiring specific token (recieved web request header) present in soap request header. e.g.: 1 carserviceservice service = null; 2 service = new carserviceservice(new url(url), new qname(qname); 3 carserviceendpoint port = service.getcarserviceport(); it seems in line 3 wsdl retrieved , call fails due missing security token. 1 point direction on how done? a detailed example has been mentioned here: creating , deploying jax-ws web service on tomcat 6 this article shows how create , use security token .
Read more

java - EclipseLink JPA Object is not a known entity type -

-
i have strange problem eclipselink , object want persist. have 1 object (keypointlistimpl) stores object keypointimpl in list. persisting keypointimpl objects works great if try persist keypointlistimpl object java.lang.illegalargumentexception says object keypointimpl isn't known entity type. here keypointimpl code: @entity @table(name="keypoints") public class keypointimpl implements keypoint { @id @generatedvalue(strategy = generationtype.identity) private int id; @enumerated(enumtype.string) private detectortype keypointtype; private float x; private float y; private float size; private float angle; private float response; private int octave; private int classid; ... } here keypointlistimpl code: @entity @table(name="keypointlists") public class keypointlistimpl implements keypointlist { @id @generatedvalue(strategy = generationtype.identity) private int id; @onetoone(cascade={ca...
Read more