表单设计器—属性设置及相关操作
当HTML元素添加到设计面板以后,通常我们还需要对元素的属性进行设置,特别是为该HTML元素添加一些业务相关的属性,我们暂且不讨论业务属性的添加,但是其具体的操作与设置普通属性是相似的。一般来说设置元素属性的方式可以有PropertyGrid、PropertyForm以及代码修改,PropertyGrid是三者之中最常用的方式,像VisualStudio、Dreamweaver、FlexBuilder等进行界面设计时都使用这种方式;代码修改一般来说是一种辅助性的方式,因为不具有可视化界面的友好性和易用性,所以使用该方式进行属性设置的产品不能够作为一种成熟的产品;本文主要对PropertyForm这种方式进行介绍。 PropertyForm展现一般来说是通过右键事件触发的,在大多数的文档处理工具中一般使用的是这种方式,例如Office,wps等。使用右键菜单对设计面板中的HTML元素进行属性设置的时候,主要的问题有以下几个: 如何确定右键点击处焦点所处控件的类型,进而根据控件类型显示不同的右键菜单,如选中button、checkbox与选中table时显示的右键菜单是不同的。 如果选中的是button、checkbox等普通的HTML元素,如何将属性窗口设置的值体现到HTML代码中或者在设计面板中显示相应效果。 在Table区域内点击右键后,table相关属性的设置 同时