hightowe pro asked 7 years ago

I'm trying to use mdb with aurelia and it's worked well up until I tried binding to a select element. The binding seems to work in one direction but does not update the interface. `<div class="form-group"> <label for="editSapName" class="col-sm-3 control-label">SAP Name</label> <div class="col-sm-8"> <select value.two-way="editSapName" id=editSapName" class="select" placeholder="SAP Name"> <option value="">Select an option</option> <option repeat.for="name of sapProductsArray" value="${name.code}">${name.description}</option> </select> </div> </div>` I also had a problem with labels on input fields not moving out of the way on bound values. It seems like the interface isn't being updated after the binding takes place. I would love to fix this because I love the look and feel of mdb. Not sure if you can help with this but any suggestions on where to look would be appreciated.

kaduamaral free answered 5 years ago

I'm with the same problem, binding doesn't works with mdb-select. I found the problem... Aurelia is not listening correctly the change event. If i change any input with:

$('input').val('New value')

Aurelia don't bind this change. I did this workaround:

$('input').on('change', event => {this.bindableVar = event.target.value});

I know, it's a trash workaround, but it's what works!

yinxi-ni free commented 5 years ago

Lol that just bit dirty man !! I think I gonna share your product through my social media , let them know how ugly you guys custom service for the paid product ! i must recommend them never pay anything to you guys to avoid what i am going through now

Michal Szymanski staff answered 6 years ago

Provide me some more information about the problem. Any messages in the console? Any suspicion what can be wrong? Can you show me sample of aurelia code which suppose to work with material select?

pcpcpurchasing pro answered 6 years ago

Any update on this? I really want to use the MDB styles for the select instead of the browser default, but the aurelia bindings don't get updated properly.

hightowe pro answered 7 years ago

The binding works on this code. Thanks

Michal Szymanski staff answered 7 years ago

Check please a default browser select with the code below. We'll try to identify a problem: <label>Browser Select</label> <select class="browser-default"> <option value="" disabled selected>Choose your option</option> <option value="1">Option 1</option> <option value="2">Option 2</option> <option value="3">Option 3</option> </select>

hightowe pro answered 7 years ago

Yes it does.

Michal Szymanski staff answered 7 years ago

Hi Hightowe, unfortunately, none of us use Aurelia so it's hard for us to advice you anything. Does it work without MDB?

Please insert min. 20 characters.


Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.



Specification of the issue

  • User: Pro
  • Premium support: No
  • Technology: General Bootstrap questions
  • MDB Version: -
  • Device: -
  • Browser: -
  • OS: -
  • Provided sample code: No
  • Provided link: No