knockout.js - Select2 4.0 and Knockout 3.1 select not allowing selection -

-

i'm trying knockout (version 3.1) work select2 (version 4.0rc2).

i unable select accept input , have initial selection. select seems read only.

below fiddle demonstrating problem. tested on chrome (version 40.0.2214.115 m).

http://jsfiddle.net/r8uf5/402/

javascript:

ko.utils.setvalue = function (property, newvalue) { if (ko.isobservable(property)) property(newvalue); else property = newvalue; };  ko.bindinghandlers.select2 = { init: function (element, valueaccessor, allbindingsaccessor) {     var obj = valueaccessor(),         allbindings = allbindingsaccessor(),         lookupkey = allbindings.lookupkey;      $(element).select2(obj);      ko.utils.registereventhandler(element, "select2-selected", function (data) {         if ('selectedvalue' in allbindingsaccessor()) {             ko.utils.setvalue(allbindingsaccessor().selectedvalue, data.choice);         }     });      ko.utils.domnodedisposal.adddisposecallback(element, function () {         $(element).select2('destroy');     }); }, update: function (element, valueaccessor, allbindingsaccessor) {     var options = allbindingsaccessor().select2options || {};      (var property in options) {         $(element).select2(property, ko.utils.unwrapobservable(options[property]));     }      $(element).trigger('change'); } };  // constructor object 2 properties var country = function(name, population, price) {     this.countryname = name;     this.countrypopulation = population;     this.price = price;     this.id = price;     this.text = name; };  var countries = [ new country("uk", 65000000,1), new country("usa", 320000000,2), new country("sweden", 29000000,3)]; var viewmodel = {     availablecountries : ko.observablearray(countries),     selectedcountry : ko.observable(countries[1]) }; ko.applybindings(viewmodel);

html: 

your country: <select style="width:100%;" data-bind="options: $root.availablecountries,                    optionstext: 'countryname',                    value: selectedcountry,                     select2: {  }">

here's updated, working fiddle: http://jsfiddle.net/r8uf5/404/

the main issue hitting knockout.js binds options same value attribute, blank, , select2 couldn't handle correctly. able fix passing optionsvalue: 'id' data-bind attribute, correctly set value attribute id.

the other issue select2 no longer handles selecting options same value, i've opened ticket about: https://github.com/select2/select2/issues/3163


Comments

Post a Comment

Popular posts from this blog

node.js - Mongoose: Cast to ObjectId failed for value on newly created object after setting the value -

-
this question has answer here: what's mongoose error cast objectid failed value xxx @ path “_id”? 7 answers even though has been asked many times because entity has no valid objectid field. i came across situation objectid set value can casted objectid still error. the schema: var serviceschema = parammongoose.schema({ servicename:{ type: parammongoose.schema.types.objectid , ref: 'servicenames',required:true } }); pseudo code: servicefromdb=new service({servicename:'some name'}); servicefromdb.servicename='000000000000000000000001'; servicefromdb.save(function(paramerror,paramdata){ if(paramerror){ console.log('but but...',servicefromdb,paramerror) } }); the output of code is: but but... { servicename: 000000000000000000000001, _id: 55079a90286f49280364f78b } { [casterror: cast objectid faile...
Read more

gradle error "Cannot convert the provided notation to a File or URI" -

-
i have defined 2 system properties in gradle.properties: systemprop.builddir=build systemprop.cfgdir=build\\cfg and have following task defined in build.gradle: task clean(group:'clean',description:'clean project') << { ant.sequential { delete(dir: system.properties.builddir) mkdir(dir: system.properties.builddir) delete(dir: system.properties.cfgdir) mkdir(dir: system.properties.cfgdir) } } this generates following error: execution failed task ':clean'. > cannot convert provided notation file or uri: {dir=build}. following types/formats supported: - string or charsequence path, e.g 'src/main/java' or '/usr/include' - string or charsequence uri, e.g 'file:/usr/include' - file instance. - uri or url instance. but equivalent block of code not generate error , works expected: task clean(group:'clean',description:'clean project') << { ...
Read more

python - NameError: name 'subprocess' is not defined -

-
i'm trying make rng website: http://jamesdotcom.com/?p=417 . when run following code: captureimage = subprocess.popen( [ "fswebcam", "-r", "356x292", "-d", "/dev/video0", "static.jpg", "--skip", "10" ], stdout=devnull, stderr=devnull) captureimage.communicate() i following error message: nameerror: name 'subprocess' not defined what should do? thanks have imported first? import subprocess captureimage = subprocess.popen(["fswebcam", ...) subprocess included in python standard library since python 2.4. should not necessary install it.
Read more