Infragistic web tree does not cancel SelectionChanged event on client

Julia posted over 14 years ago

Hi,

I have a WebData Tree panel and details panel on the page. On SelectionChange event post back is happening and details of the node get populated from the server, but if node details are changed and another node is selected, I want to cancel SelectionChanged event. Drag/Drop is enabled, so when I cancel event during SelectionChanging, SelectionChanged is still called and new tree node stays selected and tree behaves as if it in the middle of drag/drop. So cancel does not wwork properly. Is it possible to cancel On SelectionChange event?

<ig:WebDataTree runat="server" ID="hierarchyTree" Style="float: left" Width="100%" Height="100%" EnableSingleBranchExpand="true"

Visible="true" SelectionType="Single" EnableConnectorLines="false" OnNodeBound="hierarchyTree_NodeBound" OnNodeClick

="hierarchyTree_OnNodeSelectionChanged"

OnNodeDropped="hierarchyTree_OnNodeDropped" StyleSetName="Claymation" OnNodePopulate="hierarchyTree_NodePopulate">

<DragDropSettings AllowDrop="true" DragDropMode="Move" EnableDragDrop="True" EnableDropInsertion="true" EnableExpandOnDrop

="true"/>

<AutoPostBackFlags NodeClick="On" NodeDropped="On" NodeExpanded="Off"

<ClientEvents

NodeDropped="hierarchyTree_Drop"

SelectionChanged="hierarchyTree_AfterNodeSelectionChange"

SelectionChanging="hierarchyTree_BeforeNodeSelectionChange"

</ig:WebDataTree

function hierarchyTree_BeforeNodeSelectionChange(tree, oDataTransfer, e)

