Answers

• colin Posts: 15,142Questions: 1Answers: 2,586

  November 2021 edited November 2021

  For show(), it's an additional parameter, so something like

  .show(['field1','field2'], false)
  

  Is that not working for you?

  Colin
• montoyam Posts: 568Questions: 136Answers: 5

  November 2021 edited November 2021

  no, it doesn't seem to be working. I don't get any errors in the console, but it just doesn't display the fields. If i take out the ', false' then it works just fine, but with the animate of course.

  RequestHeaderEditor.show(['RequestHeader.ActionID', 'RequestHeader.EffectiveDate', 'RequestHeader.Comment', 'RequestHeader.UserID'], false);
  

  Unfortunately, I cant provide a link to the project since it is on our intranet.
• colin Posts: 15,142Questions: 1Answers: 2,586

  November 2021

  It seems to be working as expected here - if you remove the false, you'll see the animation. There is a slight jerk still, if you want that entirely removed, uncomment the $.fx.off = true; line at the top, and that stops all animations at the jQuery level.

  Could you look at that, please, and see if it helps. If it's still not working for you, please can you update my example so that we can see the problem.

  Cheers,

  Colin
• montoyam Posts: 568Questions: 136Answers: 5

  November 2021

  So there are two issues I am seeing.

  1). I don't see a way to add false if you are hiding/showing all fields .hide()
  2). I am wanting to hide all, then show a few. It works fine if I leave off animation, but if you hide all, then try to show with animation set to false, the fields don't show:

  http://live.datatables.net/venireju/3/edit

  .hide()
  .show('field',false)
• colin Posts: 15,142Questions: 1Answers: 2,586

  November 2021 Answer ✓

  Ah, I see, if you pass in undefined for the fields, then that works, something like

  editor.hide(undefined, false);
  

  I've updated the example with that. There is still some twitching with opened, so I moved it into preOpen so the hides happen before the form is visible,

  colin
• montoyam Posts: 568Questions: 136Answers: 5

  November 2021

  Awesome. I tried using an empty array and it didn't like that.

  And after changing the 'hide all' to undefined,false, it fixed the issue with .show not working.

  All appears to work great now. thanks

  
      RequestHeaderEditor.on('preOpen', function (e, node, data, items, type) {
          RequestHeaderEditor
              .hide()
              .show('RequestHeader.ActionID');
          $('.DTE_Form_Buttons button:eq(0)').hide();
      });
  
      RequestHeaderEditor.field('RequestHeader.ActionID').input().on('change', function (e, d) {
          if (d === undefined) {
              // The change was triggered by the end user on update rather than an auto set
              RequestHeaderEditor.hide(undefined,false);
              RequestHeaderEditor.show(['RequestHeader.ActionID'], false);
              var actionID = RequestHeaderEditor.get('RequestHeader.ActionID');
              switch (actionID) {
                  case '1':  //add
                      RequestHeaderEditor.show(undefined,false);
                      $('.DTE_Form_Buttons button:eq(0)')
                          .text('Next')
                          .show();
                      break;
                  case '2': //delete
                      RequestHeaderEditor.show(['RequestHeader.ActionID', 'RequestHeader.EffectiveDate', 'RequestHeader.Comment', 'RequestHeader.UserID'], false);
                      $('.DTE_Form_Buttons button:eq(0)')
                          .text('Submit Request')
                          .show();
                      break;
                  case '3': //update
                      RequestHeaderEditor.show(['RequestHeader.ActionID', 'RequestHeader.EffectiveDate', 'RequestHeader.Comment', 'RequestHeader.UserID'], false);
                      $('.DTE_Form_Buttons button:eq(0)')
                          .text('Next')
                          .show();
                      break;
              }
              console.log("done");
          }
      });