DHTMLX 前端框架 建立你的一个应用程序 教程(八)-- 添加表单Form
2014-10-18 13:33
459 查看
添加表单Form
我们下一步是在页面中添加一个表单,表格中的选中字段将会显示在表单中。提供一个提交按钮 可以对显示的数据进行修改提交。
2.在data文件夹中添加一个xml文件form.xml
3.打开并添加下面的代码:
name属性从数据库加载。可以通过api的name属性访问表单域
4.使用loadStruct() 方法加载xml数据到表单中
我们下一步是在页面中添加一个表单,表格中的选中字段将会显示在表单中。提供一个提交按钮 可以对显示的数据进行修改提交。
添加表单到布局单元格中
1.在右侧布局中使用attachForm() 添加表单"index.html" file contactForm = layout.cells("b").attachForm();
2.在data文件夹中添加一个xml文件form.xml
3.打开并添加下面的代码:
<?xml version="1.0"?> <items> <item type="settings" inputWidth="220" position="label-left" labelWidth="70"/> <item type="label" label="Name"/> <item type="input" label="First Name" name="fname" offsetLeft="15"/> <item type="input" label="Last Name" name="lname" offsetLeft="15"/> <item type="label" label="Internet"/> <item type="input" label="Email" name="email" offsetLeft="15"/> <item type="button" value="Submit" offsetTop="15" offsetLeft="230"/> </items>
name属性从数据库加载。可以通过api的name属性访问表单域
4.使用loadStruct() 方法加载xml数据到表单中
"index.html" file contactForm = layout.cells("b").attachForm();
contactForm.loadStruct("data/form.xml");
相关文章推荐
- DHTMLX 前端框架 建立你的一个应用程序 教程(九)--绑定表单Form到表格Grrid中
- DHTMLX 前端框架 建立你的一个应用程序教程(三)--添加一个菜单
- DHTMLX 前端框架 建立你的一个应用程序 教程(五)--添加一个表格Grid
- DHTMLX 前端框架 建立你的一个应用程序 教程(十一)--添加/删除表格中的记录
- DHTMLX 前端框架 建立你的一个应用程序 教程(十)--保存表单中的数据
- DHTMLX 前端框架 建立你的一个应用程序教程(四)--添加一个工具条toolbar
- DHTMLX 前端框架 建立你的一个应用程序 教程(七)-- 添加筛选功能
- DHTMLX 前端框架 建立你的一个应用程序教程(二)--设置布局
- DHTMLX 前端框架 建立你的一个应用程序 教程(六)-- 表格加载数据
- DHTMLX 前端框架 建立你的一个应用程序教程(一)
- 利用Jquery实现一个典型的form表单前端验证
- layui前端框架 form表单,table表等内置控件不显示问题
- SpringMVC框架结合amazeUI前端框架form表单上传多文件和实体
- 用C#建立一个MDI类型的应用程序框架
- 用layui前端框架弹出form表单以及提交
- 用一个form表单实现一次性无限极分类添加功能
- Qt 3D教程(一)使用Qt Widgets建立一个框架
- Bootstrap 是一个用于快速开发 Web 应用程序和网站的前端框架
- Bootstrap 是一个用于快速开发 Web 应用程序和网站的前端框架
- 解决layui前端框架 form表单,table表等内置控件不显示的问题