表单例二 · 全栈中心

## 表单例二 ![](https://box.kancloud.cn/88dbb368324441c47b8fdc6b9d072335_401x710.png) html ~~~ <body> <header class="rbk-titlebar"></header> <div class="rbk-content"> <form class="rbk-form"></form> <button id='formsubmit' class="rbk-btn">确认提交</button> </div> </body> ~~~ js ~~~ //配置表单结构，注意timetext:"true"，实现了点击出现时间选框功能 var UI2medicine = [{ id: 'name', labelName: '药名', ctype: 'frmtxt', defValue: '', options: [], placeholder:"请输入药名" }, { id: 'starttime', labelName: '开始时间', ctype: 'frmtxt', defValue: '', options: [], placeholder:"请选择开始时间", timetext:"true" }, { id: 'endtime', labelName: '结束时间', ctype: 'frmtxt', defValue: '', options: [], placeholder:"请选择结束时间", timetext:"true" }, { id: 'pl', labelName: '服药频率', ctype: 'frmtxt', defValue: '', options: [], placeholder:"如每天3次、3次/天" }, { id: 'yl', labelName: '每次用量', ctype: 'frmtxt', defValue: '', options: [], placeholder:"如每次1片、1片/次" }, { id: 'gg', labelName: '药物规格', ctype: 'frmtxt', defValue: '', options: [], placeholder:"0.5mg/片、5克/包" },{ id: 'way', labelName: '给药方式', ctype: 'frmsel', defValue: { text: '请选择', value: '1' }, options: [{ text: '口服', value: '1' }, { text: '注射', value: '2' }, { text: '表皮', value: '3' }, { text: '吸入', value: '4' }, { text: '灌肠', value: '5' }] }] <script type="text/javascript"> rbk.ready(function(opt) { var titleBar = rbk.getCmp('titlebar'); titleBar.title('服药记录'); titleBar.canBack(true, true); var content = rbk.getCmp('content'); var form = content.down('form'); form.doLayout(testData.UI2medicine); var btn = content.down('#formsubmit'); btn.bindClick(function(){ alert(form.getVal()) }) }); </script> ~~~ 说明：ctnCmpID指的是该form组件放在哪个div下，以id为标记。doLayout() 绑定模板；setVal() 绑定值。