step和step_element标签

注：step和step_element标签为一体的。

step标签的属性 :

step标签有4个属性

其中必填项加上了*号，如下所示 :

*id ： id属性

title ： 标题

*count： 总步骤数

form_id： 表单id属性

step_element标签的属性 :

step_element标签有2个属性

其中必填项加上了*号，如下所示 :

active ： 是否激活当前步骤，值为1时激活，否则不激活

*step ： 此内容第几步

step和step_element标签的引入方式 :

    <@step title="步骤表单示例" id="add_step" form_id="add_form" count="3">
        <@step_element step="1">
            <@input label="名称,true,2" name="roleDesc" type="text" size="4" />
        </@step_element>
        <@step_element step="2">
            <@code_select label="机构,true,2" id="orgId"  name="orgId" code_type="org_id" size="4" choice_have="true" />
        </@step_element>
        <@step_element step="3">
            <@text_area label="备注信息,false,2" id="remarks" name="remarks" size="10" />
        </@step_element>
    </@step>

// 点击上一步、下一步、完成时
$(function() {
    $('#add_step').ace_wizard()
    .on('actionclicked.fu.wizard' , function(e, info){ // 点击上一步和下一步时
        if (info.step == 2) {
            if ("previous" == info.direction) {
                //上一步
            }
            if ("next" == info.direction) {
                //下一步
            }
        }
    })
    .on('finished.fu.wizard', function(e) { // 点击完成时
        //dosomthing...接交表单等
    });
})

step和step_element标签显示效果图 :