What's New?

[CLOSED] DatePicker: drop

  1. #1
    Jun 25, 2010, 7:56 PM

    [CLOSED] DatePicker: drop



    Hello,

    I would like to make a dragAndDrop on a DatePicker and retrieve the selected date within a javascript code. How can I do it?

    Thanks,

    Romuald.
  2. #2
    Jun 25, 2010, 8:36 PM

    RE: [CLOSED] DatePicker: drop

    Hi Romuald,

    What are you dropping on the DatePicker? Can you provide some more details? maybe a code sample demonstrating what you already have configured?


    Geoffrey McGill
    Founder
    Ext.NETASP.NET UI Component framework
    RetypeDocumentation website generator
    MojeeLightning fast Emoji library for .NET
    Ext.NET Examples|Ext.NET API Docs|ExtJS API Docs|Twitter
  3. #3
    Jun 28, 2010, 11:57 AM

    RE: [CLOSED] DatePicker: drop

    Hello,

    I'm dropping a row of a gridpanel on the datepicker. I'm able to retrieve the date related to this row and also the number on which I have dropped the row. But what I want is not this number for example not 7 instead I would want to get 06.07.2010.

    The code I use is:
    


<ext:GridPanel EnableDragDrop="true" DDGroup="DDGroup1" .../>


<ext:DatePicker ID=datePicker"n .../>


<ext:DropTarget ID="DropTarget1" runat="server" Target="={datePicker.el.dom}"


Group="firstGridDDGroup">


<NotifyDrop Fn="notifyDrop1" />


</ext:DropTarget>


var notifyDrop1 = function(ddSource, e, data) {


data.selections[0].data["Id"]); //with this I can retrieve the data from the row


e.target.outerText; //with this I can retrieve the number of the row I've dropped on.


}
    Thanks,
    Romuald
  4. #4
    Jun 28, 2010, 4:10 PM

    RE: [CLOSED] DatePicker: drop

    Hi,

    Please see the following sample
    <%@ Page Language="C#" %>

<%@ Register Assembly="Ext.Net" Namespace="Ext.Net" TagPrefix="ext" %>

<script runat="server">
    protected void Page_Load(object sender, EventArgs e)
    {
        if (!X.IsAjaxRequest)
        {
            this.Store1.DataSource = this.Data;
            this.Store1.DataBind();
        }
    }

    private object[] Data
    {
        get
        {
            return new object[]
            {
                new object[] {DateTime.Now },
                new object[] {DateTime.Now },
                new object[] {DateTime.Now }
            };
        }
    }
</script>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    
    <script type="text/javascript">
        var notifyDrop1 = function(ddSource, e, data) {
            var record = data.selections[0],
                t = e.getTarget("a.x-date-date");
            
            if(t.dateValue &amp;&amp; !Ext.fly(t.parentNode).hasClass('x-date-disabled')){
                record.set("date", new Date(t.dateValue));
            }
        }
    </script>
</head>
<body>
    <ext:ResourceManager runat="server" />
    
    <ext:GridPanel 
        ID="GridPanel1"
        runat="server"         
        Title="Grid"         
        Width="200" 
        Height="150"
        EnableDragDrop="true" 
        DDGroup="GridDDGroup"
        >
        <Store>
            <ext:Store ID="Store1" runat="server">
                <Reader>
                    <ext:ArrayReader>
                        <Fields>
                            <ext:RecordField Name="date" Type="Date" />
                        </Fields>
                    </ext:ArrayReader>
                </Reader>
            </ext:Store>
        </Store>
        <ColumnModel runat="server">
            <Columns>
                <ext:DateColumn Header="Date" DataIndex="date" />
            </Columns>
        </ColumnModel>
        <SelectionModel>
            <ext:RowSelectionModel runat="server" SingleSelect="true" />
        </SelectionModel>
    </ext:GridPanel>
    
    <ext:DatePicker ID="datePicker" runat="server" />

    <ext:DropTarget ID="DropTarget1" runat="server" Target="={datePicker.el.dom}" Group="GridDDGroup">
        <NotifyDrop Fn="notifyDrop1" />
    </ext:DropTarget>
          
</body>
</html>
  5. #5
    Jun 28, 2010, 7:27 PM

    RE: [CLOSED] DatePicker: drop

    Thank you,

    It works.

    Romuald.

Similar Threads

  1. [CLOSED] DatePicker:
    By RomualdAwessou in forum 1.x Legacy Premium Help
    Replies: 8
    Last Post: Jul 09, 2010, 2:50 PM
  2. [CLOSED] datepicker from to example
    By LeeTheGreek in forum 1.x Legacy Premium Help
    Replies: 3
    Last Post: Apr 04, 2010, 2:29 PM
  3. [CLOSED] MultiSelect with drag and drop, Drop listener
    By Jurke in forum 1.x Legacy Premium Help
    Replies: 2
    Last Post: Jan 30, 2009, 8:25 AM
  4. [CLOSED] DatePicker
    By Timothy in forum 1.x Legacy Premium Help
    Replies: 3
    Last Post: Dec 18, 2008, 4:31 AM
  5. [CLOSED] Datepicker help
    By Jurke in forum 1.x Help
    Replies: 13
    Last Post: Sep 22, 2008, 6:52 AM

Posting Permissions