AppML의 HTML 속성
예
<div appml-include-html="inc_header.htm"></div>
<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>
<div appml-include-html="inc_footer.htm"></div>
»스스로를보십시오 속성 | 기술 | 설명 |
---|---|---|
appml 제어기 | AppML 컨트롤러 정의 | AppML 컨트롤러 |
appml 데이터 | 응용 프로그램에 대한 데이터 소스를 정의 | AppML 데이터 |
appml - 포함 - HTML | 포함 할 HTML은 정의 | AppML는 포함 |
appml 반복 | HTML 요소는 반복을 정의 | AppML 노하우 |
AppML 메시지
예
function myController($appml) {
if ($appml.message == "display") {
if ($appml.display.name == "CustomerName") {
$appml.display.value = $appml.display.value.toUpperCase();
}
}
}
»스스로를보십시오 메시지 | 전송 |
---|---|
준비된 | AppML 후 시작하고, 데이터를로드 할 준비가되어있다. |
짐을 실은 | AppML가 완전히로드 된 후, 데이터를 표시 할 준비가. |
디스플레이 | AppML은 데이터 항목을 표시하기 전에. |
끝난 | AppML가 완료되면 (finished displaying) . |
제출 | 전에 AppML 데이터를 전송합니다. |
오류 | AppML에 오류가 발생 후. |
AppML 메시지에 대한 장에 설명되어 있습니다 AppML 메시지 .
AppML 모델
예
{
"security": "admin",
"rowsperpage" : 10,
"database": {
"connection": "mysql",
"sql" : "SELECT * FROM Customers",
"orderby" : "CustomerName"}},
"filteritems" : [
{"item" : "CustomerName", "label" : "Customer"},
{"item" : "City"},
{"item" : "Country"}],
"sortitems" : [
{"item" : "CustomerName", "label" : "Customer"},
{"item" : "City"},
{"item" : "Country"}]
}
AppML 모델 속성
요소 | 기술 |
---|---|
"data" | 모델의 플랫 파일 소스를 정의 |
"database" | 모델에 대한 데이터베이스 소스를 정의 |
"filteritems" | 필터 제한을 정의합니다 |
"rowsperpage" | 행 수는 페이지 당 페치를 정의 |
"security" | 모델에 대한 보안을 정의 |
"sortitems" | 정렬 제한을 정의합니다 |
응용 프로그램 보안
당신은의 구성원으로 로그인해야 "admin" 이 응용 프로그램에 액세스 할 그룹 :
예
{
"security": "admin",
"database": {
"connection": "mysql",
"sql" : "SELECT * FROM Customers",
"orderby" : "CustomerName"}
}
개인 모델
당신은 모델에 자신의 개인 데이터를 추가 할 수 있습니다.
이 예는 데이터에 대한 제한을 제안한다 :
예
"restrictions" : {
"fname" : {"maxlength": 40},
"price" : {"max": 999,"min": 100}
}
모델 데이터는 서버 응용 프로그램에서 사용하고 AppML 컨트롤러가 될 수있다.
이 예에서는 입력을 확인하는 데이터 모델을 사용하여
예
function myController($appml) {
if ($appml.message == "submit") {
var price = document.getElementById("price").value;
if (price < $appml.model.restrictions.price.min) {
$appml.displayError(15, "Price
too low!");
return;
}
}