mdb and aurelia

Topic: mdb and aurelia

hightowe pro asked 8 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.

Add comment

kaduamaral free answered 7 years ago

0 0 Best answer

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 7 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

Add comment

Michal Szymanski staff answered 8 years ago

0 0 Best answer

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?

Add comment

pcpcpurchasing pro answered 8 years ago

0 0 Best answer

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.

Add comment

hightowe pro answered 8 years ago

0 0 Best answer

The binding works on this code. Thanks

Add comment

Michal Szymanski staff answered 8 years ago

0 0 Best answer

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>

Add comment

hightowe pro answered 8 years ago

0 0 Best answer