What's New?

[CLOSED] Drop target area not becoming active

  1. #1
    Mar 18, 2010, 5:04 PM

    [CLOSED] Drop target area not becoming active

    Hi

    When I drag and item over the drop target the icon does not change like in the example. Netither does the drop work

    
 <ext:TabPanel ID="TabPanelReassign"  runat ="server" LayoutOnTabChange="true">
                            <Listeners>
                                <Show Handler="#{TabPanelReassign}.doLayout();" Delay="300" Single="true"/>
                            </Listeners>
                            <Items>
 <ext:Panel ID="TabNotifications" Title="Notifications" runat="server" Height="250" Layout="Fit">                                
                                <Items>
                                    <ext:ColumnLayout runat="server" ID="ColumnLayout">
                                        <Columns>
                                            <ext:LayoutColumn ColumnWidth="0.47">
                                                <ext:Panel ID="Panel4" runat="server" Layout="Fit" Width="200" Height="250">
                                                    <Items>
                                                        <ext:GridPanel ID="GridPanel2" runat="server" StoreID="StoreNotificationUsers" DDGroup="secondGridDDGroup"  EnableDragDrop="true" >
                                                            <ColumnModel runat="server" ID="GridPanelAllUsers">
                                                                <Columns>
                                                                    <ext:Column DataIndex="Username"></ext:Column>
                                                                </Columns>
                                                            </ColumnModel>
                                                            <SelectionModel>
                                                                    <ext:RowSelectionModel ID="RowSelectionModel1" runat="server" />
                                                                </SelectionModel> 
                                                        </ext:GridPanel>
                                                    </Items>
                                                </ext:Panel>  
                                            </ext:LayoutColumn>
                                            <ext:LayoutColumn ColumnWidth="0.06">
                                                  <ext:Panel runat="server" ID="PanelAddRemoveButtons">
                                                     <Defaults>
                                                        <ext:Parameter Name="margins" Value="0 5 0 0" Mode="Value" />
                                                    </Defaults>
                                                    <Items>
                                                        <ext:VBoxLayout ID="VBoxLayout1" Align="Center" runat="server" Pack="Center" Padding="5">                                            
                                                            <BoxItems>
                                                                <ext:BoxItem>
                                                                    <ext:Button ID="BtnAddNotificationUser" runat="server" Text=">" Width="25" ></ext:Button>
                                                                </ext:BoxItem>
                                                                <ext:BoxItem>
                                                                    <ext:Button ID="BtnAddAllNotificationUser" runat="server" Text=">>" Width="25"></ext:Button>
                                                                </ext:BoxItem>
                                                                <ext:BoxItem>
                                                                    <ext:Button ID="BtnRemoveNotificationUser" runat="server" Text="<" Width="25"></ext:Button>
                                                                </ext:BoxItem>
                                                                <ext:BoxItem>
                                                                    <ext:Button ID="BtnRemoveAllNotificationUser" runat="server" Text="<<" Width="25"></ext:Button>  
                                                                </ext:BoxItem>
                                                            </BoxItems>
                                                        </ext:VBoxLayout>  
                                                    </Items>
                                                </ext:Panel>
                                            </ext:LayoutColumn>
                                            <ext:LayoutColumn ColumnWidth="0.47">
                                             <ext:Panel ID="Panel3" runat="server" Layout="Fit">
                                            <Items>
                                                <ext:GridPanel ID="GridPanel1" runat="server" StoreID="StoreUsersToNotify" DDGroup="firstGridDDGroup"  EnableDragDrop="true">
                                                    <ColumnModel runat="server" ID="ColumnModel1">
                                                        <Columns>
                                                            <ext:Column DataIndex="Username"></ext:Column>
                                                        </Columns>
                                                    </ColumnModel>
                                                    <SelectionModel>
                                                        <ext:RowSelectionModel ID="RowSelectionModel2" runat="server" />
                                                    </SelectionModel> 
                                                </ext:GridPanel>
                                            </Items>
                                        </ext:Panel>  
                                            </ext:LayoutColumn>
                                        </Columns>
                                    </ext:ColumnLayout>
                                    </Items>
                                    </ext:Panel>                                  
                          </Items>
                     </ext:TabPanel>                     
                      <ext:DropTarget ID="DropTarget1" runat="server" Target="={TabPanelReassign.TabNotifications.GridPanel2.view.scroller.dom}" Group="firstGridDDGroup">
                        <NotifyDrop Fn="notifyDrop1" />
                    </ext:DropTarget>       
                    
                    <ext:DropTarget ID="DropTarget2" runat="server" Target="={TabPanelReassign.TabNotifications.GridPanel1.view.scroller.dom}" Group="secondGridDDGroup">
                        <NotifyDrop Fn="notifyDrop2" />
                    </ext:DropTarget>
  2. #2
    Mar 19, 2010, 12:04 PM

    [CLOSED] RE: Drop target area not becoming active

    Hi,

    You set incorret target for DropTarget
    Use
    Target="={GridPanel2.view.scroller.dom}"
    and
    Target="={GridPanel1.view.scroller.dom}"
  3. #3
    Mar 19, 2010, 5:44 PM

    [CLOSED] RE: Drop target area not becoming active

    I made the suggested changes and still no luck.
  4. #4
    Mar 19, 2010, 5:47 PM

    [CLOSED] RE: Drop target area not becoming active

    Hi,

    Please post full test sample
  5. #5
    Mar 19, 2010, 6:46 PM

    [CLOSED] RE: Drop target area not becoming active

    It is a control that is placed within a window


    
