Nintex Forms: How to disable or hide option in Choice control?

I'd do it having 2 panels of choices, 1 (visible) for administrators and the other for NonAdministrators

Hi Ratnesh,

I did try fooling around with JS, but was unable to get it right. COuld you supply me with the code that would do the trick?

Regards

Leif

Hi Thomas,

Thank you for your input - it seems to be in the right direction. However I have one problem with getting the code to work: Because of the asynchronous nature of the code, the function IsCurrentUser... is getting a return value before the code that actually contains the logic to determine the result is run. I have tried to simplify what is happening in the code here, and in the image attached.

The simplified code:

NWF$(document).ready(function()

{

1. console.log("A");

  if(myFunc())

  {

   console.log("B - myFunc returned true");

  } else

  {

   console.log("C - myFunc returned false");

  }

});

function myFunc() {

  console.log("D - starting myFunc");

  var dfd = NWF$.Deferred(function(){

  var currentContext = new SP.ClientContext.get_current();

  currentContext.executeQueryAsync(

        function(sender,args){

          console.log("D - succes");

          dfd.resolve(false);

        },

        function(sender,args){

          console.log("E - failure");

          dfd.resolve(false);

        }

  );

});

  console.log("F - returning promise");

  return dfd.promise();

}

Console output is:

A

D - starting myFunc

F - returning promise

B - myFunc returned true

D - succes

As you can see from the console output, myFunc returns true, even though both functions given to executeQueryAsync returns false.

So to illustrate the order of events graphically:

As you can see, the promise is returned before the resolve happens.

I tried to remove everything in the original code that tasted like async, but then I got an error saying "the collection has not been initialized".

Please advise, how I can change this so my "business logic" is run before the function returns the result.

Regards

Leif

Thank again - did not know about the when/then contruction in jQuery...

I implemented the following, where I move the stuff that I want done into the async functions. Some would probably say that it's not pretty, butit's pretty simple ;-)

The code now looks like this:

NWF$(document).ready(function()

{

          removeTabIfNotAllowed("Administrator","WorkWear Admins");

}

)

function removeTabIfNotAllowed(tabName,groupName) {

    var dfd = NWF$.Deferred(function(){

                   var currentContext = new SP.ClientContext.get_current();

                   var currentWeb = currentContext.get_web();

                   var currentUser = currentContext.get_web().get_currentUser();

                   currentContext.load(currentUser);

                   var allGroups = currentWeb.get_siteGroups();

                   currentContext.load(allGroups);

                   var group = allGroups.getByName(groupName);

                   currentContext.load(group);

                   var groupUsers = group.get_users();

                   currentContext.load(groupUsers);

                   currentContext.executeQueryAsync(

                       function(sender,args){

                              var userInGroup = false;

                              var groupUserEnumerator = groupUsers.getEnumerator();

                              while (groupUserEnumerator.moveNext()) {

                                 var groupUser = groupUserEnumerator.get_current();

                                 if (groupUser.get_id() == currentUser.get_id()) {

                                    userInGroup = true;

                                    break;

                                 }

                              }

                              if (!userInGroup) {

                                  NWF$("#"+varTabButtons).find("option[value=" + tabName + "]").remove();

                              }

                              dfd.resolve(userInGroup);

                        },

                        function(sender,args){

                              console.log(args.get_message()+" "+groupName);

                              dfd.resolve(false);

                        }

                   );

    });

    return dfd.promise();

}

/Regards

Leif

Hi Thomas,

Is there a way to disable an option item

thanks,

Yes,  NWF$("your input control")[0].disabled = true;

Try this one below. I have used it for a drop down control in the past.

I usually use CSS class instead of Control CSS class on the control settings hence why the dot (.) below instead of hash (#)

NWF$(".className option[value='DropDownValueToRemove']").remove();

Kind Regards,

Thomas Xu | Empired.com<http://www.empired.com/> | Senior Consultant, TS – Enterprise Solutions, Productivity |

Can you share some screenshot on what you are trying to do?

I was imaging a drop down list (linked to a look up list) . I was under the impression you want to prevent user from selecting a particular value hence why

Removing/adding a drop down value conditionally would make sense. I am not sure if you can disable a “Drop down value” from a drop down list.

Kind Regards,

Thomas Xu | Empired.com<http://www.empired.com/> | Senior Consultant, TS – Enterprise Solutions, Productivity |

By the way and along the lines of hiding options:  

Regards

Leif

Is there someone that can assist me. I keep reading this post and I seem to keep getting lost more and more as I read.

If I use Leif Frederiksen's code and substitute my values and tabname, I presume I put the entire code into the form custom Javascript. I have have the field settings to store the javascript ID as "vTabOptionHide". How is this calling the variable, is there something I need to know for it to call the script the variable?
THe below code is what I inserted in the form as custom javascript, the bold sections is what I changed and I presume that would be correct?

NWF$(document).ready(function()

{

          removeTabIfNotAllowed("Issue_Type","WTS Leads");

}

)

function removeTabIfNotAllowed(tabName,groupName) {

    var dfd = NWF$.Deferred(function(){

                   var currentContext = new SP.ClientContext.get_current();

                   var currentWeb = currentContext.get_web();

                   var currentUser = currentContext.get_web().get_currentUser();

                   currentContext.load(currentUser);

                   var allGroups = currentWeb.get_siteGroups();

                   currentContext.load(allGroups);

                   var group = allGroups.getByName(groupName);

                   currentContext.load(group);

                   var groupUsers = group.get_users();

                   currentContext.load(groupUsers);

                   currentContext.executeQueryAsync(

                       function(sender,args){

                              var userInGroup = false;

                              var groupUserEnumerator = groupUsers.getEnumerator();

                              while (groupUserEnumerator.moveNext()) {

                                 var groupUser = groupUserEnumerator.get_current();

                                 if (groupUser.get_id() == currentUser.get_id()) {

                                    userInGroup = true;

                                    break;

                                 }

                              }

                              if (!userInGroup) {

                                  NWF$("#"+vTabOptionHide).find("option[value=" + tabName + "]").remove();

                              }

                              dfd.resolve(userInGroup);

                        },

                        function(sender,args){

                              console.log(args.get_message()+" "+groupName);

                              dfd.resolve(false);

                        }

                   );

    });

    return dfd.promise();

}