我的第一个HTML5应用

直接贴代码：

源码：

<?xml version="1.0" encoding="UTF-8"?>

<div xmlns="http://www.w3.org/1999/xhtml" xid="window" class="window" component="$UI/system/components/justep/window/window" design="device:mobile">

<div component="$UI/system/components/justep/model/model" xid="model"/>

<!-- 绑定可监控对象 -->

<input bind-textinput="name"></input>

<!-- name有值就显示output，否则隐藏 text绑定了表达式 -->

<output bind-visible="name" bind-text="'hello,'+name.get()+'!'"></output>

</div>

JS:

define(function(require){

var $ = require("jquery");

var justep = require("$UI/system/lib/justep");

var Model = function(){

this.callParent();

//定义可监控对象

this.name=justep.Bind.observable("");

};

return Model;

});