{

...

ret = ConfirmChanges(

false);

if (ret)

{

oDataTransfer.set_cancel(

true);

//or

tree._events.SelectionChanged.set_cancel(true);

//or

tree.CancelPostBack = true;

//or

oDataTransfer.cancel = true;

return false;

}

Thanks,

195

Offline Jose posted over 14 years ago in reply to Todor Paskalev

Todor,

Rather than uploading our webapp, I went ahead and created a simpler version.

When I run this app and click on a node, a prompt asks me if I want to continue. If I click on 'Cance', the POSTBACK stops as intended. If I click on 'OK', the POSTBACK continues as it should. However, once if I click on any nodes and I try cancelling the POSTBACK by clicking on 'Cancel', the POSTBACK continues!! Why? What am I doing wrong in this app?? Thanks for your help.

<%

@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="TestUltraWebTree._Default"
%>
<%

@ Register Assembly="Infragistics35.WebUI.UltraWebNavigator.v10.3, Version=10.3.20103.1013, Culture=neutral, PublicKeyToken=7dd5c3163f2cd0cb" namespace="Infragistics.WebUI.UltraWebNavigator" tagprefix="ignav"
%>
<%

@ Register Assembly="Infragistics35.Web.v10.3, Version=10.3.20103.1013, Culture=neutral, PublicKeyToken=7dd5c3163f2cd0cb" Namespace="Infragistics.Web.UI.LayoutControls" TagPrefix="ig"
%>

<!

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"
>

function
tvwDevices_BeforeNodeSelectionChange() {

var changesMade = 'true'
;

if (changesMade == 'true'
)
{

var confirmLeave = window.confirm("You have unsaved changes. \n \n Are you sure you want to continue?"
);

if
(confirmLeave) {

//parent.needtoSave(false);

}

else
{

//parent.needtoSave(true);

return true;
//true cancels postback

}

}

}

</script
>

</

head
>
<

body
>

<form id="form1" runat
="server">

<div
>

<asp:ScriptManager ID="ScriptManager1" runat
="server">

</asp:ScriptManager
>

</div
>

<div id="splitterDIV" style
="width: 100%; height: 750px;">

<ig:WebSplitter ID="WebSplitter1" runat="server" Width="100%" Height
="100%">

<Panes
>

<ig:SplitterPane Size="250px" CollapsedDirection
="PreviousPane">

<Template
>

<ignav:UltraWebTree ID="tvwDevices" runat="server" DefaultImage=""

HoverClass="" Indentation="5" Width
="140px">

<AutoPostBackFlags NodeChanged="True" NodeChecked="False" NodeCollapsed="False"

NodeDropped="False" NodeExpanded="False"
/>

<ClientSideEvents BeforeNodeSelectionChange="tvwDevices_BeforeNodeSelectionChange"
/>

<Levels
>

<ignav:Level Index="0"
/>

<ignav:Level Index="1"
/>

</Levels
>

<Nodes
>

<ignav:Node Text
="Root Node">

<Nodes
>

<ignav:Node Text="Yahoo" TargetUrl="http://www.yahoo.com" TargetFrame
="_content">

</ignav:Node
>

<ignav:Node Text="Google" TargetUrl="http://www.Google.com" TargetFrame
="_content">

</ignav:Node
>

<ignav:Node Text="bing" TargetUrl="http://www.bing.com" TargetFrame
="_content">

</ignav:Node
>

<ignav:Node Text="dog pile" TargetUrl="http://www.dogpile.com" TargetFrame
="_content">

</ignav:Node
>

</Nodes
>

</ignav:Node
>

</Nodes
>

</ignav:UltraWebTree
>

</Template
>

</ig:SplitterPane
>

<ig:SplitterPane
>

<Template
>

<iframe name="_content" style
="width: 100%; height: 100%; border: none 0px;
margin: 0px; padding: 0px;"

frameborder="0"
>

</iframe
>

</Template
>

</ig:SplitterPane
>

</Panes
>

</ig:WebSplitter
>

</div>

</form
>
</

body
>
</

html
>
Cancel
Reply

Cancel
3115

Offline Todor Paskalev posted over 14 years ago in reply to Jose

Hi,

In the post above you said that you have two trees one with working canceling function and other with not working. Could you paste both the working and not working code? And did from where you use needtoSave GetNeedToSave();, methods, because at least in IE8, while looking in IE Dev, there is no methods named like this? and if you define them somewhere else, please just post and the code for them.

Thanks
Cancel
Reply

Cancel
195

Offline Jose posted over 14 years ago in reply to Todor Paskalev

Todor-

In my aspx code, I have an ultrawebtree:

<ignav:UltraWebTree ID="tvwDevices" runat="server" DefaultImage="" LoadOnDemand="ManualSmartCallbacks"

   HiliteClass="" HoverClass="" Indentation="20" EnableViewState="False">

   <AutoPostBackFlags NodeChanged="True" />

   <ClientSideEvents BeforeNodeSelectionChange="tvwDevices_BeforeNodeSelectionChange"/>

   </ignav:UltraWebTree>

The script to stop the POSTBACK:

function tvwDevices_BeforeNodeSelectionChange(treeId, oldNodeId, newNodeId){

   var changesMade = parent.GetNeedToSave(); // check to see if anything has changed.

if (changesMade == 'true')

{

   var confirmLeave = window.confirm("You have unsaved changes. \n \n Are you sure you want to continue?");

   if (confirmLeave) {

   parent.needtoSave(false);

   }

   else {

   parent.needtoSave(true);

   return true; //true cancels postback

   }

   }

   }

I am following the examples online that show the CSOM code. For some reason, the page still perform a POSTBACK.

Thanks for your help.
Cancel
Reply

Cancel
3115

Offline Todor Paskalev posted over 14 years ago in reply to Jose

Hi,

As soon as you post the code you are using to cancel both ultrawebtrees to cancel their post back - I can try to help you

Thanks,
Cancel
Reply

Cancel
195

Offline Jose posted over 14 years ago in reply to Todor Paskalev

Todor -

Thanks for your response. I made a mistake when I posted to this question. The problem I am having is with the 'UltraWebTree' not cancelling the postback and not the 'WebDataTree'. I have two ultrawebtrees. And one cancels the postback and one does not. Can you point me in the right direction to try to get this resolved? Thanks.
Cancel
Reply

Cancel