4

FuelUX ウィザード プラグイン http://getfuelux.com/javascript.html#wizardを使用してウィザード コントロール ページを作成しています。

また、ウィザードの STEP1 のみ NEXT ボタンを無効にしようとしています。

理解を深めるために、この画像を確認してください: http://i.imgur.com/xlhwu2j.png

これについて何か助けていただければ幸いです。私の側から何か必要な場合はお知らせください。

4

3 に答える 3

2

Ok。多くの調査の後、私はあなたのためにこの解決策を持っています。プラグイン fuelux.js を変更する必要があります。縮小されていないバージョンのfuelux.jsを取得し、以下のコード行を見つけます

var canMovePrev = ( this.currentStep > 1 ); //remember, steps index is 1 based...
var isFirstStep = ( this.currentStep === 1 );
var isLastStep = ( this.currentStep === this.numSteps );

// disable buttons based on current step
if ( !this.options.disablePreviousStep ) {
         this.$prevBtn.attr( 'disabled', ( isFirstStep === true || canMovePrev === false ) );
}

// change button text of last step, if specified
var last = this.$nextBtn.attr( 'data-last' );
if(isFirstStep) //Add this line
{
    this.$nextBtn.attr( 'disabled', ( isFirstStep === true || canMoveNext === false ) );
}

上記の行setState: function() {は、行番号にあります3652

問題が発生した場合はお知らせください

編集:そして、次のボタンを使用して作業するには、次のように記述できます

$(document).ready(function(){
   $('.btnext').on('click',function(){
         $('.wizard').wizard('next');
         $nextBtn = $('.wizard').find( 'button.btn-next' );
         $nextBtn.removeAttr('disabled');
    });
});

必要な場所に代替ボタンを追加し、それにクラスbtnextを追加するだけです。

于 2015-03-24T10:08:49.287 に答える
0

私は人々から与えられたすべての提案を実際に試しました。なぜ誰も私のために働かなかったのかわかりません。十分な情報を提供しなかったことが原因である可能性があります。私が試したいくつかの方法のうち。これが一番簡単だと思いました。

protected void NextButton_Click(object sender, WizardNavigationEventArgs e)
{
       //Suppose You have a control on your webpage. Just check if it has
       //the information you require. In my case lblpasskeytextbox
       //and if the condtion is not fulfilled I am not letting user to move
       //next page
        if (lblPasskeyInformation.Text[0] == 'I')
        {
            e.Cancel = true;
            return;
        }
}
于 2015-06-05T15:24:42.360 に答える