FuelUX向导如何禁用特定步骤？

Question

在我的web表单中，我使用fuelux向导(链接：http://getfuelux.com/javascript.html#wizard )，我有不同角色的人来到这个页面。我需要的是能够“禁用”向导的某些步骤，基于我在页面加载时获得的一些数据。我相信这与造型有关，但我还没有找到我需要的东西。

例如,

我有步骤1-6，并且说有一个用户来到这个页面。我认为他是一个数据架构师，因此我需要禁用步骤4和6。我有一些特定的角色，我需要为每个角色禁用特定的选项卡组合。

这能通过调用燃料ux的一些javascript来实现吗?基于我在后面代码中识别用户的角色？我需要对某个特定步骤进行哪些更改，使用户无法访问它？

编辑：

以下是我的步骤：

    <ul class="steps">

            <li data-step="1" data-name="Documentation" class="active"><span class="badge">1</span>Documentation<span class="chevron"></span></li>
            <li data-step="2" data-name="Business"><span class="badge">2</span>Business<span class="chevron"></span></li>
            <li data-step="3" data-name="Application"><span class="badge">3</span>Application<span class="chevron"></span></li>
            <li data-step="4" data-name="Data"><span class="badge">4</span>Data<span class="chevron"></span></li>
            <li data-step="5" data-name="Infrastructure"><span class="badge">5</span>Infrastructure<span class="chevron"></span></li>
            <li data-step="6" data-name="Security"><span class="badge">6</span>Security<span class="chevron"></span></li>

     </ul>

我的问题是，是否有一种方法可以从代码后面禁用某些数据步骤？

Answer 1

我想出了一种方法，在代码后面声明int数组，然后在javascript初始化数组的地方直接访问它们。看起来是这样的：

代码背后：

//Check which steps to disable
            if (role.Contains("Data"))
            {
                disabledSteps = new int[] {5, 5};
            }
            else if (role.Contains("Infra"))
            {
                disabledSteps = new int[] {4, 5};
            }
            else if (role.Contains("Security"))
            {
                disabledSteps = new int[] { 4, 4 };
            }

然后，使用我在后面代码中声明的javascript序列化程序，javascript如下所示：

var disabledSteps = <%= serializer.Serialize(disabledSteps) %>;
        for(var i in disabledSteps){
            alert(disabledSteps[i]);
            $('#myWizard').wizard('removeSteps', disabledSteps[i], 1);
        }