如何禁用FuelUX向导步骤1中的NEXT按钮
How to disable NEXT button on step 1 of FuelUX Wizard
我正在使用FuelUX向导插件创建向导控制页http://getfuelux.com/javascript.html#wizard
我正在尝试禁用仅在向导的STEP1上的NEXT按钮。
请检查此图片以更好地理解:https://i.stack.imgur.com/YLbnl.png
我很想在这方面得到一些帮助。如果需要我的帮助,请告诉我。
好的。经过大量研究,我有了这个解决方案。你需要修改插件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
即可。
我真的尝试了人们提出的所有建议。我不知道为什么没有一个对我有用。可能是因为我没有提供足够的信息。在我尝试过的几种方法中。我发现这个是最简单的。
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;
}
}
在阅读了fuel ux文档后,这里似乎有一个破解方法,可以在不修改任何源fuelux.js代码的情况下禁用特定步骤。
$wizard.on('actionclicked.fu.wizard', function (evt) {
//Check the current step
var currentStep = $wizard.wizard('selectedItem').step;
//If current step needs to be disabled, disable it and then return.
if (currentStep === 1)
{
evt.preventDefault();
return;
}
});
请注意,这里的$wizard
只是我在fuel ux文档中描述的$('#myWizard')
的说法。
相关文章:
- 无法从 jQuery RSS Feed 中的 localStorage 动态替换类
- 如何禁用FuelUX向导步骤1中的NEXT按钮
- 使用生成器函数 next() 作为 node.js 中的回调
- 尝试触发点击document.ready中Bigcommerce Classic Next主题中的产品选项
- Don'在IE中调用find next时,不要高亮显示Codemirror中的光标
- 我是否需要在我的中间件中使用“next”或“store.dispatch”
- Meteor iron路由器中的next()对此完全困惑
- 图片库next-prev(javascript数组中的php数组)
- 如何使用Jquery each()方法遍历列表中的next/PPrevious 3元素
- jQuery中的图像滑块,实际幻灯片作为next/prev触发器
- 为什么我不需要在Sails.js控制器函数中调用next,即使它在其主体中有一个(异步的?)数据库查询
- jQuery获取Prototype框架中属性的next元素
- Bxslider将next按钮绑定到旋转木马中的下一张幻灯片
- 捕获表单中的iPhone键盘Next按钮按下事件
- AngularJS中的全局back/next按钮
- Javascript中的current和next函数在php中是等价的
- 为什么上面写着'next'在redux中间件代码中没有定义.中间件的next方法是否已弃用
- for循环-如何在内部有while的for in中跳过javascript中的next
- 可以't在jquery中的parent()之后获取next()
- jQuery:总是在dom树中的图片下面找到next.gallery