<%@ Control Language="C#" AutoEventWireup="true" CodeBehind="ReAssignView.ascx.cs" Inherits="SymSureMonitor.Usercontrols.Workflow.ReAssignView" %>
<%@ Register assembly="Ext.Net" namespace="Ext.Net" tagprefix="ext" %>

  

<ext:Store runat="server" ID="StoreAttachments">
            <Reader>
                <ext:JsonReader IDProperty="ReaderAttachments">
                    <Fields>
                        <ext:RecordField Name="Image" />
                        <ext:RecordField Name="Filename" />      
                    </Fields>
                </ext:JsonReader>
            </Reader>
        </ext:Store>   
        <ext:Store runat="server" ID="StorePredefinedComments">
            <Reader>
                <ext:JsonReader>
                    <Fields>
                        <ext:RecordField Name="Selected" />
                        <ext:RecordField Name="PredefinedComment" />
                    </Fields>
                </ext:JsonReader>
            </Reader>
        </ext:Store>
        <ext:Store runat="server" ID="StoreNotificationUsers">
            <Reader>
                <ext:JsonReader>
                    <Fields>
                        <ext:RecordField Name="Username" />
                    </Fields>
                </ext:JsonReader>
            </Reader>
        </ext:Store>
        <ext:Store runat="server" ID="StoreUsersToNotify">
            <Reader>
                <ext:JsonReader>
                    <Fields>
                        <ext:RecordField Name="Username" />
                    </Fields>
                </ext:JsonReader>
            </Reader>
        </ext:Store>
        
        <ext:Store runat="server" ID="ReAssignUsers">
            <Reader>
                <ext:JsonReader IDProperty="UserId>
                    <Fields>
                        <ext:RecordField Name="UserId" />
                        <ext:RecordField Name="Username" />
                    </Fields>
                </ext:JsonReader>
            </Reader>
        </ext:Store>
        <ext:Store runat="server" ID="EscalateUsers">
                <Reader>
                    <ext:JsonReader IDProperty="UserId">
                        <Fields>
                            <ext:RecordField Name="UserId" />
                            <ext:RecordField Name="Username" />
                        </Fields>
                    </ext:JsonReader>
                </Reader>
            </ext:Store>

                     <ext:TabPanel ID="TabPanelReassign"  runat ="server" LayoutOnTabChange="true">
                            <Listeners>
                                <Show Handler="#{TabPanelReassign}.doLayout();" Delay="300" Single="true"/>
                            </Listeners>
                            <Items>
                                <ext:Panel ID="TabReAssign" Title="Re-assignment" runat="server" Height="275" Width="500">
                                     <Listeners>
                                        <Show Handler="#{TabReAssign}.doLayout();" Delay="300" Single="true"/>
                                    </Listeners>
                                    <Content>
                                        <div style="width:50%; float:left; text-align:left;" >
                                            <br />
                                            <ext:Label runat="server" Text="Assigning 1 of 1" ID="LabelXofX"> </ext:Label><br /><br />                                           
                                            <ext:ComboBox ID="ComboBoxReassignTo" runat="server" Width="285" 
                                            StoreID="ReAssignUsers" DataIndex="Username" Mode="Remote" ValueField="Username"
                                            DisplayField="Username" FieldLabel="Re-assign to" LabelAlign="Top"/><br />
                                            <ext:Label ID="LabelTurnaroundTime" Text="Turnaround time:" runat="server" />
                                            
                                                <div style="width:80px; float:left;">                                                    
                                                    <ext:SpinnerField runat="server" ID="SpinnerTurnaroundTime" Text="0" Width="80"></ext:SpinnerField>   
                                                

                                                <div style="width:200px; float:right; padding-right:420px;">
                                                    <ext:ComboBox ID="ComboTurnaroundTimeUnits" runat="server" Width="200"/>
                                                

                                            

                                            <br /><br />
                                            <ext:Checkbox runat="server"  BoxLabel="Cannot Escalate"  LabelAlign="Right" ID="ChkboxCannotEscalate"></ext:Checkbox>
                                            <ext:Checkbox runat="server"  BoxLabel="Cannot Close"  LabelAlign="Right" ID="ChkboxCannotClose"></ext:Checkbox>
                                        

                                        <div style="width:50%; float:right;" >
                                            <br />
                                            <ext:Label ID="LabelAssignedBy" Text="Assigned by: " runat="server"></ext:Label><ext:Label runat="server" Text="Stubbed Admin"></ext:Label><br /><br />
                                            <ext:ComboBox ID="ComboBoxEscalateTo" runat="server" Width="285" StoreID="EscalateUsers" DataIndex="Username" DisplayField="Username"
                                            FieldLabel="Escalate to" LabelAlign="Top"  /><br />
                                            <ext:Panel runat="server" FieldLabel="Attachments" LabelAlign="Top" Width="285" ID="AttachmentsPanel">
                                            <Content> 
                                            <ext:ListView runat="server" ID="ListViewAttachments" StoreID="StoreAttachments" EmptyText="No Files yet attached">
                                             <Columns> 
                                                <ext:ListViewColumn Header="Image" Width="0.15" DataIndex="url" Template='<img style="width:60px;height:45px;" src="{url}" />' />
                                                <ext:ListViewColumn Header="File" Width="0.35" DataIndex="name" />                                
                                            </Columns>

                                            </ext:ListView> <br />                                         
                                            <ext:FileUploadField runat="server" ID="FileUploadField" Width="280" Icon="Attach" />
                                            </Content>
                                            </ext:Panel>
                                        
                                                                                                                                               
                                    </Content>                                  
                                </ext:Panel>
                                <ext:Panel ID="TabComments" Title="Comments" runat="server" Height="250">
                                    <Content>
                                            <ext:ColumnLayout runat="server" FitHeight="true" LabelAlign="Top" Split="false"> 
                                                <Columns>
                                                <ext:LayoutColumn ColumnWidth="0.5">
                                                <ext:Panel ID="Panel1" runat="server" PaddingSummary="0 10" Height="250" Border="false">
                                                        <Items>
                                                            <ext:GridPanel Height="100" MinHeight="100" MaxHeight="100" runat="server" ID="GridPanelComments" Header="false"  FieldLabel="Predefined comment(s)" LabelAlign="Top" >
                                                                <ColumnModel runat="server">
                                                                    <Columns>
                                                                        <ext:CheckColumn DataIndex="Selected" Width="24" >                                                                        
                                                                        </ext:CheckColumn>
                                                                        <ext:CommandColumn DataIndex="PredefinedComment"></ext:CommandColumn>                                                                        
                                                                    </Columns>
                                                                    <Listeners></Listeners>
                                                                </ColumnModel>                                                                                                                                 
                                                            </ext:GridPanel>
         
                                                            <ext:TextArea Height="90" Width="400" runat="server" ID="TextAreaCommentDescription" FieldLabel="Predefined comment details" LabelAlign="Top"></ext:TextArea> 
                                                        </Items>
                                                    </ext:Panel>
                                                </ext:LayoutColumn>                                                
                                                <ext:LayoutColumn ColumnWidth="0.5">
                                                    <ext:Panel runat="server"  PaddingSummary="0 10">
                                                        <Items>
                                                            <ext:TextArea runat="server" Height="240" Width="400" FieldLabel="User comment" LabelAlign="Top"></ext:TextArea>
                                                        </Items>
                                                    </ext:Panel>
                                                </ext:LayoutColumn>                                    
                                                </Columns>
                                                </ext:ColumnLayout>                                                                             
                                    </Content>
                                </ext:Panel>
                                <ext:Panel ID="TabNotifications" Title="Notifications" runat="server" Height="250" Layout="Fit">                                
                                <Items>
                                    <ext:ColumnLayout runat="server" ID="ColumnLayout">
                                        <Columns>
                                            <ext:LayoutColumn ColumnWidth="0.47">
                                                <ext:Panel ID="Panel4" runat="server" Layout="Fit" Width="200" Height="250">
                                                    <Items>
                                                        <ext:GridPanel ID="GridPanel2" runat="server" StoreID="StoreNotificationUsers" DDGroup="secondGridDDGroup"  EnableDragDrop="true" >
                                                            <ColumnModel runat="server" ID="GridPanelAllUsers">
                                                                <Columns>
                                                                    <ext:Column DataIndex="Username"></ext:Column>
                                                                </Columns>
                                                            </ColumnModel>
                                                            <SelectionModel>
                                                                    <ext:RowSelectionModel ID="RowSelectionModel1" runat="server" />
                                                                </SelectionModel> 
                                                        </ext:GridPanel>
                                                    </Items>
                                                </ext:Panel>  
                                            </ext:LayoutColumn>
                                            <ext:LayoutColumn ColumnWidth="0.06">
                                                  <ext:Panel runat="server" ID="PanelAddRemoveButtons">
                                                     <Defaults>
                                                        <ext:Parameter Name="margins" Value="0 5 0 0" Mode="Value" />
                                                    </Defaults>
                                                    <Items>
                                                        <ext:VBoxLayout ID="VBoxLayout1" Align="Center" runat="server" Pack="Center" Padding="5">                                            
                                                            <BoxItems>
                                                                <ext:BoxItem>
                                                                    <ext:Button ID="BtnAddNotificationUser" runat="server" Text=">" Width="25"  >
                                                                    <DirectEvents>
                                                                        <Click OnEvent="AddNotificationUser_DirectEvent">
                                                                            <ExtraParams>
                                                                            <ext:Parameter Name="Values" Value="Ext.encode(#{GridPanel2}.getRowsValues({selectedOnly:true}))" Mode="Raw" />
                                                                        </ExtraParams>
                                                                        </Click>
                                                                    </DirectEvents>
                                                                    </ext:Button>
                                                                </ext:BoxItem>
                                                                <ext:BoxItem>
                                                                    <ext:Button ID="BtnAddAllNotificationUser" runat="server" Text=">>" Width="25"></ext:Button>
                                                                </ext:BoxItem>
                                                                <ext:BoxItem>
                                                                    <ext:Button ID="BtnRemoveNotificationUser" runat="server" Text="<" Width="25"></ext:Button>
                                                                </ext:BoxItem>
                                                                <ext:BoxItem>
                                                                    <ext:Button ID="BtnRemoveAllNotificationUser" runat="server" Text="<<" Width="25"></ext:Button>  
                                                                </ext:BoxItem>
                                                            </BoxItems>
                                                        </ext:VBoxLayout>  
                                                    </Items>
                                                </ext:Panel>
                                            </ext:LayoutColumn>
                                            <ext:LayoutColumn ColumnWidth="0.47">
                                             <ext:Panel ID="Panel3" runat="server" Layout="Fit">
                                            <Items>
                                                <ext:GridPanel ID="GridPanel1" runat="server" StoreID="StoreUsersToNotify" DDGroup="firstGridDDGroup"  EnableDragDrop="true">
                                                    <ColumnModel runat="server" ID="ColumnModel1">
                                                        <Columns>
                                                            <ext:Column DataIndex="Username"></ext:Column>
                                                        </Columns>
                                                    </ColumnModel>
                                                    <SelectionModel>
                                                        <ext:RowSelectionModel ID="RowSelectionModel2" runat="server" />
                                                    </SelectionModel> 
                                                </ext:GridPanel>
                                            </Items>
                                        </ext:Panel>  
                                            </ext:LayoutColumn>
                                        </Columns>
                                    </ext:ColumnLayout>
                                    </Items>
                                    </ext:Panel>                                  
                          </Items>
                     </ext:TabPanel>                     
                      <ext:DropTarget ID="DropTarget1" runat="server" Target="={GridPanel2.view.scroller.dom}" Group="firstGridDDGroup">
                        <NotifyDrop Fn="notifyDrop1" />
                    </ext:DropTarget>       
                    
                    <ext:DropTarget ID="DropTarget2" runat="server" Target="={GridPanel1.view.scroller.dom}" Group="secondGridDDGroup">
                        <NotifyDrop Fn="notifyDrop2" />
                    </ext:DropTarget>
  6. #6
    Mar 21, 2010, 7:49 AM

    [CLOSED] RE: Drop target area not becoming active

    Hi,

    If your grid inside user control then you have to use ClientID (#{} syntax) because in this case ID doesn't equal ClientID (we uses ClientID as indificator in the javascript) 


     Target="={#{GridPanel2}.view.scroller.dom}"

Similar Threads

  1. [CLOSED] [1.0] Drag Drop on TreePanel - Get reference to Target node
    By danielg in forum 1.x Legacy Premium Help
    Replies: 8
    Last Post: Dec 14, 2011, 11:29 AM
  2. [CLOSED] AllowBlank Message Target
    By albayrak in forum 1.x Legacy Premium Help
    Replies: 3
    Last Post: Feb 09, 2011, 2:26 PM
  3. [CLOSED] Setting Hyperlink target
    By Dave Ko in forum 1.x Legacy Premium Help
    Replies: 1
    Last Post: Jul 15, 2010, 12:22 AM
  4. [CLOSED] [1.0] Make a Portal NOT a drop target
    By betamax in forum 1.x Legacy Premium Help
    Replies: 2
    Last Post: May 21, 2010, 11:57 AM
  5. [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

Posting Permissions