javascript - Select2 autoform creates an infinite loop and it's not reactive -


i have 1 form includes 2 more forms , need when second form updated show information in first form way:

1) main form: 

{{#autoform collection=company doc=company id='mainform' type=formtype}}  {{> uploadlogoform }}  {{> afquickfield    name='company.logourl'    class='fu-select-tag--background-image'    label='select logo'    type='select'    options=logooptions    template='plain'}} {{/autoform}}

2) second form:

 <template name="uploadlogoform">   {{#autoform collection=collection id="newlogoform" type="normal" class="fu-form-upload"}}     {{> afquickfield      name="_id"      accept=".png,.gif,.svg"      label="upload logo"      type="slingshot"      directive="logos"}}   {{/autoform}} </template>

so if upload logo in uploadlogoform logo should show/selected in main form helper:

template.mainform.helpers({  logooptions() {    const company = getcompany();    const logourls = [];    let currentlogourl;     if (company) {     currentlogourl = company.company.logourl;    }     const uploadedlogo = autoform.getfieldvalue('_id', 'newlogoform');    if (uploadedlogo) {     currentlogourl = getpath(uploadedlogo);    }     if (currentlogourl) {     logourls.push(currentlogourl);    }     if (flowrouter.subsready('logos')) {      logo.find({}, {sort: {_id: 1}}).foreach(logo => {        const logourl = getpath(logo._id);         if (!_.include(logourls, logourl)) {          logourls.push(logourl);        }      });   }    return logourls.map(logourl => ({    label: logourl,    value: logourl,    selected: logourl === currentlogourl ? true : null  })); }});

this works nicely if type of quickfield 'select' when use 'select2' lot of weird things happens infinite loop in helper , select element empty. have select element or file manually in order to fix it.

finally found issue. select2 not care attr(selected) value matters.


Comments

Post a Comment

Popular posts from this blog

javascript - Knockout pushing observable and computed data to an observable array -

i trying push multiple data (firstname , lastname), along when compute firstname , lastname , try push data in same array thrown error. below code. viewmodel: var viewmodel = function () { var self = this; self.gameofthrones = ko.observablearray ([ {firstname: 'jon', lastname: 'snow'}, {firstname: 'robb', lastname: 'stark'} ]); self.firstname = ko.observable(''); self.lastname = ko.observable(''); (var i=0; i<self.gameofthrones().length; i++) { self.gameofthrones()[i].fullname = ko.computed (function () { return self.gameofthrones()[i].firstname+" "+self.gameofthrones()[i].lastname; }) }; $('#classic').click( function() { self.gameofthrones.push( {firstname: $('#fn').val(), lastname: $('#pr').val()} ); }); } ko.applybindings(new viewmodel()); html view: <form class="" action="index.html" method="post"...
Read more

'hasOwnProperty' in javascript -

i use obj.hasownproperty judge whether object has property, when replaced obj[prop] !== undefined , not normal implementation, ask, why behind method can not use it? object.hasownproperty(prop); object[prop] !== undefined; obj[prop] !== undefined wrong 2 reasons: you can explicitly set property undefined , obj[prop] = undefined; . obj.hasownproperty(prop) return true in case. obj[prop] follow prototype chain, return property that's inherited. obj.hasownproperty(prop) returns true if property exists directly in object, returns false inherited properties.
Read more

sitecore - Resolve ISitecoreService using SimpleInjector -

isitecoreservice accepts database name string parameter in constructor (web or master) isitecoreservice service = new sitecoreservice("master"); //or isitecoreservice service = new sitecoreservice("web"); is possible dynamically send database name parameter ioc , resolve it? example send web/master string parameter , new instance of isitecoreservice like this? container.register<isitecoreservice>(() => new sitecoreservice("master"));
Read more