Forum Discussion

BrandonClark's avatar
BrandonClark
Qrew Cadet
5 years ago

Using iol to Select Tab of Child After Adding Child Record

I am trying to move my Add Child buttons up out of the tabs and on to the main form.  To keep it from appearing awkward, I also would like to have the associated tab selected after adding the child re...
APIs and custom code
EverettPatterso's avatar
EverettPatterso
Qrew Captain
Sorry I must have misunderstood, you are wanting a function within the code page that looks at the value of _fid_104 and determines which tab to focus?

(function () {
//Get the expected tab value
var QBUmytab = Number($("#tdf_1").text());
//Go to tab based on value
switch(QBUmytab) {
    case 3:
		$("#tab_t3_link a").click();
		break;
    case 4:
		$("#tab_t4_link a").click();
		break;
};})();


------------------------------
Everett Patterson
------------------------------
BrandonClark's avatar
BrandonClark
Qrew Cadet
5 years ago
Hi Everett,

I pasted the code in but nothing is happening.  Do you by chance have any debugging code I can insert to see if the variable is passing in and if the cases are selecting properly?  

Thanks!
Brandon

------------------------------
Brandon Clark
------------------------------
  • AustinK's avatar
    AustinK
    Qrew Commander
    5 years ago
    Given the code above adding in the debugging is the easier part. You should get used to adding it in yourself because it helps you learn as you go.

    What I would do is start simple, a console.log(QBUmytab); after the variable is set in the code. If you see that it is returning something then go from there. Make sure it is returning what is expected which is some type of number, and if it is returning anything but the numbers listed(3 or 4) then it doesn't have anything in the code to call. If it is returning a 3 or 4 then chances are the code for those may not be exactly right.
    • BrandonClark's avatar
      BrandonClark
      Qrew Cadet
      5 years ago
      Thanks Austin.  It appears the QBUmytab variable is not getting defined.  Did #tdf_1 need to be edited for my implementation or does that convert to fid_104?  I've tried simply changing to tdf_104 with no luck.
       
      (function () {
      //Get the expected tab value
      var QBUmytab = Number($("#tdf_1").text());
      console.log(QBUmytab);
      //Go to tab based on value
      switch(QBUmytab) {
      case 3:
      $("#tab_t3_link a").click();
      break;
      case 4:
      $("#tab_t4_link a").click();
      break;
      };})();

      And I agree on getting used to adding the troubleshooting code.  I probably have 30 hours into just trying to accomplish this one task.  But if I have this snip with the code to debug each step along the way then I can start using this as my reference example to build out from and start getting some context to better understand the javascript documentation.  

      Thx again,
      Brandon

      ------------------------------
      Brandon Clark
      ------------------------------
      • EverettPatterso's avatar
        EverettPatterso
        Qrew Captain
        5 years ago
        tdf# = div ID you want to target

        Use F12 dev tools, select an element and target your fid 104


        ------------------------------
        Everett Patterson
        ------------------------------