Questions on UI for ASP.NET AJAX Forum

1 answer

218 views

Hi,

I have a RadDatePicker control below is my code, i need to make enable and disable based on checkbox checked. i am facing issue while enable & disable calendar popup button is still disabled, so i can't able to select the date.

<telerik:RadDatePicker ID="endDateDatePicker" runat="server" Width="140px"
DateInput-EmptyMessage="" MinDate="01/01/1000" MaxDate="01/01/3000" Enabled="false">
<Calendar id="endDateCalendar" runat="server">
<SpecialDays>
<telerik:RadCalendarDay Repeatable="Today" ItemStyle-CssClass="rcToday">
</telerik:RadCalendarDay>
</SpecialDays>
</Calendar>
</telerik:RadDatePicker>

function checkedChanged(ctrl)
{
var comboBox = $get(ctrl.id);
var datePicker = $find('<%= endDateDatePicker.ClientID %>');
if (comboBox != null && datePicker != null)
{
if (comboBox.checked) {
datePicker.get_dateInput().enable();
}
else {
datePicker.get_dateInput().disable();
}
}
}

<asp:CheckBox ID="cancelledCheckBox" runat="server" ClientIDMode="Static"
Skin="Metro" onclick="checkedChanged(this)"></asp:CheckBox>

Calendar

answered on 21 May 2014

2 answers

173 views

RadChart Clickable Region

I have a RadChart that is a stackbar chart. We have a click event tied to the bars in the chart, which works fine. However, if a series is empty we'd like for the user to be able to click in the region where the bar "would" be so we can provide a dialog and allow them to take action. So far I have not been able to find a way for that to work in the RadChart or the RadHtmlChart.

And alternative would be to make the axis labels clickable. However, I haven't been able to find a way to get that to work with the RadChart or RadHtmlChart either. Are either of these possible?

Chart (Obsolete)

answered on 20 May 2014

5 answers

269 views

Issue with filtering on multiple columns when MasterTableView.EnableColumnsViewstate=false

Hi,

We have Rad Grid with design time declaration and column structure load at page load.

Also, we want columns to be configured during postbacks so we have set EnableColumnsViewState=false as per suggested in help article. (Keeping EnableColumnsViewState=true within postback is giving duplicate control ids errors)

By above settings, we are loosing feature of column filtering on multple columns.

Filtering with one column is working fine but once we filter on another column to further drill down the result, it looses the first filter value and returns results for the second filter value. Also, filter control(text box) on first column gets cleared.

This is working fine if are setting EnableColumnsViewState=true.

Please provide us fix or work-around to maintain and apply filters on multiple columns one by one.

Regards,

Vishal

Grid

answered on 20 May 2014

2 answers

138 views

[Solved] tooltip doubles information from database

Hi,

Ok probably doing something wrong but its stumping me. tyring to get a radtooltipmanager working for instructions for a page. So if they hover over an image it pops up with the instructions from a database. The problem is that its is doubling up the information, its like 2 pulls are coming out of the database, so all the text is written and then written agian.

<div class="cancelpg">

<h3><asp:Label ID="lblInstruct" runat="server">Hover over this <asp:Image ID="imgHover" runat="server" ImageUrl="~/Images/ViewResources.gif" /> for Instructions</asp:Label>

<telerik:RadToolTipManager ID="rttmInstructions" runat="server" Position="Center" Modal="true" ManualClose="true" OnAjaxUpdate="rttmInstructions_AjaxUpdate">

<TargetControls>

<telerik:ToolTipTargetControl TargetControlID="imgHover" />

</TargetControls>

</telerik:RadToolTipManager>

</h3>

</div>

Protected Sub rttmInstructions_AjaxUpdate(sender As Object, e As Telerik.Web.UI.ToolTipUpdateEventArgs) Handles rttmInstructions.AjaxUpdate

Dim lblInsideToolTip As New Label()

sql = "Select strMessage from iMAC_Message"

myDataTable = New DataTable

myDataTable = getReader(sql)

If myDataTable.Rows.Count > 0 Then

lblInsideToolTip.Text = myDataTable.Rows(0)(0)

End If

e.UpdatePanel.ContentTemplateContainer.Controls.Add(lblInsideToolTip)

End Sub

ToolTip

answered on 20 May 2014

1 answer

171 views

Rad Alert issue

Hi,

