Questions on UI for ASP.NET AJAX Forum

1 answer

413 views

RadWindow in UpdatePanel does full postback

Hi.
I have a problem with Telerik RadWindow.
If a PostBack is sent by the RadWindow the whole page containing the RadWindow will get refreshed. How can this be prevented?
Here is a picture of the structure of my project.

And a little explanation of the problem (with the code):

JS Code: gets executed when a link is clicked inside the webpart.ascx

<script type="text/javascript">

function OpenWindowOfThisShit() {

var layoutsPageUrl = SP.Utilities.Utility.getLayoutsPageUrl('PopupWindowTest/PopupWindowTestLayoutPage.aspx');

var options = {

url: layoutsPageUrl,

title: 'Popup Webpart',

allowMaximize: false,

showClose: true,

width: 550,

height: 550

}

SP.UI.ModalDialog.showModalDialog(options);

}

</script>

The PopupWindowTestLayoutPage: This gets loaded inside the ModalDialog

<asp:Content ID="Main" ContentPlaceHolderID="PlaceHolderMain" runat="server">

<telerik:RadAjaxPanel runat="server">

<asp:PlaceHolder runat="server" ID="placeHolder" Visible="True"></asp:PlaceHolder>

</telerik:RadAjaxPanel>

</asp:Content>

PopupWindowTestLayoutPage codebehind:

protected override void OnInit(EventArgs e)

{

base.OnInit(e);

try

{

UserControl userControl = (UserControl)Page.LoadControl(@"~/_CONTROLTEMPLATES/PopupWindowTest/PopupWindowControlPage.ascx");

placeHolder.Controls.Add(userControl);

}

catch (Exception ex)

{

throw new Exception(ex.Message);

}

PopupWindowControlPage: This file gets loaded inside the placeholder of the LayoutPage

<%@ Register TagPrefix="RKWindows" TagName="InputDialogControl" Src="~/_controltemplates/PopupWindowTest/InputWindow.ascx" %>

<%@ Register Assembly="Telerik.Web.UI,Version=2011.3.1305.35, Culture=neutral, PublicKeyToken=121fae78165ba3d4"

Namespace="Telerik.Web.UI" TagPrefix="telerik" %>

<telerik:RadWindowManager ID="rwmInfo" runat="server">

<Windows>

<telerik:RadWindow runat="server" ID="rwContractInput" VisibleStatusbar="False" VisibleTitlebar="True" Behaviors="None" IconUrl="~/_layouts/images/BLANK.GIF" AutoSize="True" EnableShadow="True">

<ContentTemplate>

<RKWindows:InputDialogControl runat="server" ID="contractInputControl" Width="400px" Height="500px" />

</ContentTemplate>

</telerik:RadWindow>

</Windows>

</telerik:RadWindowManager>

<asp:Panel runat="server" ID="ContainerPanel">

<asp:Button runat="server" Text="Show Popup Dialog" ID="ShowPopup" OnClick="OnShowPopupClick"/>

</asp:Panel>

InputWindow: contains a inputField and a button

<asp:TextBox runat="server" ID="tbInput"></asp:TextBox>

<asp:Button runat="server" ID="FillTextbox" Text="Fill Textbox" OnClick="OnFillTextboxClick"/>

InputWindow codebehind

protected void OnFillTextboxClick(object sender, EventArgs e)

{

tbInput.Text = "Filled!";

}

When the "Fill Textbox" button is clicked the Layoupage.ascx refreshes and resizes.
This is just an example of the real project where several RadGrids are used which will disappear for a short amount of time after a button was clicked inside a RadWindow.

I hope you can point me in the right direction.

Thank you in advance,
Frank

Window

answered on 11 Sep 2012

1 answer

90 views

What determines the ID for the HTML file input in the AsyncUploader

Hello,

I am working on some automated UI tests, and would like to automate some uploading with the RAD AsyncUploader. It is my understanding that the uploader renders as <input type="file"> I was wondering if anyone knows what the ID for this input is? Does it use the ID you gave to the RadAsyncUpload control itself?

Any insight on this would be greatly appreciated.

Thanks,
Tim

AsyncUpload

answered on 11 Sep 2012

3 answers

132 views

[Solved] Extra Border Appears When Changing The Height

I have some Metro-skinned radbuttons with a handful extra of CSS. I've included the picture of the standard button (default size button).

When I add an Icon and change the height to 24px, the old border on the right hand side re-appears (24px button with icon).

I've tried increasing the strength of my CSS:

.RadButton_Metro.rbSkinnedButton

{

background-color: #0077cc !important;

}

but to no avail...

Any ideas?

Button

answered on 11 Sep 2012

1 answer

117 views

FindTabByText("RadTabStrip1") Object reference error

I am getting an object reference error when using FindControl("RadTabStrip1").

I followed the Telerik Wizard demo to achieve this and I can see from other people's questions in the forum that this is a very common error to have. However none of the recommended solutions seemed to work for me.

I have attached 2 screenshots of the relevant code.

TabTestCS.png shows the code behind for the default page (not the Site.Master) showing the creation of tabs and pageviews.

Step2CS.png shows the code-behind for the "Next" button (from Step1.ascx.cs control page) which will be for the transition of Step1 to Step2 in the wizard.

TabTestASPX.png shows the TABTEST.aspx page where the RadTabStrip1 control is created.

I have tried assigning values to the tabs and locating them that way, but that didn't work either.

Any help you can provide would be much appreciated,

Thank you.

TabStrip

answered on 11 Sep 2012

1 answer

239 views

Timeline view & monthly or yearly scale

Ok, I'm really new to Telerik and I'm trying to do a few things with the .NET AJAX controls to get my feet wet. I'm already hitting a wall with something that I'd like to put on a website of mine.

Here's what I want. I hope that someone can tell me how to get here or point me in the right direction. (The online documentation for the Scheduler control isn't helping me so far):

