Oracle ApEx Case pour Manipuler les Autres Valeurs Lorsque cette option est Cochée/non Cochée

Tout d'abord, je suis en utilisant la dernière version d'Oracle ApEx 4.1.1 et qu'ils ont les rapport standard qui a une case à cocher de la sélection lorsque vous cliquez dessus, voudrait mettre un autre champ avec sysdate, y compris le temps.

Lorsque cette option est décochée, souhaitez réinitialiser la valeur NULL à la date fixée dans ma déclaration précédente, ainsi que les commentaires des champs

Rapport pourrait ressembler à:

select id,
       name,
       telephone,
       apex_item.checkbox2(10,id) as "Tick when Contacted",
       apex_item.display_and_save(20,:P2_DATE) as "Date Contacted",
       apex_item.textarea(30,:P2_COMMENT,5,80) as "Comment"
from   my_table

Comme un exemple du rapport ci-dessus, il pourrait y avoir un total de 10 dossiers, de sorte que chacune des 10 cases sont cochées par l'utilisateur, je voudrais définir le champ de la date à sysdate, sur le spot. Je tiens également à l'inverse, quand la case n'est pas cochée - définir à la fois la date et les commentaires à NULL.

Comment devrais-je m'approche de cela? Est au-dessus de la possible grâce à une Dynamique d'Action ou directement via un JavaScript/sur demande?

Préféreraient certainement que la Dynamique de l'Action, si possible, afin d'apprendre de nouvelles méthodes pour effectuer ma tâche requise.

InformationsquelleAutor tonyf | 2012-08-20
  1. 6

    Exemple sur la table EMP:

    select 
