date-ui-field ready, need tests

2013-01-05 00:02:40 +04:00
parent af9d11364e
commit 9b9bea9c54
7 changed files with 131 additions and 47 deletions
--- a/src/inputs/dateui/dateuifield.js
+++ b/src/inputs/dateui/dateuifield.js
@@ -0,0 +1,80 @@
+/**
+jQuery UI datefield input - modification for inline mode.
+Shows normal <input type="text"> and binds popup datepicker.  
+Automatically shown in inline mode.
+**/
+(function ($) {
+
+    var DateUIField = function (options) {
+        this.init('dateuifield', options, DateUIField.defaults);
+        this.initPicker(options, DateUIField.defaults);
+    };
+
+    $.fn.editableutils.inherit(DateUIField, $.fn.editabletypes.dateui);    
+    
+    $.extend(DateUIField.prototype, {
+        render: function () {
+            $.fn.editabletypes.dateui.superclass.render.call(this);
+            this.$field = this.$input.find('input'); 
+            this.$field.datepicker(this.options.datepicker);
+
+            /*
+            if(this.options.clear) {
+                this.$clear = $('<a href="#"></a>').html(this.options.clear).click($.proxy(function(e){
+                    e.preventDefault();
+                    e.stopPropagation();
+                    this.clear();
+                }, this));
+            } 
+            */           
+       },
+      
+       value2input: function(value) {
+           this.$field.val($.datepicker.formatDate(this.options.viewformat, value));
+       },
+        
+       input2value: function() { 
+           return this.html2value(this.$field.val());
+       },        
+        
+       activate: function() {
+           if(this.$field.is(':visible')) {
+               this.$field.focus();
+               $.fn.editableutils.setCursorPosition(this.$field.get(0), this.$field.val().length);
+           }
+       },
+       
+       autosubmit: function() {
+         //reset autosubmit to empty  
+       }
+    });
+    
+    DateUIField.defaults = $.extend({}, $.fn.editabletypes.dateui.defaults, {
+        /**
+        @property tpl 
+        @default <input type="text">
+        **/         
+        tpl: '<div><input type="text" /></div>',
+        /**
+        @property inputclass 
+        @default ''
+        **/         
+        inputclass: '',
+        
+        /* datepicker config */
+        datepicker: {
+            showOn: "button",
+            buttonImage: "http://jqueryui.com/resources/demos/datepicker/images/calendar.gif",
+            buttonImageOnly: true,            
+            firstDay: 0,
+            changeYear: true,
+            changeMonth: true
+        },
+        
+        /* disable clear link */ 
+        clear: false
+    });
+    
+    $.fn.editabletypes.dateuifield = DateUIField;
+
+}(window.jQuery));