I have a SQL database with some projects. These projects have start and end dates, and can last from months to a year or so. I want to make a project schedule of my active projects, showing the start and end dates along side each other for reference with a scale of maybe 2 years total. I'm not having any luck configuring the TimeLine view for the Scheduler object to do this. Help!

Scheduler

answered on 11 Sep 2012

1 answer

64 views

SavedOldValues on External Form

Can I use SavedOldValues() for a GridEditableDataItem if I am using External Form ? If not, how do I create a business object with the old values from Selected Grid Data Item that is up for Editing ?

Grid

answered on 11 Sep 2012

1 answer

235 views

Validation and default selection of RadSchedulerRecurrenceEditor

Hi
I have two questions regarding the 'RadSchedulerRecurrenceEditor' control.

1) I want to hide the 'No end date' and have 'End by' selected as default.
for this I used the following script

function

pageLoad() {

var $ = $telerik.$;

$(".RecurrenceEditor").children().each(function (i) {

//by default set the 'End by' radio selected

var chkEndAfter =

document.getElementById('MainContent_UCReccuranceControl1_ffRecurrenceEditor_RepeatUntilGivenDate');

chkEndAfter.checked = true

//hide the 'No end date' radio option

$telerik.$(".rsAdvOptionsPanel ul li:first-child").hide();

});

}

so as a default set the 'End by' radio selected, is there a better way to get to the 'End by' control and have it selected.

2) Secondly the other scenario is if I select the 'End after' radio option I would like to use a client side custom validator to check if the 'end after' text box is not empty or null

Please let me know ASAP and its kind of urgent.
Thanks in advance.

Tejas

Scheduler

answered on 11 Sep 2012

1 answer

111 views

Make Link on Pie Chart Item

Hello All,
Greeting of the day!

I am facing some problem in Telerik RadChart Control.

My requirement is this:
I am using radchart control for displaying company different ranking.
I want to make link and show tooltip description on mouseover on each item.
I am not getting any for this.
I attached image file according my requirement.
Please have a look this and suggest me how we will do this on PIE RadChart.

My another question is that I am using DNN 6.2 version and I am not getting RadHTMLChart control on the telerik DLL.
Please let me know how we will get RadHtmlChart control in DotnetNuke 6.2 version.

Thanks
Viky

Chart (Obsolete)

answered on 11 Sep 2012

1 answer

133 views

Create Column Editor different controls, depending on row data

