Aug 24, 2015, 7:47 PM
[CLOSED] DragRegion.isIntersect
Please see example below. What is replacement for isIntersect?
Thanks,
/Z
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]