DHTMLX 前端框架 建立你的一個應用程序 教程(八)-- 添加表單Form

 

添加表單Form

 

 　　我們下一步是在頁面中添加一個表單,表格中的選中字段將會顯示在表單中。提供一個提交按鈕 可以對顯示的數據進行修改提交。

　　

 

添加表單到布局單元格中

 

　　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");