최신 웹 개발 튜토리얼
 

AppML컨트롤러


AppML 컨트롤러의 목적은 응용 프로그램을 제어 할 수 있도록하는 것입니다.


컨트롤러는 무엇을 할 수 있습니까?

  • 설정 초기 데이터
  • 변경 응용 프로그램 데이터
  • 입력 및 출력을 취급
  • 데이터의 유효성을 검사합니다
  • 데이터를 요약
  • 오류 처리
  • 시작하고 응용 프로그램을 중지
  • 그리고 훨씬 더

컨트롤러없이

기본적으로 AppML 응용 프로그램은 컨트롤러없이 실행 :

<table appml-data="customers.js " >
<tr>
  <th>Customer</th>
  <th>City</th>
  <th>Country</th>
</tr>
<tr appml-repeat="records">
  <td>{{CustomerName}}</td>
  <td>{{City}}</td>
  <td>{{Country}}</td>
</tr>
</table>
»스스로를보십시오

컨트롤러와

AppML 컨트롤러로, 당신은 자바 스크립트를 사용하여 응용 프로그램을 제어 할 수 있습니다.

컨트롤러가 제공하는 자바 스크립트 함수입니다.

appml-controller 특성 제어기 기능을 참조하는 데 사용된다.

<h1>Customers</h1>
<table appml-data="customers.js" appml-controller="myController ">
  <tr>
    <th>Customer</th>
    <th>City</th>
    <th>Country</th>
  </tr>
  <tr appml-repeat="records">
    <td>{{CustomerName}}</td>
    <td>{{City}}</td>
    <td>{{Country}}</td>
  </tr>
</table>

<script>
function myController($appml) {
    if ($appml.message == "display") {
        if ($appml.display.name == "CustomerName") {
            $appml.display.value = $appml.display.value.toUpperCase();
        }
    }
}
</script>
»스스로를보십시오

제어기 (myControlller) 위의 예에서, 값 변경 "CustomerName" 가 표시되기 전에, 대문자.

당신이 컨트롤러가있는 경우, AppML는 응용 프로그램 개체 보내드립니다 ($appml) 모든 중요한 액션, 컨트롤러에.

애플리케이션 특성 중 하나는 메시지이다 ($appml.message) 애플리케이션 상태를 설명.

메시지 기술
ready AppML 후에 송신이 시작하고, 데이터를로드 할 준비가되어있다.
loaded AppML 후에 송신 완전히 데이터를 표시 할 준비가로드됩니다.
display AppML는 데이터 항목을 표시하기 전에 보낸.
done AppML 완료 후 전송 (finished displaying) .
submit AppML 데이터를 전송하기 전에 전송.
error AppML 오류가 발생 후 전송.

메시지는 다음 장에서 설명합니다.