發表文章

Click Event in IG-Selector

圖片
 IG 勾選時,條件符合下不能勾選 Dynamic Action  When  Event : Click  Selection Type : jQuery Selector jQuery Selector : .u-selector Advanced Event Scope : Dynamic    var $te = $(this.triggeringElement); var rowId = $te.closest('tr').data('id'); //Primary Key var ig$ = apex.region("region_static_id").widget(); var model = ig$.interactiveGrid("getViews", "grid").model; var record = model.getRecord(rowId); var a = model.getValue( record, "AAA"); //column name : AAA var b = model.getValue( record, "BBB"); //column name : BBB /* apex.item( "Px_AAA" ).setValue (a); apex.item( "Px_BBB" ).setValue (b); */ if (a === b) { $(this.triggeringElement).removeClass("is-selected"); } #About : Primary Key

About - User Interface Defaults

善用可加快開發速度,當需要經常性使用資料庫來源時 「使用在表單」 參考 :  (1) APEX Instant Tips Episode #2: User Interface Defaults - YouTube

Close inline modal by outside clicked

$(document).click(function(e) { if ($(e.target).is('#dept,#dept *')) { return; } else { closeModal('dept'); } }); "dept" is region static id

Quickly get data from AJAX

圖片
Example :  1. Create "Ajax Callback" , name: get_emp apex_util.json_from_sql('with e as ( select empno,ename,job,mgr,hiredate,sal from emp ) select emp.* , mgr.ename mgr_name from e emp , e mgr where emp.mgr = mgr.empno(+) and emp.empno = :P135_EMPNO '); 2. Create "Dynamic Action" in LOV      Action : Execute Javascript Code apex.server.process ("get_emp" ,{ pageItems : '#P135_EMPNO' } ,{ success:function(pData) { $s('P135_JOB', pData.row[0].JOB); $s('P135_MGR', pData.row[0].MGR_NAME); $s('P135_HIREDATE',new Date(pData.row[0].HIREDATE).toLocaleDateString()); $s('P135_SAL', pData.row[0].SAL); } } );

Collapsible Region and only one Expanded

圖片
 範例 : 起始折疊所有區域,展開單一區域其他折疊 Page \ Execute when page load $("body").find(".a-Collapsible").collapsible("collapse");  //折疊所有區域 $(".a-Collapsible").on('click', function(event) {     let regionID = '#' + $(this).attr('id');     $("body").find(".a-Collapsible").collapsible("collapse");     $(regionID).collapsible("expand");      });

AJAX & Lottie Animation

圖片
  範例 : 1. 引用Lottie JS   https://cdnjs.com/libraries/lottie-web  Page\Javascript\File URLs   2. 建立AJAX DECLARE BEGIN   dbms_session.sleep(5);  --暫停5秒後再執行   apex_util.set_preference(p_preference => 'DEMO',                            p_value => apex_application.g_x01,                            p_user => :app_user);   apex_json.open_object;   apex_json.write('return_status', 'S');   apex_json.close_all; EXCEPTION   WHEN no_data_found THEN     apex_json.open_object;     apex_json.write('return_satus', 'E');     apex_json.write('retrun_message', dbms_utility.format_error_stack);     apex_json.close_all; END; 3. Button Click Trigger  ( 參考1  , 參考2 ) Action \ Execute JavaScript Code : const myAnimRegion='myAnimRegion'; $x_Show(myAnimRegion);    /* 顯示Region(動畫顯示區域) */ if (typeof window.rippleLoaded == "undefined") /* 只顯示一次,免得多次顯示多個動畫 */ { /* Load vector animation from project resources */ const anim = lottie.loadAnim

Hide or Show Region using jQuery-Toggle

  Hide or Show - Region 主要執行按鈕的Dynamic Action  \ Execute Javascript Code :   if($("#my_region").css("display")=="none") <!--是否為隱藏狀態-->   {         $("#my_region").toggle("slow");          apex.item("my_button").setValue("Hide-Region"); <!--改變按鈕到文字-->   }   else   {       $("#my_region").toggle("fast");       apex.item("my_button").setValue("Show-Region");   }

這個網誌中的熱門文章

AJAX & Lottie Animation