javascript - FuelUX Wizard How to disable specific steps? -


in web form using fuelux wizard (link: http://getfuelux.com/javascript.html#wizard ) , have different roles of people coming page. need able "disable" steps of wizard based on data obtain @ page load. believe have styling of haven't had luck in finding need.

for example,

i have steps 1-6, , user comes page. identify him data architect, need disable steps 4 , 6. have few specific roles need disable combinations of tabs each individual role.

could done calling javascript fuel ux based on role identify user in code behind? , changes need specific step make user not able access it?

edit:

here steps:

    <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>

my question is, there way disable data-steps code behind?

i've figured out way declaring int arrays in code behind, , accessing them directly under initialize array in javascript. looks this:

code behind:

//check steps 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 };             }

then, using javascriptserializer declared in code behind, javascript looks like:

var disabledsteps = <%= serializer.serialize(disabledsteps) %>;         for(var in disabledsteps){             alert(disabledsteps[i]);             $('#mywizard').wizard('removesteps', disabledsteps[i], 1);         }

Comments

Post a Comment

Popular posts from this blog

javascript - Using jquery append to add option values into a select element not working -

i'm looking dynamically populate select element names of items stored array. for reason it's not working , i'm not sure why. html: <div class="col-md-4 col-md-offset-4"> <select class="select1"> </select> , <select class="select2"> </select> </div> note i'm using bootstrap layout. here's jquery i'm using try , populate ".select1" jquery: select: function() { $.each(state.greens, function(index, value) { $(".select1").append("<option value =' " + index + " '>" + state.greens[index].name + "</option>"); }); } note function 'select' stored within object called 'display'. state.greens name of array i'm trying access. so @ end of html page call display.select(); call function. no error messages showing in console. also, saw question: appending
Read more

Android soft keyboard reverts to default keyboard on orientation change -

i'm building android soft keyboard , can't seem fix bug - have arabic , qwerty keyboard , when rotate device on qwerty keyboard (or arabic shift), it's if program has "restarted" , becomes arabic keyboard without shift. the onsaveinstancestate(bundle savedinstancestate) not work because application not extend activity inputmethodservice . i put following in android manifest android:configchanges="keyboard|keyboardhidden|orientation" android:windowsoftinputmode="stateunchanged|adjustresize"> i tried using @override public void onconfigurationchanged(configuration newconfig) { super.onconfigurationchanged(newconfig); log.i(mydebug, "config changed " + currentkeyboard.equals(qwerty)); } however, currentkeyboard.equals(qwerty)) results false , made sure true before orientation change. any appreciated. i think applications fault. if application restarting on orientation change
Read more

Rendering JButton to get the JCheckBox behavior in a JTable by using images does not update my table -

i rendering jbutton image on simulate jcheckbox behavior. why don't let jtable render jcheckbox? because need bigger checkboxes , there's no way can resize them (as far know). so, have own table cell renderer , editor. both renders jbutton , checkbox images on them. trying change image checked image unchecked image (or vice versa) , update cell value (boolean true or false). however, reason, getcelleditorvalue() not update table. so, release mouse, value goes original one. any appreciated! lot! public class tableexample extends jframe { jscrollpane pane; jpanel panel; jtable table; object[][] data; mytablemodel tm; renderer buttoncolumn; public tableexample(object[][] data) throws ioexception { string[] columns = {"column#1", "column#2", "column#3", "column#4", "column#5", "column#6"}; this.data = data; this.setpreferredsize(new dimension(700, 500));
Read more