我的第一个HTML5应用

时间:2023-12-31 08:32:20

直接贴代码:

源代码:

<?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;

});