Imitaion .NET

Purpose(목적)enable 바인딩은 해당 DOM소요를 파라미터 값이 true일때 enable시킵니다. 이러한 기능은 input, select, textarea와 같은 요소들에게 매우 유용합니다.Example<p>    <input type='checkbox' data-bind="checked: hasCellphone" />    I have a..

Purpose(목적)submit 바인딩은 해당 DOM요소가 submit될때 호출될 이벤트 핸들러를 추가합니다.일반적으로 여러분은 form여소에 사용하길 원할것입니다.form에서 submit바인딩을 사용할때 Kockout은 form의 기본적인 submit 엑센을 방지합니다. 다시말해서 브라우저는 여러분이 추가한 핸들러를 호출하고 기본적으로 form요소의 엑센을 호출하지 않습니다. 이러한 설정은 submit바인딩을 사용할때 기본적인 설..

Purpose(목적)event 바인딩은 특정한 이벤트에 이벤트 핸들러를 추가시켜준다. 그래서 이벤트가 발생할대 여러분이 선택한 Javascript함수가 호출되게 된다. 이벤트 바인딩은 다음과 같이 어떤 이벤트에도 적용될수 있다. (keypress, mouseover , mouseout)Example<div>    <div data-bind="event: { mou..

Purpose(목적)click 바인딩은 이벤트 핸들러를 추가하여 해당 DOM의 요소가 클릭될때 선택된 자바스크립트를 호출한다. button,input, a 요소들과 같이 일반적으로 사용된다. 그라나 실제적으로 어떤 보여지는 DOM요소들과 같이 작동한다.Example<div>    You've clicked <span data-bind="text: numberOfClicks"></..

Purpose(목적)with 바인딩은 새로운 바인딩 Context를 생성합니다. 그래서 자손엘러먼트들은 특정개ㄱ체의 문맥안에 바인딩 됩니다.물론 여러분은 if 그리고 foreach와 같은 다른 control-flow바인딩과 함게 with 바인딩을 사용할수 있습니다. Example 1여기서는 기본적인 예로 자식객체에 다른 문맥으로 교체하는 예를 보겠습니다. data-bind 특성에  latitude 또는 l..

Purpose(목적)ifnot 바인딩은 if 바인딩이랑 똑같다 단지 어떤 표현식의 값의 거꾸로일 뿐입니다. 좀더 자세한 사항은  if 바인딩을 참조해 주세요.Note: “ifnot”은  “if”의 부정표현입니다.예로는:<div data-bind="ifnot: someProperty">...</div>위의 예와 아래예는 같은 결과를 갖습니다.:<div data-bind="if: !..

Purpose(목적) if 바인딩은 어떤 부분의 markup을 어떠한 조건 값이나 표현이 true( non-null이아닌 객체 또는 빈값이 아닌 string같이 true같은것들)일때 document에 나타내게 합니다. if 바인딩은 visible바인딩과 같은 역할을 합니다.(http://knockoutjs.com/documentation/visible-binding.html) visible과 차이점은 if바인딩은 항상 DOM에 ..

Purpose(목적) foreach 바인딩은 Array의 각각의 객체를 위해 마크업의 부분을 복사해서 해당 array item에 마크업을 바인딩한다. 테이블이나 리스트를 렌더링할때 매우 유용하게 사용된다. 여러분의 array가 observable array라고 하면  array에 item을 추가하거나 삭제할때 바인딩은 해당 UI를 효율적으로 변경할 것이다.  마크업 추가 또는 삭제는 다른 DOM요소들의 영향없이 ..