Hi,
I want to achieve such scenario.
I`m invoking CreateColumnEditor and want it to show different edit controls, depending on actually editable rows control(data inside the control).

Any ideas to get me going? Some small code sample?

TreeList

answered on 11 Sep 2012

1 answer

214 views

Populate nodes in Telerik RadTreeview in Batch mode

have Implemented telerik Tree-view in page and populating node using web-service.
Source code look like

<telerik:RadTreeView ID="tvNodes" runat="server" EnableDragAndDrop="false" ExpandAnimation-Type="OutExpo" ExpandAnimation-Duration="800" EnableDragAndDropBetweenNodes="false" CollapseAnimation-Type="OutElastic" CollapseAnimation-Duration="800" Skin="Windows7" OnNodeDrop="tvNodes_HandleDrop" ClientNodePopulating="nodePopulating">

       <ContextMenus>

           <telerik:RadTreeViewContextMenu ID="NodesTreeMenu" runat="server" CssClass="MenuGroup" Skin="Windows7">

               <CollapseAnimation Type="none" />

           </telerik:RadTreeViewContextMenu>

       </ContextMenus>

       <WebServiceSettings Path="../ManageNode.asmx" Method="GetNodes">

       </WebServiceSettings>

   </telerik:RadTreeView>

Javascript

function nodePopulating(sender, eventArgs) {

       var node = eventArgs.get_node();

       var context = eventArgs.get_context();

       SelectedType = '1'//selected node id.

       SearchText = ''

       context["ParentID"] = node.get_value();

       context["AllowDragAndDrop"] = allowDragDrop;

       context["SelectedType"] = SelectedType;

       context["SearchText"] = SearchText;

   }

webmethod

[WebMethod]

   public RadTreeNodeData[] GetNodes(RadTreeNodeData node, object context)

   {

       IDictionary<string, object> contextDictionary = (IDictionary<string, object>)context;

       List<RadTreeNodeData> nodes = new List<RadTreeNodeData>();

       int parentID = Convert.ToInt32(contextDictionary["ParentID"]);

       bool AllowDragAndDrop = Convert.ToBoolean(contextDictionary["AllowDragAndDrop"]);

       int selectedType = Convert.ToInt32(contextDictionary["SelectedType"]);

       string SearchText = Convert.ToString(contextDictionary["SearchText"]);

       dsNodes = NodeBLL.GetAllRecordsByNodeDefinition(selectedType, parentID, SearchText.Trim());

       for (int rowCount = 0; rowCount < dsNodes.Tables[0].Rows.Count; rowCount++)

       {

           DataRow childRow = dsNodes.Tables[0].Rows[rowCount];

           RadTreeNodeData childNode = new RadTreeNodeData();

           if (Convert.ToInt16(childRow["StatusID"]) == Convert.ToInt16(Common.NodeStatus.Archieve))

           {

               childNode.Text = Common.DecodeXML(Convert.ToString(childRow["Name"])) + Common.deleteFlag;

           }

           else

           {

               childNode.Text = Common.DecodeXML(Convert.ToString(childRow["Name"]));

           }

           childNode.Value = Convert.ToString(childRow["ID"]);

           childNode.Attributes.Add(Common.virtualIDAtt, Convert.ToString(childRow["virtualID"]));

           childNode.Attributes.Add(Common.isVirtualExist, Convert.ToString(childRow["isVirtualExist"]));

           childNode.Attributes.Add(Common.NodeDefinitionID, Convert.ToString(childRow["NodeDefinitionID"]));

           childNode.Attributes.Add(Common.ParentNodeID, Convert.ToString(childRow["ParentID"]));

           childNode.Attributes.Add(Common.Position, Convert.ToString(childRow["Position"]));

           childNode.Attributes.Add(Common.NodeDefinition, Convert.ToString(childRow["NodeDefinition"]));

           childNode.ExpandMode = (Convert.ToInt32(childRow["ischildexists"]) > 0) ? TreeNodeExpandMode.WebService : TreeNodeExpandMode.ClientSide;

           nodes.Add(childNode);

       }

    return nodes.ToArray();

   }

When I click on expand arrow then through javascript function web method is called to populate child node, it's worked perfect, I have issue in performance when parent node have 1000+ child nodes, I want to implement in batch mode like when user click on expand arrow then load 200 child node with more button then click on more button then load next 200 node. can any one have idea to achieve this feature.

Thanks,
Mohmedsadiq.

TreeView

answered on 11 Sep 2012