HUI
HUI是一个基于原生Javascript的、面向移动端的超轻型前端
MVC
框架，具有灵活、易扩展、
可复用强等特性，适用于快速构建移动WEB应用
Download
Document
Source
Source Code
<div id="person" hui-type="Panel" hui-formname="person"> <label>姓名: </label> <input type="text" hui-type="Control" hui-formname="username"><br/> <label>生日: </label> <input type="date" hui-type="Control" hui-formname="birthday"><br/> <label>电话: </label> <input type="number" hui-type="Control" hui-formname="mobile"><br/> <button class="btn1" >读取</button> <button class="btn2" >修改</button> </div>
run
Result
姓名:
生日:
电话:
读取
修改
Console
run
Source Code
hui.Button2 = hui.createClass({ superClass: hui.Control, constructor: function (options, pending) { this.isFormItem = false; // 注：getParamMap时不需要处理button2 hui.Button2.superClass.call(this, options, 'pending'); //进入控件处理主流程! if (pending != 'pending') { this.enterControl(); } }, render: function () { hui.Button2.superClass.prototype.render.call(this); var me = this; me.getMain().onclick = function(){ alert(me.id); }; } }); hui.Control.importCssString( '.hui_button2 { background-color: #00aaef; border-radius: 30px; font-size: 18px; }' ); // <button hui-type="Button2" hui-formname="ddd">dddd</button>
run
haiyang5210 © 2018