Wizard控件的使用doc.docVIP

Wizard控件的使用： Wizard控件使用多个步骤来描绘用户的输入信息，该控件内的每个步骤 均会给一个StepType。可以在当步骤到Complete时，对所有的数据进行处理。 事件：需要隐藏信息的时候，可以在中间步骤中使用WizardStepChanged事件，其它的事件如点击完成、取消、下一步和上一步的时候的事件等。 TemplateWizardStep，提供一个允许用户自定义模板生成步骤的方法。对它的访问，不能通过像其它步骤一样的直接访问方式，二是要通过它的模板ID来访问。所以，如果在Wizard中的步骤采用这个方式，访问数据的时候，要注意。 下边看看一般的做法： 拖控件到设计视图，点击智能标签的Auto Format为其设置格式。这里采用彩色型，Colorful。然后是添加步骤，在智能标签中选择：Add/Remove WizardSteps...，如图： 步骤中的title表示名字，其余的，AllowReturn:是否运行步骤间通信，EnableTheming：是否允许使用主题，EnableViewState：是否允许保存往返信息，SkinID：使用的皮肤ID，StepType有好几种，一般来讲，Auto会自动检测为开始步骤还是中间步骤，但是完成步骤一定要手动选择Complete。在这里，第三步，我们使用了一个由模板步骤（TemplatedWizardStep）自定义的步骤，由于访问它的数据，需要通过其ID 来访问，使用设置ID为mb。如图： 在完成步骤，手动选择Complete，如图： 完成后，步骤算是添加好了，但是每一步骤还没有具体内容。首先解决向导的字体太小的问题。将Wizard控件拖大，但是，这个时候，发现左边的导航和右边的内容同时增大，需要将SideBarStyle下的Width属性指定宽度，根据具体情况而指定，这里指定100px。然后又有个问题，这个字体也太下了，所以呢，将Wizard控件的Font下的Size属性指定大小，这里指定1.2em。这里要注意，是Wizard控件的Font下的Size属性,不是其它任何自控件或子项目的Font属性。因为这个Wizard的属性实在太多了。 还有一个问题，那就是，使用英语版本的VS，或是VWD时，默认的上一不，下一步，完成，取消这些按钮都是英语的，就像我。这里要比用中文的麻烦点点，要将StartNextButton设置成“下一步”，StepPreviousButtonText设置成“上一步”， StepNextButtonText设置成“下一步”，FinishPreviousButtonText设置成“上一步”，FinishCompleteButtonText设置成“完成”，如果要在每一步中显示取消按钮，则要将DisplayCancelButton设置为true，并且把CancelButtonText设置为“取消”。 现在来为每一步添加内容，首先需要编辑Wizard的模板，做个Header，就是添加个欢迎词。这里是通过智能标签的Edit Templated来做的，如图： 然后，为“基本信息”添加控件，如图：ID分别是tbname和tbpws 两个TextBox确实很难对齐，最后只好将前天的“用户名”和“密码”做成Label，然后通过设置Label的Width属性来控制。 为“详细信息”添加控件，如图：ID分别是ddlsf，tbphoto，rdbgk 再为兴趣爱好添加控件，如图：chk 为会员等级添加控件，如图：ddldj 完成步骤中，随便整了些来表示各步骤中的信息： 也就是几个标签和一个PlaceHolder。各步骤分别添加的什么控件和各控件的ID，就只好对照这代码看了，如下： asp:Wizard ID=Wizard1 runat=server BackColor=#FFFBD6 BorderColor=#FFDFAD BorderWidth=1px Font-Names=Verdana Font-Size=1.2em Height=210px StartNextButtonText=下一步 Width=405px ActiveStepIndex=0 FinishCompleteButtonText=完成 FinishPreviousButtonText=上一步 StepNextButtonText=下一步 StepPreviousButtonText=上一步 CancelBu