[CLOSED] Subclassed/extended DateField

[daneel]

I need to extend the DateField form control to override the client-side getValue method, but I'm getting a bit stuck on the C# control code and the Javascript code. There seems to be a number of ways of extending ExtJS components and I'm not sure which one to use.

Can someone post some boilerplate code or point me to a good example of Ext.NET webcontrol code that subclasses an existing Ex.NET / ExtJS component?

Thanks in advance

[Daniil]

Hi,

Please investigate the following threads.
http://forums.ext.net/showthread.php?7364
http://forums.ext.net/showthread.php?7946
http://forums.ext.net/showthread.php?11718
http://forums.ext.net/showthread.php?11742
http://forums.ext.net/showthread.php?12950

If you still have any problems, please feel free to ask.

[daneel]

Thanks for those links. I've also looked at the UX components in the Ext.Net source. I'm still encountering problems however...

I've created my control but when I try to include it in a FormLayout (within an anchor tag), I get the warning:

Generation of designer file failed: Ext.Net.ItemsCollection`1[[Ext.Net.Component, Ext.Net, Version=1.0.3960.36328, Culture=neutral, PublicKeyToken=2e12ce3d0176cd87]] must have items of type 'Ext.Net.Component'. 'cc1:DateOnlyField' is of type XXX.Foundation.WebUI.Controls.ExtJs.DateOnlyField'.

The C# control/component class

namespace XXX.Foundation.WebUI.Controls.ExtJs
{
    [Meta]
    [ToolboxData("<{0}:DateOnlyField runat=\"server\" />")]
    [Description("Provides a date-only input field with a DatePicker dropdown and automatic date validation.")]
    public class DateOnlyField : Ext.Net.DateField
    {
        public override string InstanceOf
        {
            get
            {
                return "Ext.ux.DateOnlyField";
            }
        }

        public override string XType
        {
            get
            {
                return "dateonlyfield";
            }
        }

        protected override List<ResourceItem> Resources
        {
            get
            {
                List<ResourceItem> baseList = base.Resources;
                baseList.Capacity++;

                baseList.Add(new ClientScriptItem(typeof(DateOnlyField), "XXX.Foundation.WebUI.Controls.ExtJs.DateOnlyField.js", "/Controls/ExtJs/DateOnlyField.js"));

                return baseList;

            }
        }
    }

Client-side javascript

Ext.ns("Ext.ux.form");

Ext.ux.form.DateOnlyField = Ext.extend(Ext.form.DateField, {

    constructor: function(config) {
        config = config || {};
        Ext.ux.form.DateOnlyField.superclass.constructor.apply(this, arguments);
    },

    getValue: function() {
        debugger;
        var v = Ext.ux.form.DateOnlyField.superclass.getValue.apply(this, arguments);
        if (!!v) return v.add(Date.MINUTE, -1 * v.getTimezoneOffset()); //get back to "correct" date
        else return null;
    }

});

Ext.reg('dateonlyfield', Ext.ux.form.DateOnlyField);

Ext.ux.DateOnlyField = Ext.ux.form.DateOnlyField;

What am I missing or doing wrong?

[Vladimir]

Hi,

I guess it is VS designer bug. Just try to run your sample, it should run ok

[daneel]

Hi,

I guess it is VS designer bug. Just try to run your sample, it should run ok

It does run okay

Thanks, you can maked this one as CLOSED