Comments (2)
I think the best approach would be to use converters, in order, first, to convert from the number data type of your underlying data (next_bid
) to the string data type displayed/returned by in an <input>
, and back to number when the input is updated.
You can then choose to have the converter from number to string also format to 2 decimal places, etc etc,
$.views.converters({
dec: function(value) {
return value.toFixed(2); // return number as string formatted to 2 decimal places
},
toNum: function(val) {
return +val; // Convert string to number
}
});
<input data-link="{:next_bid:toNum}"/><br/><br/>
<input data-link="{dec:next_bid:toNum}"/><br/><br/>
<a data-link="next_bid">Bid</a>
<input data-link="next_bid.toFixed(2)"/>
won't work because by default data-link will bind to the leaf item in the data path, in this case the 'computed' toFixed(2)
, (see https://www.jsviews.com/#linked-paths@deep), whereas you want to bind to next_bid
.
You could specify the two-way binding to next_bid
by writing <input data-link="next_bid^toFixed(2) linkTo=next_bid"/>
, but even there, you still need to convert to number, and therefore to write <input data-link="{:next_bid^toFixed(2) linkTo=next_bid:toNum}"/>
, so you might as well use the simpler approach above of doing everything in the dec and toNum converters...
Let me know if this works for you...
from jsviews.
Resolving as a question (not a bug)
from jsviews.
Related Issues (20)
- observable ev.data.observeAll helper broken when path is "*" HOT 7
- linked tag property changed handler called when it shouldn't HOT 51
- {{for ..}} emits <tr> and <td> tags HOT 1
- for tag with range and data-linked tr give error when removing object from array HOT 5
- Delimiters not working for "[ " and " ]" HOT 2
- linking of selected value on select element does not work correctly with all jquery versions HOT 5
- jsrender.min.js.map truncated HOT 6
- Observable change error, when loading jquery.observable.js before jsrender.js, and using contextual parameters and sorted {{for}} HOT 6
- removeView performance HOT 2
- $.observe/$.unobserve performance degradation over time HOT 5
- If the selected value of a data-linked <select> is set prior to adding options, selection is not always established correctly HOT 3
- multiselect not updating when linked array changes HOT 10
- Binding to computed functions: onBind callback called twice. If computed function has no setter , "... is not a function" exception thrown HOT 6
- html comments not working in tables HOT 4
- performance improvement in JsObservable HOT 2
- Using a tmpl selector that begins with a # but is not an ID selector does not work HOT 5
- Top-level data-link="{for...}" does not work on a 'select' element HOT 3
- LinkTo not refreshing DOM on empty value HOT 5
- Checkboxgroup enhancement and oldValue issue HOT 26
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 jsviews.