I am facing an issue with rad alert window, below is my scenario

I have pop up Rad Window to add a customer details, if the customer name is not unique I am displaying and rad alert. If I click OK in Rad Alert box , Its automatically closing Add Customer details rad window. Bit I want only the RadAlert box to be closed. Below is my rad alert box call

lblAddEditDialogMEsg.Text = subAffiliateName + " already exists!";
radAddEditDialogMEsg.Title = "Sub-Affiliate - Add";
rdWdMgrNotification.RadAlert(lblAddEditDialogMEsg.Text, 400, 80, radAddEditDialogMEsg.Title, null, null);

Please help me to fix this

General Discussions

answered on 20 May 2014

2 answers

369 views

[Solved] RadDockLayout, RadZones, RadDock, User-Control, AJAX in Code-Behind

Hi Telerik Team,

My goal is to create a RadDockLayout, RadZones and several RadDocks dynamically. Additionally my RadDocks' content are user-controls that I am dynamically loading at run-time. And all the controls mentioned are wrapped into Update Panels.

What I want to achieve is to have no RadControls defined in the Code In-Front and rather have everything in the code-behind (C#).

My problem is that my controls are disappearing on subsequent post-back (which are initiated by my user-controls). I am aware that I need to re-create the controls on the Page_Load(), but no luck.

WORKING VERSION

01.<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="AA.aspx.cs" Inherits="Dashboard.AA" %>

02.

03.<%@ Register TagPrefix="telerik" Namespace="Telerik.Web.UI" Assembly="Telerik.Web.UI" %>

04.<!DOCTYPE html>

05.

06.<html xmlns="http://www.w3.org/1999/xhtml">

07.<head runat="server">

08. <title></title>

09.

10.</head>

11.<body>

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

13. <asp:ScriptManager ID="scriptManager" runat="server"></asp:ScriptManager>

14. <asp:Button ID="btnAddWidget" Text="Add Signs Widget" OnClick="btnAddWidget_Click" runat="server" />

15. <asp:Button ID="btnAddTimer" Text="Add Timer Widget" OnClick="btnAddTimer_Click" runat="server" />

16. <asp:UpdatePanel runat="server" ID="UpdatePanel2" ChildrenAsTriggers="false" UpdateMode="Conditional">

17. <ContentTemplate>

18. <telerik:RadDockLayout runat="server" ID="RadDockLayout1" OnSaveDockLayout="RadDockLayout1_SaveDockLayout"

19. OnLoadDockLayout="RadDockLayout1_LoadDockLayout">

20. <table cellpadding="0" cellspacing="0" width="100%">

21. <tr>

22. <td style="width: 50%; vertical-align: top">

23. <telerik:RadDockZone runat="server" BackColor="#fbfbfb" BorderStyle="Dotted" ID="RadDockZone1" MinWidth="300" Width="98%" MinHeight="300">

24. </telerik:RadDockZone>

25. </td>

26. <td style="width: 50%; vertical-align: top">

27. <telerik:RadDockZone runat="server" BorderStyle="Dotted" ID="RadDockZone2" MinWidth="300" Width="100%" MinHeight="300">

28. </telerik:RadDockZone>

29. </td>

30. </tr>

31. </table>

32. </telerik:RadDockLayout>

33. </ContentTemplate>

34. <Triggers>

35. <asp:AsyncPostBackTrigger ControlID="btnAddWidget" EventName="Click"></asp:AsyncPostBackTrigger>

36. <asp:AsyncPostBackTrigger ControlID="btnAddTimer" EventName="Click"></asp:AsyncPostBackTrigger>

37. </Triggers>

38. </asp:UpdatePanel>

39.

40. </form>

41.</body>

42.</html>

001.using System;

002.using System.Collections.Generic;

003.using System.Web.UI;

004.using System.Web.UI.WebControls;

005.using Telerik.Web.UI;

006.

007.namespace Dashboard

008.{

009. public partial class AA : System.Web.UI.Page

010. {

011. private const bool DockStateCleared = false;

012.

013. private List<DockState> CurrentDockStates

014. {

015. get

016. {

017. //Store the info about the added docks in the session. For real life

018. // applications we recommend using database or other storage medium

019. // for persisting this information.

020. List<DockState> _currentDockStates = (List<DockState>)Session["CurrentDockStatesMyPortal"];

021. if (Object.Equals(_currentDockStates, null))

022. {

023. _currentDockStates = new List<DockState>();

024. Session["CurrentDockStatesMyPortal"] = _currentDockStates;

025. }

026. return _currentDockStates;

027. }

028. set

029. {

030. Session["CurrentDockStatesMyPortal"] = value;

031. }

032. }

033.

034. private RadDock CreateRadDockFromState(DockState state)

035. {

036. RadDock dock = new RadDock();

037. dock.DockMode = DockMode.Docked;

038. dock.ID = string.Format("RadDock{0}", state.UniqueName);

039. dock.ApplyState(state);

040. dock.Commands.Add(new DockCloseCommand());

041. //dock.Commands.Add(new DockExpandCollapseCommand());

042.

043. return dock;

044. }

045.

046. protected void Page_Init(object sender, EventArgs e)

047. {

048. //Recreate the docks in order to ensure their proper operation

049. for (int i = 0; i < CurrentDockStates.Count; i++)

050. {

051. // clears the closed docks from the dock state, this line is

052. // optional and its purpose is to keep the dock state as small

053. // as possible

054. if (CurrentDockStates[i].Closed == true) continue;

055.

056. RadDock dock = CreateRadDockFromState(CurrentDockStates[i]);

057. //We will just add the RadDock control to the RadDockLayout.

058. // You could use any other control for that purpose, just ensure

059. // that it is inside the RadDockLayout control.

060. // The RadDockLayout control will automatically move the RadDock

061. // controls to their corresponding zone in the LoadDockLayout

062. // event (see below).

063. RadDockLayout1.Controls.Add(dock);

064. //We want to save the dock state every time a dock is moved.

065. CreateSaveStateTrigger(dock);

066. //Load the selected widget

067. LoadWidget(dock);

068.

069. // prevents the rendering of closed docks, used for improving

070. // performance

071. if (CurrentDockStates[i].Closed == true)

072. {

073. dock.Visible = false;

074. }

075. }

076. }

077.

078. protected void Page_Load(object sender, EventArgs e)

079. {

080.

081. }

082.

083. protected void RadDockLayout1_LoadDockLayout(object sender, Telerik.Web.UI.DockLayoutEventArgs e)

084. {

085. //Populate the event args with the state information. The RadDockLayout control

086. // will automatically move the docks according that information.

087. foreach (DockState state in CurrentDockStates)

088. {

089. e.Positions[state.UniqueName] = state.DockZoneID;

090. e.Indices[state.UniqueName] = state.Index;

091. }

092. }

093.

094. protected void RadDockLayout1_SaveDockLayout(object sender, Telerik.Web.UI.DockLayoutEventArgs e)

095. {

096. if (!DockStateCleared)

097. {

098. //Save the dock state in the session. This will enable us

099. // to recreate the dock in the next Page_Init.

100. CurrentDockStates = RadDockLayout1.GetRegisteredDocksState();

101. }

102. else

103. {

104. //the clear state button was clicked, so we refresh the page and start over.

105. Response.Redirect(Request.RawUrl, false);

106. }

107. }

108.

109. protected void btnAddWidget_Click(object sender, EventArgs e)

110. {

111. AddWidget("SimpleUserControl");

112. }

113.

114. private void AddWidget(string widgetName)

115. {

116. RadDock radDock = CreateRadDock();

117. //find the target zone and add the new dock there

118. RadDockZone radDockZone = RadDockZone2; //(RadDockZone)this.Master.FindControl("ContentPlaceHolder1").FindControl(DropDownZone.SelectedItem.Text);

119.

120. //adding the dock to the dock layout and then docking it to the zone to avoid ViewState issues on subsequent postback

121. RadDockLayout1.Controls.Add(radDock);

122. radDock.Dock(radDockZone);

123.

124. CreateSaveStateTrigger(radDock);

125.

126. // Ensure that the dock is opened, should be used when closed docks are

127. // cleared from the dock state on Page_Init

128. radDock.Closed = false;

129.

130. //Load the selected widget in the RadDock control

131. radDock.Tag = widgetName;

132. LoadWidget(radDock);

133. }

134.

135. private void LoadWidget(RadDock dock)

136. {

137. if (string.IsNullOrEmpty(dock.Tag) || dock.Closed)

138. {

139. return;

140. }

141.

142. Control widget = null;

143. switch (dock.Tag)

144. {

145. case "SimpleUserControl":

146. {

147. SimpleControl horoscopeControl = new SimpleControl();

148. horoscopeControl.ID = "myHoros";

149. widget = horoscopeControl;

150. }

151. break;

152. case "MyTimerControl":

153. {

154. Timer timerControl = new Timer();

155. timerControl.ID = "coolTimer";

156. widget = timerControl;

157. }

158. break;

159. }

160. if (widget != null)

161. {

162. dock.ContentContainer.Controls.Add(widget);

163. }

164. }

165.

166. private void CreateSaveStateTrigger(RadDock dock)

167. {

168. //Ensure that the RadDock control will initiate postback

169. // when its position changes on the client or any of the commands is clicked.

170. //Using the trigger we will "ajaxify" that postback.

171. dock.AutoPostBack = true;

172. dock.CommandsAutoPostBack = true;

173.

174. AsyncPostBackTrigger saveStateTrigger = new AsyncPostBackTrigger();

175. saveStateTrigger.ControlID = dock.ID;

176. saveStateTrigger.EventName = "DockPositionChanged";

177. UpdatePanel2.Triggers.Add(saveStateTrigger);

178.

179. saveStateTrigger = new AsyncPostBackTrigger();

180. saveStateTrigger.ControlID = dock.ID;

181. saveStateTrigger.EventName = "Command";

182. UpdatePanel2.Triggers.Add(saveStateTrigger);

183. }

184.

185. private RadDock CreateRadDock()

186. {

187. RadDock dock = new RadDock();

188. dock.DockMode = DockMode.Docked;

189. dock.UniqueName = Guid.NewGuid().ToString().Replace("-", "a");

190. dock.ID = string.Format("RadDock{0}", dock.UniqueName);

191. dock.Title = "Dock";

192. dock.Text = string.Format("Added at {0}", DateTime.Now);

193. dock.Width = Unit.Pixel(100);

194. dock.Height = Unit.Pixel(400);

195. dock.Commands.Add(new DockCloseCommand());

196. //dock.Commands.Add(new DockExpandCollapseCommand());

197.

198. return dock;

199. }

200.

201. protected void btnAddTimer_Click(object sender, EventArgs e)

202. {

203. AddWidget("MyTimerControl");

204. }

205. }

206.}

User-Controls

01.using System;

02.using System.Collections.Generic;

03.using System.Web.UI;

04.using System.Web.UI.WebControls;

05.

06.namespace Dashboard

07.{

08. public partial class SimpleControl : System.Web.UI.UserControl

09. {

10. public List<string> SignList

11. {

12. get

13. {

14. var signList = new List<string>();

15. signList.Add("Virgo");

16. signList.Add("Libra");

17. signList.Add("Scorpio");

18. signList.Add("Tauro");

19. return signList;

20. }

21. }

22.

23. protected void Page_Init(object sender, EventArgs e)

24. {

25. //Drop Down List

26. DropDownList ddlHoroscope = new DropDownList();

27. ddlHoroscope.ID = "DropDownSigns";

28. ddlHoroscope.EnableViewState = false;

29. ddlHoroscope.AutoPostBack = true;

30. ddlHoroscope.Width = Unit.Pixel(180);

31. ddlHoroscope.SelectedIndexChanged += ddlHoroscope_SelectedIndexChanged;

32. ddlHoroscope.DataSource = SignList;

33. ddlHoroscope.DataBind();

34. ddlHoroscope.SelectedIndex = 0;

35. this.Controls.Add(ddlHoroscope);

36.

37. //Literal

38. Literal horoscopeLiteral = new Literal();

39. horoscopeLiteral.ID = "Horoscope";

40. this.Controls.Add(horoscopeLiteral);

41.

42. //Update Panel

43. UpdatePanel updatePanelHoros = new UpdatePanel();

44. updatePanelHoros.ID = "UpdatePanelHoroscopes";

45. updatePanelHoros.UpdateMode = UpdatePanelUpdateMode.Conditional;

46. updatePanelHoros.ContentTemplateContainer.Controls.Add(horoscopeLiteral);

47. AsyncPostBackTrigger trigger = new AsyncPostBackTrigger();

48. trigger.ControlID = ddlHoroscope.UniqueID;

49. trigger.EventName = "SelectedIndexChanged";

50. updatePanelHoros.Triggers.Add(trigger);

51. this.Controls.Add(updatePanelHoros);

52. }

53.

54. protected void Page_Load(object sender, EventArgs e)

55. {

56. if (!IsPostBack)

57. {

58.

59. }

60. DisplayHoroscope();

61. }

62.

63. private void DisplayHoroscope()

64. {

65. var horosLabel = this.FindControl("Horoscope") as Literal;

66. var horosDDL = this.FindControl("DropDownSigns") as DropDownList;

67. if (horosLabel != null && horosDDL != null)

68. {

69. horosLabel.Text = horosDDL.SelectedItem.Text;

70. }

71. }

72.

73. void ddlHoroscope_SelectedIndexChanged(object sender, EventArgs e)

74. {

75. DisplayHoroscope();

76. }

77. }

78.}

01.using System;

02.using System.Web.UI;

03.using System.Web.UI.WebControls;

04.

05.namespace Dashboard

06.{

07. public partial class Timer : System.Web.UI.UserControl

08. {

09.

10. protected void Page_Init(object sender, EventArgs e)

11. {

12. System.Web.UI.Timer myTimer = new System.Web.UI.Timer();

13. myTimer.ID = "Timer1";

14. myTimer.Interval = 1000;

15. myTimer.Tick += myTimer_Tick;

16. this.Controls.Add(myTimer);

17.

18. Label myLabel = new Label();

19. myLabel.ID = "lblTime";

20. this.Controls.Add(myLabel);

21.

22. //Update Panel

23. UpdatePanel updatePanelTimer = new UpdatePanel();

24. updatePanelTimer.ID = "UpdatePanelTimer";

25. updatePanelTimer.UpdateMode = UpdatePanelUpdateMode.Conditional;

26. updatePanelTimer.ContentTemplateContainer.Controls.Add(myTimer);

27. updatePanelTimer.ContentTemplateContainer.Controls.Add(myLabel);

28. this.Controls.Add(updatePanelTimer);

29. }

30.

31. void myTimer_Tick(object sender, EventArgs e)

32. {

33. DisplayTime();

34. }

35.

36. private void DisplayTime()

37. {

38. var timerLabel = this.FindControl("lblTime") as Label;

39. if (timerLabel != null)

40. {

41. timerLabel.Text = "Panel refreshed at: " + DateTime.Now.ToLongTimeString();

42. }

43. }

44.

45. protected void Page_Load(object sender, EventArgs e)

46. {

47. DisplayTime();

48. }

49.

50. }

51.}

NOT WORKING VERSION

01.<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="AA.aspx.cs" Inherits="Dashboard.AA" %>

02.<!DOCTYPE html>

03.

04.<html xmlns="http://www.w3.org/1999/xhtml">

05. <head runat="server">

06. <title></title>

07. <style>

08. .myStyle {

09. background: #f5f4e8;

10. float: left;

11. margin-bottom: 20px;

12. margin-right: 70px;

13. }

14.

15. .myStyle2 {

16. background: #d5f0fa;

17. float: left;

18. margin-bottom: 20px;

19. margin-right: 70px;

20. }

21. </style>

22. </head>

23. <body>

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

25. <asp:ScriptManager ID="scriptManager" runat="server"></asp:ScriptManager>

26. </form>

27. </body>

28.</html>

001.using System;

002.using System.Collections.Generic;

003.using System.Web.UI;

004.using System.Web.UI.WebControls;

005.using Telerik.Web.UI;

006.

007.namespace Dashboard

008.{

009. public partial class AA : Page

010. {

011. private bool _dockStateCleared = false;

012.

013. private AsyncPostBackTrigger _asyncPostBackTriggerAddTimerWidget;

014. private AsyncPostBackTrigger _asyncPostBackTriggerAddWidget;

015.

016. private Button _buttonAddTimer;

017. private Button _buttonAddWidget;

018. private RadDockLayout _radDockLayoutOne;

019. private RadDockZone _radDockZoneOne;

020. private RadDockZone _radDockZoneTwo;

021. private UpdatePanel _updatePanelTwo;

022. private RadDock _radDock;

023.

024. protected void Page_Init(object sender, EventArgs e)

025. {

026. #region Layout

027.

028. _radDockLayoutOne = new RadDockLayout

029. {

030. ID = "RadDockLayout1"

031. };

032.

033. //Layout Events

034. _radDockLayoutOne.SaveDockLayout += _radDockLayoutOne_SaveDockLayout;

035. _radDockLayoutOne.LoadDockLayout += _radDockLayoutOne_LoadDockLayout;

036.

037. // Add Layout to Page

038. form1.Controls.Add(_radDockLayoutOne);

039. #endregion

040.

041. #region Zone

042.

043. // Zone 1

044. _radDockZoneOne = new RadDockZone

045. {

046. ID = "RadDockZone1",

047. BorderStyle = BorderStyle.Dotted,

048. MinWidth = Unit.Pixel(300),

049. Width = Unit.Percentage(98.0),

050. MinHeight = Unit.Pixel(300),

051. CssClass = "myStyle",

052. ToolTip = "Zone 1"

053. };

054. // Add Zone 1 to Page

055. form1.Controls.Add(_radDockZoneOne);

056.

057. // Zone 2

058. _radDockZoneTwo = new RadDockZone

059. {

060. ID = "RadDockZone2",

061. BorderStyle = BorderStyle.Dotted,

062. MinWidth = Unit.Pixel(300),

063. Width = Unit.Percentage(98.0),

064. MinHeight = Unit.Pixel(300),

065. CssClass = "myStyle2"

066. };

067. // Add Zone 2 to Page

068. form1.Controls.Add(_radDockZoneTwo);

069.

070. #endregion

071.

072. #region Buttons

073.

074. // Button Widget

075. _buttonAddWidget = new Button

076. {

077. ID = "btnAddWidget",

078. Text = "Add Signs Control"

079. };

080. _buttonAddWidget.Click += _buttonAddWidget_Click;

081. // Add Button to Page

082. form1.Controls.Add(_buttonAddWidget);

083.

084. //Button Timer

085. _buttonAddTimer = new Button

086. {

087. ID = "btnAddTimer",

088. Text = "Add Timer Control"

089. };

090. _buttonAddTimer.Click += _buttonAddTimer_Click;

091. // Add Button to Page

092. form1.Controls.Add(_buttonAddTimer);

093. #endregion

094.

095. #region Update Panel

096.

097. _updatePanelTwo = new UpdatePanel

098. {

099. ID = "UpdatePanel2",

100. ChildrenAsTriggers = false,

101. UpdateMode = UpdatePanelUpdateMode.Conditional

102. };

103. _updatePanelTwo.ContentTemplateContainer.Controls.Add(_radDockLayoutOne);

104. _updatePanelTwo.ContentTemplateContainer.Controls.Add(_radDockZoneOne);

105. _updatePanelTwo.ContentTemplateContainer.Controls.Add(_radDockZoneTwo);

106.

107. _asyncPostBackTriggerAddTimerWidget = new AsyncPostBackTrigger

108. {

109. ControlID = _buttonAddWidget.UniqueID,

110. EventName = "Click"

111. };

112. _updatePanelTwo.Triggers.Add(_asyncPostBackTriggerAddTimerWidget);

113.

114. _asyncPostBackTriggerAddWidget = new AsyncPostBackTrigger

115. {

116. ControlID = _buttonAddTimer.UniqueID,

117. EventName = "Click"

118. };

119. _updatePanelTwo.Triggers.Add(_asyncPostBackTriggerAddWidget);

120. _updatePanelTwo.Update();

121. form1.Controls.Add(_updatePanelTwo);

122.

123. #endregion

124.

125.

126.

127. }

128.

129. protected void Page_Load(object sender, EventArgs e)

130. {

131. #region Recreate the docks in order to ensure their proper operation

132. //Recreate the docks in order to ensure their proper operation

133. for (int i = 0; i < CurrentDockStates.Count; i++)

134. {

135. // clears the closed docks from the dock state, this line is

136. // optional and its purpose is to keep the dock state as small

137. // as possible

138. if (CurrentDockStates[i].Closed == true) continue;

139.

140. RadDock dock = CreateRadDockFromState(CurrentDockStates[i]);

141. //We will just add the RadDock control to the RadDockLayout.

142. // You could use any other control for that purpose, just ensure

143. // that it is inside the RadDockLayout control.

144. // The RadDockLayout control will automatically move the RadDock

145. // controls to their corresponding zone in the LoadDockLayout

146. // event (see below).

147. _radDockLayoutOne.Controls.Add(dock);

148. //We want to save the dock state every time a dock is moved.

149. CreateSaveStateTrigger(dock);

150. //Load the selected widget

151. LoadWidget(dock);

152.

153. // prevents the rendering of closed docks, used for improving

154. // performance

155. if (CurrentDockStates[i].Closed == true)

156. {

157. dock.Visible = false;

158. }

159. }

160. #endregion

161.

162. }

163.

164. void _buttonAddTimer_Click(object sender, EventArgs e)

165. {

166. AddWidget("MyTimerControl");

167. }

168.

169. void _buttonAddWidget_Click(object sender, EventArgs e)

170. {

171. AddWidget("SimpleUserControl");

172. }

173.

174. void _radDockLayoutOne_LoadDockLayout(object sender, DockLayoutEventArgs e)

175. {

176. //Populate the event args with the state information. The RadDockLayout control

177. // will automatically move the docks according that information.

178. foreach (DockState state in CurrentDockStates)

179. {

180. e.Positions[state.UniqueName] = state.DockZoneID;

181. e.Indices[state.UniqueName] = state.Index;

182. }

183. }

184.

185. void _radDockLayoutOne_SaveDockLayout(object sender, DockLayoutEventArgs e)

186. {

187. if (!_dockStateCleared)

188. {

189. //Save the dock state in the session. This will enable us

190. // to recreate the dock in the next Page_Init.

191. if (_radDockLayoutOne != null) CurrentDockStates = _radDockLayoutOne.GetRegisteredDocksState();

192. }

193. else

194. {

195. //the clear state button was clicked, so we refresh the page and start over.

196. Response.Redirect(Request.RawUrl, false);

197. }

198. }

199.

200. private List<DockState> CurrentDockStates

201. {

202. get

203. {

204. //Store the info about the added docks in the session. For real life

205. // applications we recommend using database or other storage medium

206. // for persisting this information.

207. var currentDockStates = (List<DockState>) Session["CurrentDockStatesMyPortal"];

208. if (Equals(currentDockStates, null))

209. {

210. currentDockStates = new List<DockState>();

211. Session["CurrentDockStatesMyPortal"] = currentDockStates;

212. }

213. return currentDockStates;

214. }

215. set { Session["CurrentDockStatesMyPortal"] = value; }

216. }

217.

218. private RadDock CreateRadDockFromState(DockState state)

219. {

220. var dock = new RadDock

221. {

222. DockMode = DockMode.Docked,

223. ID = string.Format("RadDock{0}", state.UniqueName)

224. };

225. dock.ApplyState(state);

226. dock.Commands.Add(new DockCloseCommand());

227. //dock.Commands.Add(new DockExpandCollapseCommand());

228.

229. return dock;

230. }

231.

232. private void AddWidget(string widgetName)

233. {

234. _radDock = CreateRadDock();

235. //find the target zone and add the new dock there

236. RadDockZone radDockZone = _radDockZoneTwo;

237. //(RadDockZone)this.Master.FindControl("ContentPlaceHolder1").FindControl(DropDownZone.SelectedItem.Text);

238.

239. //adding the dock to the dock layout and then docking it to the zone to avoid ViewState issues on subsequent postback

240. if (_radDockLayoutOne != null) _radDockLayoutOne.Controls.Add(_radDock);

241. _radDock.Dock(radDockZone);

242.

243. CreateSaveStateTrigger(_radDock);

244.

245. // Ensure that the dock is opened, should be used when closed docks are

246. // cleared from the dock state on Page_Init

247. _radDock.Closed = false;

248.

249. //Load the selected widget in the RadDock control

250. _radDock.Tag = widgetName;

251. LoadWidget(_radDock);

252. }

253.

254. private void LoadWidget(RadDock dock)

255. {

256. if (string.IsNullOrEmpty(dock.Tag) || dock.Closed)

257. {

258. return;

259. }

260.

261. Control widget = null;

262. switch (dock.Tag)

263. {

264. case "SimpleUserControl":

265. {

266. var horoscopeControl = new SimpleControl();

267. horoscopeControl.ID = "myHoros";

268. widget = horoscopeControl;

269. }

270. break;

271. case "MyTimerControl":

272. {

273. var timerControl = new Timer();

274. timerControl.ID = "coolTimer";

275. widget = timerControl;

276. }

277. break;

278. }

279. if (widget != null)

280. {

281. dock.ContentContainer.Controls.Add(widget);

282. //_updatePanelTwo.ContentTemplateContainer.Controls.Add(dock);

283. }

284. }

285.

286. private void CreateSaveStateTrigger(RadDock dock)

287. {

288. //Ensure that the RadDock control will initiate postback

289. // when its position changes on the client or any of the commands is clicked.

290. //Using the trigger we will "ajaxify" that postback.

291. dock.AutoPostBack = true;

292. dock.CommandsAutoPostBack = true;

293.

294. if (_updatePanelTwo != null)

295. {

296. var saveStateTrigger = new AsyncPostBackTrigger

297. {

298. ControlID = dock.ID,

299. EventName = "DockPositionChanged"

300. };

301. _updatePanelTwo.Triggers.Add(saveStateTrigger);

302.

303. saveStateTrigger = new AsyncPostBackTrigger

304. {

305. ControlID = dock.ID,

306. EventName = "Command"

307. };

308. _updatePanelTwo.Triggers.Add(saveStateTrigger);

309. }

310. }

311.

312. private RadDock CreateRadDock()

313. {

314. var dock = new RadDock

315. {

316. DockMode = DockMode.Docked,

317. UniqueName = Guid.NewGuid().ToString().Replace("-", "a")

318. };

319. dock.ID = string.Format("RadDock{0}", dock.UniqueName);

320. dock.Title = "Dock";

321. dock.Text = string.Format("Added at {0}", DateTime.Now);

322. dock.Width = Unit.Pixel(100);

323. dock.Height = Unit.Pixel(400);

324. dock.Commands.Add(new DockCloseCommand());

325. //dock.Commands.Add(new DockExpandCollapseCommand());

326.

327. return dock;

328. }

329.

330. }

331.}

Can you please have a look and help me out with this issue?

Telerik version: 2012.3.1016.35

Thanks,
Navnit

Dock

answered on 20 May 2014

2 answers

92 views

Edit or Insert One item at a time

Hi,
I'm using a radgrid containing DetailTables and EditFormTemplate for parent and child,
I want to know how can i insert or edit an item at time (Parnent or child) i found this tutorial :Edit/Insert Once
i changed the code as bellow

if (e.CommandName == RadGrid.InitInsertCommandName)

{

e.Item.OwnerTableView.ClearEditItems();

grid.MasterTableView.ClearEditItems();

e.Item.OwnerTableView.IsItemInserted = false;

grid.MasterTableView.IsItemInserted = false;

}

if (e.CommandName == RadGrid.EditCommandName)

{

e.Item.OwnerTableView.ClearEditItems();

grid.MasterTableView.ClearEditItems();

e.Item.OwnerTableView.IsItemInserted = false;

grid.MasterTableView.IsItemInserted = false;

}

but it allow me to insert child and parent item in the same time or Edit different child item at the same time too.
thx.

Grid

answered on 20 May 2014

6 answers

571 views

OnClose of Radwindow need to perform server side code

Hi,

Is there a way to perform a server side code, say bind a radtreeview after closing the radwindow or is there a way to bind a radtreeview to a linqdatasource control using javascript?

Thanks!

General Discussions

answered on 20 May 2014

5 answers

858 views

Telerik.Web.UI.dll or one of its dependencies requires a later version of the .NET Framework

I have web application with target framework 3.5. When I try to add reference to Telerik.Web.UI.dll (version 2011.2.915.40) I get the following error:
"Telerik.Web.UI.dll or one of its dependencies requires a later version of the .NET Framework than the one specified in project"

If I will add the dll despite the warning I get another error during compilaton:
"SMDiagnostics.dll or one of its dependencies is built by a runtime newer than the currently loaded runtime and cannot be loaded"

Which version of Telerik.Web.UI.dll will work with Framework 3.5?

Installer and VS Extensions

answered on 20 May 2014

1 answer

233 views

physical path error

Hi
I am trying to use the File Explorer to point view a folder on the server, the folder will be different for each user so I need to set the path at run time, I have tried the following code but I get the error :'D:/Testing/Project3_dev/' is a physical path, but a virtual path was expected.

Dim paths() As String = {"D:\Testing\Project3_dev", "\\LocalPath"}
Me.rfeServerFiles.Configuration.ViewPaths = paths

can anyone help please?

FileExplorer

answered on 20 May 2014