воскресенье, 21 февраля 2010 г.

Application Express: использование всплывающего календаря из фреймворка ExtJS

  1. Создать JavaScript-файл или добавить в Header Definition:
     function makeDateFields(){  
       var els=Ext.select("input.date-picker",true);  
       els.each(function(el){  
        var df = new Ext.form.DateField({"format":'d-M-Y',"altFormats":'j|j/n|j/n/y|j/n/Y|j-M|j-M-y|j-M-Y'});  
        df.applyToMarkup(el);  
       })  
     }  
    
  2. Добавить в onload body вызов данной функции или использовать метод onReady фреймворка ExtJS:
     Ext.onReady(function(){  
       Ext.BLANK_IMAGE_URL = '/i/1px_trans.gif';  
       // Create namespace if doesn't already exist  
       Ext.namespace('Ext.ux');  
       //Здесь последовательность вызовов функций, например:  
       makeDateFields();  
     });  
    
  3. Создать на странице Apex Item типа TEXTFIELD и указать в свойстве Element->HTML Form Element Attributes следующее значение:
     class="date-picker"  
    

Пример:


Комментариев нет:

Отправить комментарий