Refreshing mask jQuery popup calendar report anchors

In an attempt to build an interactive form in a table in Oracle Apex 4.0.2.00.07, we founded an interactive report on a query containing:
SELECT ...
     , apex_item.date_popup2( p_idx              => 11
                            , p_value            => to_char(..., 'DD.MM.YYYY')
                            , p_date_format      => 'DD.MM.YYYY'
                            , p_size             => 12
                            , p_maxlength        => 10
                            , p_attributes       => 'onchange="..."'
                            , p_item_id          => 'f11_' || to_char(deincno)      -- deincno = primary key column
                            , p_show_on          => 'both'

FROM   ...
This makes perfectly. However, any interactive changes in report (filtering, sorting, hide/show columns,...) allows you to hide the anchors of popup calendar, reducing the field to a normal text box. Only when the page is reloaded reappear anchors of popup calendar.

Any help or advice on how to prevent these anchors to disappear would be greatly appreciated.

You must rebuild the selectors of dates after the event of jquery apexafterrefresh

If you look at your page source > scroll down and you will see a jquery code that inspires dates selectors initially loading the page

(function(){apex.widget.datepicker("#f11_7369", { buttonImage: "/i/asfdcldr.gif", buttonImageOnly: true,"buttonText":"Calendar","showTime":false,"defaultDate":new Date(1980,11,17),"showOn":"button","showOtherMonths":false,"changeMonth":false,"changeYear":false}, "dd.mm.yy", "en-gb");})();

You can look in your code above and find some of the contextual and dynamic parameters in the widget as the date format date picker, image path etc...

You can use these values to add this code accordingly

Add this to your page header javascript

apex.jQuery('#apexir_WORKSHEET_REGION').bind("apexafterrefresh", function () {
     // loop through the actual f11 column
     jQuery.each($('input[name="f11"]'), function () {
          //rebuild the datepickers
          var vid = "#" + $(this).attr('id');
          (function () {
               apex.widget.datepicker(vid, {
                    buttonImage : "/i/asfdcldr.gif",
                    buttonImageOnly : true,
                    "buttonText" : "Calendar",
                    "showTime" : false,
                    "showOn" : "button",
                    "showOtherMonths" : false,
                    "changeMonth" : false,
                    "changeYear" : false
               }, "dd.mm.yy", "en-gb");
          })();

     });
});

OR create a dynamic action with event after refresh and with the action run javascript

// loop through the actual f11 column
jQuery.each($('input[name="f11"]'), function () {
          //rebuild the datepickers
          var vid = "#" + $(this).attr('id');
          (function () {
               apex.widget.datepicker(vid, {
                    buttonImage : "/i/asfdcldr.gif",
                    buttonImageOnly : true,
                    "buttonText" : "Calendar",
                    "showTime" : false,
                    "showOn" : "button",
                    "showOtherMonths" : false,
                    "changeMonth" : false,
                    "changeYear" : false
               }, "dd.mm.yy", "en-gb");
          })();

});

Published by: VC on June 19, 2012 11:01

Tags: Database

Similar Questions

  • CS4 error when using Jquery UI calendar

    HI - hope this is the right forum to post this request - I've just upgraded to DW - CS4 and started playing with some of the new widgets - I have already a page to which I applied the widget JQuery UI calendar that is cleaner than the date picker I was using. This page has a number of links in dbase to get data in multiple tables - all these are functional if I don't change them. However if I try to make a change that I made for record DW insert behavior when I select 'sign in' to choose the database of this error message occurs:

    "
    When executing onChange in InsertRecord.htm, the following JavaScript error occurred:

    At line 665 of file ' C:\program files\... \ServerBehaviors\PHP_MySQL\InsertRecord.js ": name has no property
    "
    As far as I can see that this occurs insert and update behaviors Records DW (edit - on a page) where I have applied JQuery widget. If I remove the widget, it works very well (which is what I did) I was wondering if anyone else has noticed this?

    AmiBios wrote:
    > David - thanks for taking the time to answer - I tried this option with no.
    > success as well as a few others like recretaing the site cache - it certainly
    > does not seem to be a conflict between JQuery 'calendar widget' and the DW
    > Insert behavior. I tried a few other widgets and everything works fine. I guess
    > I'll leave just the widget because the insert is just a little bit more important

    Ah, read your original post more carefully, I see what is happening.
    The JavaScript error you mention is normally caused by a corrupted
    file cache, but it seems that this happens only when you try to
    change an insert record server behavior.

    Without setting up a similar page myself, I can't confirm if this
    is reproducible. My advice would be to apply the widget once you have
    finished editing the server behavior. In theory, there should not be any
    conflict between a jQuery widget and server behaviors, but it is
    the kind of thing that comes out only after tests in-depth.

    It might be a good idea to submit a bug report at Adobe:

    http://www.Adobe.com/cfusion/mmForm/index.cfm?name=wishform

    --
    Adobe Community Expert David Powers
    Author, "The Essential Guide to Dreamweaver CS3" (friends of ED)
    Author, "PHP Solutions" (friends of ED)
    http://foundationphp.com/

  • Calendar failed to refresh events in the calendar "calendar".

    My exchange calendar Office 365 always worked but somehow, an invitation he has screwed up and now it is showing

    Calendar failed to refresh events in the calendar "calendar".

    There was an error trying to send your changes to the exchange server.

    You can have the same problem like this:

    Apple and Microsoft Exchange calendar

  • Uninstalled McAfee Security, but I continue to the popup error report 'McAfee Security Center had to close"asking if I want to send an error report.

    Original title: error reports

    I uninstalled McAfee Security, but now I get the popup error report 'McAfee Security Center had to close"asking if I want to send an error report. When I click on 'do not send', another error report immediately appears. No idea how can I stop this? At the present time, I have 9 popups error report in my taskbar.

    Ed

    Hello

    This problem can be caused if McAfee Security is not completely uninstalled.

    1. Why did you uninstall McAfee Security?

    2 have you tried sending the error report?

    3. What are the content of the popup of 9 error report?

    I suggest you to uninstall McAfee completely the link security.

    How to uninstall or reinstall supported McAfee products using the tool of Consumer Products Removal (Development):

    http://service.McAfee.com/FAQDocument.aspx?ID=TS101331

    If the problem persists, then I suggest you to contact McAfee support:

    http://www.McAfee.com/us/support.aspx

    If you need further assistance on this topic, let know us and we will be happy to help you.

  • Dates or popup calendar selector

    NY know hw to get the dates or popup calendar selector in jde 4.2.1. .i think that it doesn't hv api datepicker...

    Thank you Stephenson and peter...

    I'm telling you...

    HFM HorizontalFieldManager = new HorizontalFieldManager();

    HFM. Add (new DateField ("Date:", System.currentTimeMillis (),))
    {DateFormat.getInstance (DateFormat.DATE_SHORT))}
                       
    public int getPreferredWidth() {}
    Return to 150;
    }
    Protected Sub layout (int width, int height) {}
    Super.Layout (getPreferredWidth (), height);
    }
    });

    It is a simple code for afficherdans date... Thanks to peter d-link n...

  • 4.2 translated 'Please wait seconds to log in again' and ' Popup calendar;

    Hello

    APEX 4.2

    I'm in the process of conversion of certain applications to 4.2
    Always left 2 small issues:

    On the login screen, it is an accelerator of connection that makes you wait 5, 10, 15 seconds etc after a connection failure. The error is in English, where could I translate this one.
    The message is:
    Please wait for xx seconds to log in again

    Also, there is a new icon for the calendar with a standard generated info-bubble/alt text that I do not know where the translation:
    «Popup Calendar: < < article label of > >»

    Concerning
    Bottom

    Hello

    the messages are

    -Name: APEX. AUTHENTICATION. LOGIN_THROTTLE. METER
    -Default: Please wait < span id = "apex_login_throttle_sec" > %0 </span > seconds to log in again.

    and

    -Name: APEX. AUTHENTICATION. LOGIN_THROTTLE. ERROR
    -Default: the connection attempt was blocked.

    Kind regards
    Christian

  • Control Popup calendar UCM - Checkin screen - throw error

    Consignment screen, if we try to enter data into the field of metadata date of the calendar popup control is throwing this error message. Is there a way to solve this problem.

    "PopupCalendar is disabled because the user interface of Yahoo is not properly initialized. ' Enrsure that the last component of YahooUserInterface is correctly installed and run a static publication (if available).

    Appreciate any suggestions.

    YUI (yahoo user interface) is a set of code segments to be reused. Popup calendar uses some. YUI has been patched or updated several times by Yahoo. Patch your CS entirely by the Note of support
    Measures to maintain the - UCM Content Server - Oracle Universal Content Management 10.1.3 (gR 10, 3)
    756451.1

    Who will update YUI also. It will also take a reboot of the Contracting State which will publish static files by default.

  • Classic report SQL with BLOB column not refreshing with jQuery Trigger Apexrefresh call

    Hello

    Really hoping that someone can help me, but for some reason that I try to report updated in dynamic Action to help:

    jQuery('#my-report').trigger('apexrefresh');

    on a simple SQL query report classic. I have used this many times on other parts of the report but the only difference with the report region where it is not refreshing, is that the table contains a BLOB column as it is essentially a report of downloaded files that users have made to the page by using the file browse.

    Would really appreciate help with that basically, I don't want to perform a full page refresh, because it currently operates.

    It has to do with the fact that this report is the question about a BLOB column, which is a link to the uploaded file?

    Thank you.

    Tony.

    Hello

    Check this area of report model have id.
    You should have id = "" #REGION_STATIC_ID # "in the model of the region"

    Make sure you have correctly write the id of the report in JavaScript. JavaScript is case-sensitive

    Kind regards
    Jari

  • Popup calendar with time date

    Apex 3.2

    I have a report updated which requires one of the columns to have a pop up calendar displays the date and time.

    My sql for the column is currently

    APEX_ITEM. DATE_POPUP (7, null, a.export_time,'dd.mm.yyyy hh)

    I also tried

    APEX_ITEM. DATE_POPUP (7, null, a.export_time,'dd.mm.yyyy hh24:mi:ss)

    and also I tried application of format mask to the column in the report attributes.

    Unfortunately, none of this has worked.

    I see that the normal date, without the element of time picker

    I can't use jquery here and it is again Apex 3.2

    Thank you

    Gus

    Hello

    If I remember correctly, I hit this same problem before.

    I could not solve it, but for the workaround I created two other columns (selection lists) to the report for the hours and minutes.

    Then after submit I concatenate the date picker, hours and minutes selection list select value list and convert it to a date and he stored database.

    Kind regards

    Jari

  • Development of the selection list after refresh using jQuery

    Hi all

    I have an Express Application 4.1.1.00.23 application that runs on a server, Oracle 10 g R2.

    In the application, I have a page (suppose it to be Page 10) that has a drop down (let's call it P10_PARENT). Next to the dropdown menu, I have a button that when clicked opens another window popup with page 11. This 11 page is used to create many of the points listed by the P10_PARENT drop down. When enter us the data P11 and click OK, we have a javascript to call a process application that creates the object in the database. Now select the P10_PARENT list is updated to reflect this new object. So after the application process is running, the JavaScript on the Page 11 calls a function in Page 10, using window.opener.functionName. This Page 10 function performs an apex to help refresh

    $('#P10_PARENT').trigger('apexrefresh');
    

    This function returns the Page 11, the page is closed using the Window.Close ().

    It works fine up until this point. Now, there are also by default the value selected in the select list of the newly created object. We made a function for it. But he calls immediately after the outbreak of the updating of the apex does not work because he probably did not updated the list since the back end still.

    Therefore link us an apexafterrefresh event to this element and making the default here. Like this:

    $('#P10_PARENT').bind('apexafterrefresh',function(){
      setdefault('P10_PARENT',newCreatedObjVal);
      alert('Refresh completed!');
    });
    

    But this event does not seem to be triggered. I've tested in IE and Chrome. In Chrome, it started once, but never after that.

    The relevant code on page 10 looks like this. The refreshBusList function is called Page 11 with the value of the newly created object.

    function refreshBusList(pDefault)
    {
      newCreatedObjVal = pDefault;
       $('#P10_PARENT').trigger('apexrefresh');
    }
    
    $('#P10_PARENT').bind('apexafterrefresh',function(){
      setdefault('P10_PARENT',newCreatedObjVal);
      alert('Refresh completed!');
    });
    

    I would like to know what we're doing wrong. Is it still the right way to do it? I can't use dynamic actions here because the logic of javascript page is too complicated be properly implemented using the declarative logic like DAs (we tried once and had to leave after a week. has become a nightmare to manage).

    Any help would be much appreciated!

    Thank you!!

    Aalami

    What does setDefault? Have you tested this feature by running it from the console? It doesn't have the required behavior?

    Can what newCreatedObjVal value contain? What is an object? A string?

    Are you sure that the selection list is updated?

    I would also like to rewrite your refresh logic. On the one hand, you declare a variable of global scope: horrible! There is no need of it. You can also control refreshing after a little better by simply acting on it once.

    function refreshBusList(pDefault)
    {
      // not really necessary. But use "var" to declare scoped variables!
      var newCreatedObjVal = pDefault;
    
      // bind a one time afterrefresh event handler
      // then, trigger the refresh
      $('#P10_PARENT')
      .one('apexafterrefresh',function(){
        setdefault('P10_PARENT',newCreatedObjVal);
        alert('Refresh completed!');
      })
      .trigger('apexrefresh');
    }
    
  • MouseOver popup on report of comment balloon

    Request Express 4.2.1.00.08
    Internet Explorer - 8
    Oracle Database 11 g Enterprise Edition Release 11.2.0.3.0 - 64 bit Production
    Theme - productivity - 26

    Hi I have a report based on the comment balloon model, what I need is to show a popup on mouseover to view more information. I watched the packaged applications that come with Apex 4.2 and the Cataloge of work application seems to have a region based on plsql and mouse-a really nice popup appears showing more information. I wonder how I could do the same thing for my comment bubble report using this method. I don't know how it because my report/region is not based on plsql. Can someone help me, I'm new to Apex still finding my feet.

    Concerning
    Ash

    Here's a 'Recent bugs' region code, but stripped of their complexity--and stripped of the identification of objects from my code, so you very well just need to fill the SQL and clean it up... it was very quick and dirty

    declare
      d                     date;
      l_status              varchar2(30);
    
    begin
    
      d := sysdate;
    
      sys.htp.p('
  • Enable/disable popup LOV image anchors in table form

    Hi all

    I'm trying to find the solution how to toggle anchor image popup LOV. When I disable the popup element, then only the text field is disabled but the image is still active and opens the LOV. I tried to implement the solutions but to no avail.

    I created DA (triggered after updating the necessary region) with the code below which disables the necessary field.
    $('td[headers="DEPTNO"] input').each(function(i)
        {
                $('td[headers="DEPTNO"] input:text').disabled="disabled";
    $($('td[headers="DEPTNO"] input:text')[i]).addClass('apex_disabled');
    }
    )
    Could anyone help me with a code which will also disable the image?
    
    Thanks in advance!
    
    My testing appl:
    
    www.apex.oracle.com
    
    *WS:* kurintest
    *username:* [email protected]
    *passwd:* kurintest
    
    *appl. name:* disable_popup_icon
    
    -Jiri                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            

    Hello Jiri,

    Please see your page:

    I changed the dynamic action:

    $('td[headers="DEPTNO"] input').each(function(i)
        {
                $('td[headers="DEPTNO"] input:text').disabled="disabled";$($('td[headers="DEPTNO"] input:text')[i]).addClass('apex_disabled');     $($('td[headers="DEPTNO"] a')[i]).click(function(e) { e.preventDefault(); });$($('td[headers="DEPTNO"] img')[i]).addClass('apex_disabled');});
    
    
    Hope it helps!
    Regards,
    Kiran                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        
    
  • How can I close a Popup calendar of Adf in my managed bean?

    Hello.

    I use the calendar to the Adf.

    When I call the method to close the pop-up window:

    {} public static void hidePopUp (RichPopup popUp)
    FacesContext facesContext = FacesContext.getCurrentInstance ();
    ExtendedRenderKitService = service
    Service.getRenderKitService (facesContext,
    ExtendedRenderKitService.class);
    String serviceScript = "AdfPage.PAGE.findComponent (" "+ popUp.getClientId (facesContext) +)"
    "(. hide()')";
    service.addScript (facesContext, serviceScript);
    }

    and after calling the method "AdfFacesContext.getCurrentInstance ().addPartialTarget(this.calendar//my ADF Calendar);"the updating of the calendar and my popup not close. "

    If I do not call the method "AdfFacesContext.getCurrentInstance ().addPartialTarget(this.calendar//my ADF Calendar);" my popup close works normally. "

    Can someone help me?

    Thanks

    Hello..
    To hide the popup code tips use also set for popup partialTriggers

    partialTriggers = "componentIdThatCallHideThePopup" the binding = "#{SampleBean.samplePopUp}" > "

    Private RichPopup samplePopUp;
    {} public void setSamplePopUp (RichPopup samplePopUp)
    this.samplePopUp = samplePopUp;
    }
    public RichPopup getSamplePopUp() {}
    Return samplePopUp;
    }

    to close the popUp use. hide() and after that to share partialtrigger for the calendar

    getSamplePopUp () .hide ();
    AdfFacesContext.getCurrentInstance () .addPartialTarget (this.calendar//my ADF calendar); »

    hope it will be useful

  • Refresh the page Popup

    Hi guys,.

    This is the scenario:
    When the user clicks the button on the Home Page a PopUp page opens, where the user enters data (for example EmpNo and EmpName - on the PopUp Page) in a form and click on the button create, when the user clicks on the button to create the PopUp page closes and a record is inserted into the database.

    On the main page (which also contains text of the EmpNo and EmpName fields) when I look at the list EmpNo, I see not the new EmpNo added, but when I refresh the home page and select the drop of EmpNo, then I see the new EmpNo I added

    Is there a way to jump the refreshing part of the Home Page
    and also have the new data displayed on the home page once the popup page form is created on the click on the button create?

    Thank you for your help and suggestions
    Jesh

    Jesh,

    I have modified the page 3 and added popup "window.opener.location.reload (true)"; after the self.close in the outgoing javascript (create button).

    Thank you
    Matt.

  • Refresh a form Popup (with a .jsff) region

    Hi guys,.

    First of all, I use JDEV 11.1.1.6.

    I take a long time with a problem that should be simple, at least in theory. I have to spend, because, I ask your help.

    My question is:

    I have a table and each show has a column that opens a pop-up window. This popup was conducted using a region that uses a jsff file. For each line, when I open the popup data presented to the user should be the data associated with this line. The data of table control has child filed by association/viewlink. The two children are presented in the pop-up window, is another table, and the other is presented as a form.

    When the change in the row in the main table and open the pop-up, the pop-up window table is updated to new values, but form is not updated, maintains the last value inserted by the user.

    I tried partial triggers but without success.

    Any thoughts?

    If my English was confused, please tell me to try to explain the situation in a way less confusing.

    Read this blog article http://www.oracle.com/technetwork/developer-tools/adf/learnmore/53-taskflow-in-popup-169196.pdf which covers your use case.

    Timo

Maybe you are looking for