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>'
                }
            ]);
        }

这很好用，但阵列本身是动态的，步骤可能会根据沿途的选择以不同的顺序排列。当用户使用＆＃34; back＆＃34;导航到窗格时，我想要达到某个功能。或＆＃34;转发＆＃34;按钮。我可以点击

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

我正在考虑以某种方式检查窗格是否等于值，例如＆＃34; location＆＃34;然后我会解雇这个功能。但是我无法访问此文本。

非常感谢任何想法。

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向导中检索当前步骤标签

1 个答案: