[CLOSED] DragRegion.isIntersect

  1. #1

    [CLOSED] DragRegion.isIntersect

    Please see example below. What is replacement for isIntersect?
    Thanks,
    /Z


    
    <%@ Page Language="C#" %>
    
    
    
    
    
    
    
    
    <!DOCTYPE html>
    
    
    
    
    <html>
    <head id="Head1" runat="server">
        <title>Click and Drag to Select Items - Ext.NET Examples</title>
        <link href="/resources/css/examples.css" rel="stylesheet" />
        
        <style>
            div.tracked-item {
                border           : 1px solid silver;
                background-color : #f0f080;
                width            : 40px;
                height           : 40px;
                text-align       : center;
                line-height      : 40px;
                font-size        : 11px;
                font-family      : sans-serif;
                position         : absolute;
                cursor           : default;
            }
            
            .drag-area {
                background-color : #f0f0f0 ! important;
                position         : relative;
            }
            
            .dd-proxy {
                opacity      : 0.4;
                -moz-opacity : 0.4;
                filter       : alpha(opacity=40);
                cursor       : default ! important;
            }
            
            div.tracked-item.selected {
                background-color : blue;
                color            : white;
                font-weight      : bold;
            }
        </style>
    
    
    
    
        <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[] { 0, 1, "3m Co", 71 },
                    new object[] { 0, 2, "Alcoa Inc", 29 },
                    new object[] { 0, 3, "Altria Group Inc", 83 },
                    new object[] { 0, 4, "American Express Company", 52 },
                    new object[] { 0, 5, "American International Group, Inc.", 64 },
                    new object[] { 0, 6, "AT&T Inc.", 31 },
                    new object[] { 0, 7, "Boeing Co.", 75 }
                };
            }
        }
    </script>
        
        <script>
            dragTrackEnd = function (editor) {
                var tracker = this,
                    grid = Ext.getCmp(editor.el.id),
                    view = grid.getView(),
                    columns = grid.columns,
                    cell,
                    sel,
                    value;
    
    
    
    
                grid.getStore().each(function (record) {
                    Ext.each(columns, function (column, j) {
    
    
    
    
                        cell = Ext.fly(view.getCell(record, column));
    
    
    
    
                        sel = tracker.dragRegion.isIntersect(cell.getRegion());
    
    
    
    
                        if (sel) {
                            console.log("in region");
                        }
    
    
    
    
                    });
                });
            };
        </script>
    </head>
    <body>
        <form id="Form1" runat="server">
            <ext:ResourceManager ID="ResourceManager1" runat="server" />
            
            
            <ext:DragTracker ID="DragTrackerAvailability" runat="server">
                <Listeners>
                    <DragEnd Fn="dragTrackEnd" />
                </Listeners>
            </ext:DragTracker>
            
            <ext:Viewport ID="Viewport1" runat="server" Layout="Border">
                <Items>
                    <ext:GridPanel
                        ID="Test34"
                        runat="server" 
                        ForceFit="true"
                        Layout="FitLayout"
                        AutoHeight="true"
                        AutoWidth="true"
                        Title="Test" 
                        BodyCssClass="drag-area"
                        Frame="true">
                        <Store>
                            <ext:Store  ID="Store1"
                                        runat="server"
                                        RemoteSort="false" >
                                <Model>
                                    <ext:Model ID="Model1" runat="server">
                                        <Fields>
                                            <ext:ModelField Name="chk"  />
                                            <ext:ModelField Name="id" Type="Int" />
                                            <ext:ModelField Name="myDay" Type="String" />
                                            <ext:ModelField Name="myNumber" Type="Int"/>
                                        </Fields>
                                    </ext:Model>
                                </Model>
                            </ext:Store>
                        </Store>
         
                        <View>
                            <ext:GridView ID="GridView1" runat="server" StripeRows="true" />
                        </View>
                        <ColumnModel ID="ColM1" runat="server">
                            <Columns>
                                <ext:Column runat="server" Text="Id" ID="id" DataIndex="id" Width="35" />
                                <ext:Column runat="server" Text="Day" ID="myDay" DataIndex="myDay" Editable="true" Width="45"/>
                                <ext:CheckColumn runat="server" ID="test" DataIndex="chk" />
                                <ext:Column runat="server" ID="myNumber" Editable="true" Width="35"  DataIndex = "myNumber">
                                </ext:Column>
                            </Columns>
                        </ColumnModel>
                                    
                        <Listeners>
                            <AfterRender Handler="#{DragTrackerAvailability}.initEl(this.el);"  />
                        </Listeners>
    
    
    
    
                    </ext:GridPanel>
                </Items>
            </ext:Viewport>
        </form>    
    </body>
    </html>
    Last edited by Daniil; Aug 25, 2015 at 3:45 PM. Reason: [CLOSED]
  2. #2
  3. #3
    perfect. i checked child classes in api, not base class.
    thxs,
    /Z

Posting Permissions