UNPKG

can

Version:

MIT-licensed, client-side, JavaScript framework that makes building rich web applications easy.

35 lines (29 loc) 798 B
<div id="demo"> <div id='out'></div> <script type='text/mustache' id="colors-template"> <p>Colors: <select can-value='colors' multiple> <option value='green'>Green</option> <option value='red'>Red</option> <option value='blue'>Blue</option> </select> </p> <p>You selected {{selection colors}}.</p> </script> </div> <script> DEMO_HTML = document.getElementById("demo").innerHTML </script> <script src="../../../node_modules/steal/steal.js" main="@empty"></script> <script> steal("can/view/bindings", "can/view/mustache", function(){ var data = new can.Map({colors: "green;red"}); var frag = can.view("colors-template",data,{ selection: function(list){ var value = list(); return value ? value.split(";").join(",") : "nothing" } }) $("#out").html( frag ); }) </script>