Comments (7)
It is bound and should update ... how are you adding the new item
from ember-cli-selectize.
Ah well .. I am going to a different screen where item gets added and goes to DB. Then I come back on this screen .. I can see it's getting pulled from DB .. but the newly added item doesn't show up in the select control.
from ember-cli-selectize.
Are you using push
or pushObject
to add items to the array?
from ember-cli-selectize.
Nope. I am getting it from store. Force refresh from DB. Well, earlier I thought since I was using optionFunction .. the issue could be there. But I removed that. It's plain vanilla code.
Even I am surprised by this behavior.
from ember-cli-selectize.
Proof that ember-selectize component works when new item is added to the content array: http://emberjs.jsbin.com/lazeqixipe/2/edit?html,js,output
Just click the buttons and check that the options on selectize box changed.
Feel free to adapt this JSBin to illustrate your problem. If you show us a failing JSBin it will be much easier for us to solve your problem.
from ember-cli-selectize.
Yep, I found where the issue. It was with Promise returning before new object added into DB. Sorry for the trouble.
from ember-cli-selectize.
the push Object is not working for me
ember 2.2.0
ember-data 2.1.0
"selectize": "miguelcobain/selectize.js#master",
// in controller file
createSupplier: function(){
var controller = this;
var newsupplier = this.store.createRecord('supplier', {
companyname :this.get('companyname'),
email :this.get('email'),
address1 :this.get('address1'),
address2 :this.get('address2'),
suburb :this.get('suburb'),
city :this.get('city'),
state :this.get('state'),
country : this.get('country'),
zipcode :this.get('zipcode')
});
newsupplier.save().then(function(){
controller.set('companyname','');
controller.set('email','');
controller.set('address1','');
controller.set('address2','');
controller.set('suburb','');
controller.set('city','');
controller.set('state','');
controller.set('country','');
controller.set('zipcode','');
controller.get('suppliers').pushObject(newsupplier); //not working
controller.get('suppliers').reload(); // not working
})
// I tried converting it into arrray(i got it while googling -- but didn't worked)
var suppliers = this.get('suppliers').toArray()
suppliers.addObjects(this.get('suppliers'));
suppliers.addObject(newsupplier);
this.set('suppliers', suppliers);
this.get('suppliers').pushObject(newsupplier._internalModel); // working but not a standard method to do it
}
// in template file
<div class="field">
<label>New Supplier </label>
<div class="ui blue small submit button" {{action "openSupplierModal"}}>Submit</div>
{{ember-selectize
content=suppliers
optionValuePath="content.id"
optionLabelPath="content.companyname"
selection=supplier
placeholder="Select an item" }}
</div>
/in route file
import Ember from 'ember';
export default Ember.Route.extend({
model: function() {
return this.store.findAll('product');
},
setupController: function(controller ,model) {
controller.set('products',model);
controller.set('suppliers', this.store.findAll('supplier'));
controller.set('producttypes', this.store.findAll('producttype'));
controller.set('productbrands', this.store.findAll('productbrand'));
}
});
I got this.get('suppliers').pushObject(newsupplier._internalModel); // working but not a standard method to do it. Is there any genuine way to push it without using _internalModel
from ember-cli-selectize.
Related Issues (20)
- hideSelected and multiple don't work together HOT 1
- v0.5.8 broke the selectize styles HOT 4
- selectize.js:2151 Uncaught TypeError: Failed to execute 'appendChild' on 'Node': parameter 1 is not of type 'Node'
- multiple mode bug? HOT 2
- Selectize changing my model property to null
- Best Practice for adding/removing on a REST/API error
- add 'readOnly' to 'generalOptions ' HOT 2
- Move selectize and sifter from Bower to NPM HOT 3
- select-item action should not fire when selection promise resolves. HOT 1
- Using multiple=true with ember-changeset-validations HOT 3
- Add Support for data-dash-attributes
- Can't install due to missing dependency HOT 1
- Label truncates when second word contains letters in the first in multiple mode HOT 1
- Tooltip for list
- 2 selectors in the same template and options visible for both of them at the same time HOT 1
- Fix breaking changes in FastBoot 1.0 HOT 1
- Migration to power select HOT 1
- DEPRECATION HOT 1
- Deprecated calls to sendAction
- ember-cli-selectize triggers a Maximum Call Stack exceeded errors
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from ember-cli-selectize.