如何开发自定义表单 VF中利用“表单向导”创建表单的基本步骤是什么?

如何开发自定义表单？

简单的开发通过自定义表单就可以实现，在线开发，不用编译就可使用功能。

自定义表单开发工具介绍
做自定义表单首先需要在数据库中建立好存储表单数据的数据表。  建表有以下两点要求：
数据表必须有主键。
数据表的主键类型为 50 位长度的字符型。
自定义表单基础信息设置
打开“表单中心”--“自定义表单”点击工具栏上的“新增”，进入 2-2-1 界面。如图

图 2-2-填写好表单的名称，选择好表单的分类。一般下拉框的选项都可以在“数据字典”中维  护。
管理表单存储的数据表：
点击下一步进入表单数据表设置，如图 2-2-2 所示

给表单新增一个数据表

自定义表单中将数据保存到多表
图 2-2-
如果需要将数据保存到多表，那么此处就要把相关表都加入进来。
图 2-2-并按图 2-2-4 所示设置好主从表之间的关联关系。
自定义表单开发
点击图 2-2-4 中的“下一步”进入表单开发界面，如图

图 2-3-3.1、多选项卡管理

为了方便开发敏捷开发框架提供了多选项卡的开发，可以将内容放置到不同的选项卡中，点   击设计面板中的“编辑选项卡”进入选项卡管理。
3.2、常用控件介绍：
、文本框


、下拉框

图 2-3-下拉框需要重点了解的是如何设置下拉框的数据源，首先看一下使用数据字典来做数据源。

使用“数据源”来做下拉框的数据源：

图 2-3-
从“系统管理”--“数据管理”--“数据源管理”可以新增数据源。
图 2-3-、编辑器：富文件编辑器。
、单据编码
可以将设置好的单据编码规则在表单中使用。

图 2-3-、日期区间值
自动计算界面上两个栏位相差的天数

、单位组织
图 2-3-
、当前信息
图 2-3-
注意事项：一定要在界面上放一栏 GUID 的固定信息，并且绑定到主键，否则表单运行时会出错
图 2-3-、表格项
表格项用来处理一对多的表格

设置表格中的主键
图 2-3-1
设置表格的主键跟设置表单主键原理是一样的，在界面上放一个 GUID 的列绑定到从表的主键字段，从表的主键必须是 50 位长度的字符型。
设置表格中的弹窗

为了提升用户体验，表格中也可以设置弹窗，当点击指定单元格时可以弹出选择窗体。
图 2-3-1
设置表格嵌套

显示效果如下：
图 2-3-1自定义表单绑定菜单
自定义表单开发完成后可以直接发布成菜单功能使用。打开“表单中心”--“发布表单功能”点击“新增”按钮，即可打开功能发布界面，如图：

图 2-4-完成上图的设置保存以后重新登录系统就可以看到刚刚绑定的菜单项了。


图 2-4-2

VF中利用“表单向导”创建表单的基本步骤是什么?

1.文件菜单—>[新建]，打开新建对话框，在文件类型中选抄表->向导，打开， 打开表向导对话框
2在样表中选表，若无表可选可用[加入按钮]将需要袭的表加到样表列表框中->从可用字段中讲需要的字段一道选2113定字段列表框中->下一步，进入表向导步骤选数据库
3下一步，进入步骤2修改字段设置，此时可对所在创5261建的表字段定义进行修改
4下一步，进入步骤3为表索
5为表选出关键字和索引字段->下一步，进入步骤4完成
6选择一种保存4102表的选项->完成，打开另存对话框，->在输入表各1653文本框中输入一个表名。此时完成了用向导创建表的过程。

如何创建表单

状态，选取其中要添加的列，点击组合框到TEXT
2、删除列中TEXT1，文本框可以删除也可以不用删除，删除方法为
在属性窗口中找到要删除的text1, 只有在此才能选择到它，然后左键点击表单外的空白背影处，千万不要点击表单，不然就选择了表单了，然后按“DEL”键删除
3、选择此列，属性窗口中有个属性为currentcontrol设置combo1为当前控件
当然了，如果执行了第二步，第三步可不必操作
4、若要使所有行都显示出组合框，而不是只有活动行才可以显示，就要设置列的另一属性sparse设为.f.就可以所有行都可以见到组合框

webstorm的reactnative怎么创建新的文件

jsx语法设置
在没有进行设置的情况下，每次打开WebStorm的时候打开包含jsx语法的.js文件都会有以下提示：

当然我们点击转换后就可以了，但是每次都会提示，所以还是来一个一劳永逸的方法把它给去掉吧：

然后Apply/OK即可。
设置.js文件中支持react-native语法高亮
首先会发现在js文件中有不少的警告，类似这样：

这个警告的原因是因为编辑器不知道所引用的这些东西是在哪（不知道源在哪），所以需要告诉编辑器所写的东西是在哪个源里面：

在下图的download manager里面找到react和react-native下载安装，然后返回到上图的窗口，按照上图第五部分勾选刚才下载的两个library即可。

到此，错误信息就没有了，我们可以安心的写代码了：

npm基本配置
你们我们想直接在IDE中直接运行项目，就像Android或者ios可以直接点击图形化界面运行，可以吗？这就需要设置一下npm。

或者我们直接项目上右键打开项目的设置环境

选择我们要运行的设备

说明：
Name为该按钮的名字
Program为react Native的路径,终端命令:which react-native 一般都是 /usr/local/bin/react-native
Parameters填 run-ios
working directory该输入框中,先点击右边的insert macro,选择ProjectFileDir.

然后我们发现项目右上角多了一个可以run的图标（其实是之前我们配置的npm命令）