从 Fuelux 向导中检索当前步骤标签

Question

我正在动态创建 fuelux 向导

我的代码是这样的：

var CutRoadArray = [
            ['Location', '_Location'],
            ['Applicant Info', '_ApplicantInfo'],
            ['Details', '_ApplicationDetails'],
            ['Bond Info', '_BondInfo'],
            ['Attachments', '_Attachments'],
            ['Review', '_ReviewA']
        ];

   function AddStepToWizard(labelname, partialviewname) {
            $("#ApplicationWizard").wizard("addSteps", 0, [
                {
                    label: labelname,
                    pane: '<div partial-view-name="' + partialviewname + '" class="dynamicTabs"></div>'
                }
            ]);
        }

这工作得很好，但是数组本身是动态的，并且步骤可能会根据沿途所做的选择以不同的顺序排列。当用户使用 "back" 或 "forward" 按钮导航到窗格时，我想点击某个功能。我可以利用

$('#MyWizard').on('stepclick', function(e, data) {

我正在考虑以某种方式检查窗格是否等于某个值，例如 "location" 然后我将触发该函数。但是我无法访问此文本。

任何想法将不胜感激。

Answer 1

有点hacky，但这行得通

https://jsfiddle.net/qct3sdr1/2/

$('#myWizard').on('actionclicked.fu.wizard', function (evt, data) {
    var index = data.step;
    if(data.direction === 'next')
        index += 1;
    else
        index -= 1;
    var label = $('li[data-step="'+index+'"]').data('name');
    console.log("this is the current step label", label);
});

从 Fuelux 向导中检索当前步骤标签

Retrieving the current step label from Fuelux Wizard

jquery

fuelux