knockoutjs:Example 1: 基本的な書式:The custom binding
- <!DOCTYPE html>
- <html lang="ja">
- <head>
- <meta charset="UTF-8">
- <title>knockoutjs:Example 1: 基本的な書式:The custom binding</title>
- <script type="text/javascript" src="jquery-1.5.1.min.js"></script>
- <script type="text/javascript" src="knockout-2.1.0beta.js"></script>
- </head>
- <body>
- <h1>knockoutjs:Example 1: 基本的な書式:The custom binding</h1>
- 基本的な書式なので動きは無し。
- <pre>
- <body>
- <div data-bind="yourBindingName: someValue"> </div>
- <script type="text/javascript">
- ko.bindingHandlers.yourBindingName = {
- init: function(element, valueAccessor, allBindingsAccessor, viewModel) {
- // This will be called when the binding is first applied to an element
- // Set up any initial state, event handlers, etc. here
- },
- update: function(element, valueAccessor, allBindingsAccessor, viewModel) {
- // This will be called once when the binding is first applied to an element,
- // and again whenever the associated observable changes value.
- // Update the DOM element based on the supplied values here.
- }
- };
- </script>
- </body>
- </pre>
- <div style="font-size:10pt;text-align:right;margin-top:0.5em;">
- <a href="//tips.recatnap.info/" target="_top">PCスキルの小技・忘却防止メモ</a> -
- <a href="//tips.recatnap.info/wiki/" target="_top">PCスキルの小技・忘却防止メモのまとめ(wiki)</a>
- </div>
- <div style="font-size:10pt;text-align:center;margin-top:0.5em;padding:0.5em;border-top:1px solid #ccc;">
- Copyright © 2009 by PCスキルの小技・忘却防止メモ. All rights reserved.
- </div>
- </body>
- </html>