apex_item.checkbox2(p_idx => 1, p_value => empno, p_attributes => 'class="check_select"') empselection,
apex_item.text(2, ename) empname,
empno,
ename
from emp

    Ajouter une classe à la case de l'élément. Cela rend plus facile de cibler avec jQuery.

    Créer une nouvelle dynamique d'action, par exemple "case à cocher, cliquez sur".

    Événement: Cliquez

    Sélection Type: Sélecteur jQuery

    jQuery Sélecteur: .check_select (c'est la classe, nous avons ajouté la case à cocher dans le sql)

    Condition: Expression JavaScript

    Valeur: $(this.triggeringElement).prop('checked')

    La condition est une case à cocher la case de l'élément pour voir si elle a été cochée ou décochée. prop() teste une propriété d'un élément, et renvoie true ou false dans ce cas. Lorsque la valeur est true, une véritable action du feu, d'autre une fausse action.

    Une Véritable Action:

    Action: Exécuter Le Code JavaScript

    Code: $(this.triggeringElement).closest("tr").find("td[headers='EMPNAME'] input").val('test');

    Faux D'Action:

    Action: Exécuter Le Code JavaScript

    Code: $(this.triggeringElement).closest("tr").find("td[headers='EMPNAME'] input").val('');

    Les deux ont pas de types de sélection car nous avons besoin de cibler des éléments dans la même ligne que celle de l'cliqué sur une case à cocher. Il n'y a pas vraiment moyen de le faire par l'apex possibilités de sélection. Cible de la colonne à l'aide des en-têtes, et n'oubliez pas de cibler l'entrée à l'intérieur de la td (ou: le textarea!)

    Lorsque la dynamique de l'action a été créé, revenez à l'arrière. En vertu de Avancé changer le Événement de Portée à Live. Cela est nécessaire pour tenir compte de la pagination. Si vous ne changez pas ce paramètre, aucune action ne sera lié à des éléments après la pagination.

    Ensuite modifier le vrai et le faux de l'action, et décochez Fire on Page Load.

    Maintenant à rendre compte de votre date de:

    Puisque vous voulez le sysdate comme valeur par défaut, je vous suggère d'ajouter un élément masqué à votre page, par exemple P9_DEF_DATE. Comme un source, utiliser un PLSQL expression, et l'utilisation SYSDATE.

    Vous pouvez ensuite utiliser la valeur de ce champ en tant que valeur par défaut, par exemple:

    $(this.triggeringElement).closest("tr").find("td[headers='EMPNAME'] input").val($v('P9_DEF_DATE'));

    Dernière remarque: masquage d'une valeur par le biais du val: utilisation val('') avec UNIQUE les guillemets! Ne fonctionne pas avec le double de mon expérience.

    Quelques liens pour les actions Dynamiques docs:

    Un exemple d'ajax processus:

    Donc, disons que je veux mettre à jour la COMM ' de la colonne de l'employé que j'ai vérifié.

    De créer un nouveau processus sur la page du rapport, de lui donner une assez facile nom et ne pas mettre des espaces. Par exemple, je suis en cours d'exécution avec "update_emp".

    update emp
set comm = apex_application.g_x02
where empno = apex_application.g_x01;

    En ajouter un autre, une véritable action de la dynamique de l'action, tapez "Exécuter du Code JavaScript".

    $.post('wwv_flow.show', 
       {"p_request"      : 'APPLICATION_PROCESS=update_emp',
        "p_flow_id"      : $v('pFlowId'), //app id
        "p_flow_step_id" : $v('pFlowStepId'), //page id
        "p_instance"     : $v('pInstance'), //session id
        "x01"            : $(this.triggeringElement).val(),
        "x02"            : '88', //just a bogus value to demonstrate
        },
        function(data){
           /*normally you'd handle the returned value here
             an example would be a JSON return with which to set item values*/
        }
        );

    Ce javascript sera publier sur la page, viser le update_emp processus. x01 et x02 sont une sorte de 'temp' variables. Ils existent donc, nous n'avons pas à présenter les éléments d'une page tout le temps pour poster des valeurs de l'état de la session. Ils font partie de la apex_application paquet.

    Donc ici, je suis en utilisant x01 pour stocker les empno (valeur de la case, donc this.triggeringElement), et x02 pour transmettre la valeur de la commision. J'ai codé en dur ici, mais vous pouvez obtenir la valeur que vous souhaitez bien sûr.

    $.post est une méthode jQuery affichage de la page.

    Lorsque vous êtes à l'apprentissage de la dynamique des actions ou de chalutage forums, vous pouvez vous trouver une autre méthode pour poster sur la page, à savoir htmldb_Get, et c'est intégré dans l'apex des fichiers javascript. Je ne l'utilise pas parce qu'il n'est pas vrai Ajax (asynchronous), mais Sjax (synchrone), et n'est pas transparant assez à mon avis. Il y a je crois quelques GetAsync partie, ce qui est bon et tout, mais vous aurez à peine le voir utilisé dans n'importe quel exemple. Maintenant get.get(); peut paraître facile, et vous pouvez obtenir le même résultat en 3 lignes de code au lieu de mon morceau de js, considèrent que c'est une bonne pratique à mettre en œuvre de véritables appels ajax. Vous pourriez l'attendre pour terminer un processus trop à la fois, et de réaliser toutes ces htmldb_Get appels dans vos applications ne sont pas aussi amusant que vous pensez qu'ils ont été...

    Les choses sont aussi plus compliqué avec ce rapport, le programme d'installation. Avec des éléments de page, vous pouvez prendre un autre itinéraire: au lieu d'exécuter un javascript bloc, vous pouvez exécuter une plsql bloc de code. De là, vous pouvez spécifier les éléments soumis à l'état de session (de sorte qu'ils peuvent être utilisés dans le plsql bloc) et les objets ont leur valeur définie par ce plsql bloc. (sql blocs sont exécutés côté serveur, ce qui signifie que les éléments référencés besoin d'avoir leurs valeurs dans la session sate). J'aimerais des conseils pour jouer avec que aswell.

    Cela étant dit, vous pouvez le faire avec le rapport des actions de trop, mais vous aurez besoin de mettre en place des faux éléments pour stocker temporairement des valeurs qui peuvent ensuite être soumis à l'état de session. Encore une fois, je ne suis pas fan de ce que je ne suis pas allé avec que (un autre "omi' donc).

    Essentiellement, ont un navigateur inspection de l'outil comme firebug ouvrir. Il vous permet d'inspecter les appels ajax fait sur les pages, et fournit un excellent moyen pour examiner cette question.

    • Merci Tom - vous avez vraiment m'a beaucoup aidé. Je me demandais juste comme je n'ai pas le mentionner dans mon premier post, c'est que j'ai aussi besoin de sauvegarder ces modifications d'enregistrement de la base de données - maintenant, je peux le faire via le dynacmic action ou dois-je la boucle par le biais de l'aide du tableau f01 et mise à jour chaque ligne est-elle vérifiée? Merci.
    • Si vous avez besoin de traiter chaque ligne et de vérifier si la case a été cochée ou non, alors il n'y a pas grand chose d'autre à faire que d'écrire votre propre traitement. Cela dépend bien sur ce qu'est exactement vous dire: avez-vous besoin de mettre à jour ces enregistrements au moment où un changement a été fait pour eux (c'est à dire case est cochée - save), ou uniquement lorsque la page a été soumis? Traitement prend soin d'une page soumettre, mais dans le cas de l'instant de mise à jour vous auriez besoin de plus d'ajax.
    • Salut Tom, en fait, je préfère le processus de mise à jour lorsque la case est cochée/non cochée comme je ne veux pas avoir un bouton "Soumettre". Vous avez mentionné l'ajax, mais savez pas exactement si ce sont les acteurs? Dois-je appeler à une demande lorsque la case est cochée, ce qui permettrait de mettre à jour l'enregistrement? Merci.
    • Oui, c'est ce que vous devriez faire si vous voulez que cela se produise instantanément. Juste pour la référence, les actions dynamiques et beaucoup d'apex intégré dans les fonctionnalités impliquent ajax. Par exemple, l'exécution d'une action dynamique qui a un (pl)sql composant implique un appel vers le serveur, facile à observer par l'aide (encore une fois, par exemple) firebug dans firefox.
    • Merci encore de Tom. Êtes-vous en mesure de me fournir un exemple de comment appeler/utilisation à la demande via une Action Dynamique? Pouvez-vous également fournir des liens vers des sites qui expliquent les Actions Dynamiques intégrés dans les fonctionnalités. Merci.
    • Les amygdales: j'ai ajouté quelques liens ajax et un exemple qui fonctionne dans ce contexte. Il pourrait être un peu vrai "stackoverflow" pour vous bien que si vous êtes absolument pas familier avec ce. Je vous conseille de ramasser un peu d'expérience avec les actions dynamiques et les appels ajax dans l'apex, et je suis sûr que ça va l'aube sur vous, comme vous allez. Il y a d'autres questions ici DONC, avec des exemples, et il y a beaucoup sur le OTN forums et beaucoup de l'apex des blogs avec beaucoup d'informations. Et des questions, eh bien, post em 😉
    • Tom: Encore une fois, vous avez été d'une grande aide avec mes requêtes et approfondie d'exemples et d'explications. Bravo à vous. J'ai quelques questions avant d'accepter votre réponse basée sur votre dernière réponse: 1) je suis familier avec le htmldb_Get mais avec votre .post exemple ci-dessus, je ne suis pas sûr si je dois ajouter/utilisation de la fonction (de données) json section ou dois-je simplement le laisser tel quel? 2) où se trouve exactement dans firebug je peux l'inspecter les appels ajax fait, c'est à dire ce menu clics, j'ai besoin de cliquer pour voir ces appels? Merci.
    • Désolé Tom, juste une autre question à partir de deux questions précédentes: 3) Est le processus ci-dessus que vous avez écrit, est-ce un processus de demande?
    • 1) non, dans cet exemple particulier, la fonction n'est pas nécessaire, puisque le processus à la demande n'est pas censé renvoyer quoi que ce soit. Il pourrait être utilisé pour tester réussie de retour bien. Je l'ai mentionné json dans le commentaire juste pour donner un exemple de comment vous pouvez utiliser le retour de gestionnaire. 2) Pour afficher les appels ajax, ouvrir firebug et sélectionnez l'onglet console. Vous verrez des lignes ajoutées lorsqu'elles se produisent, et vous pouvez ouvrir les détails (tels que poste, réponse) 3) Oui, désolé pour omettant que. C'est en effet un processus à la demande (traitement de la page, rappels ajax point)
    • Merci Tom - si je pouvais vous donner 10 voix, je le ferais. J'espère que vous pouvez aider avec mon nouveau thread que j'ai juste soulevé TELLEMENT re: mon original, sélectionnez ci - APEX_ITEM api. Merci.

    InformationsquelleAutor Tom