Questions on UI for ASP.NET AJAX Forum

1 answer

276 views

On adding new rows to the radgrid losing the data

My requirement is on pageload since I've nothing to bind to radgrid I need to just show the grid headers with "Add new row" button".
1. When the user click the "Add new row' button a new row is created with 2 textboxes and 2 dropdown(binds data from the database) to the radgrid row.
2. Each row should have remove row button
3. at the radgrid footer I've the Button "save to db"
4. after adding the data to the new row(not saved yet to the db) i need to add more rows. When I click on "Add new row' button I lose all the data entered. Technically saying on postback losing all data. this part is where I need help on how to handle this.

Finally after adding all rows I save the data to database.

*************Thoughout this functionality I have no data to rebind the radgrid from the database**************************

<telerik:RadGrid ID="RadGrid1" runat="server" AutoGenerateColumns="false" MasterTableView-CommandItemSettings-ShowAddNewRecordButton="false" MasterTableView-CommandItemSettings-ShowRefreshButton="false" OnNeedDataSource="RadGrid1_NeedDataSource"

OnItemDataBound="RadGrid1_ItemDataBound" OnItemCommand="RadGrid1_ItemCommand">

<MasterTableView Width="100%" HeaderStyle-Font-Bold="true" CommandItemStyle-Font-Bold="true" DataKeyNames="IsAdd,CourseID" CommandItemDisplay="Top" CommandItemStyle-HorizontalAlign="Right">

<CommandItemTemplate>

<asp:Button ID="IsAdd" Font-Size="Small" Font-Bold="true" CommandName="InitInsert" Text ="Add Course" runat="server" />

</CommandItemTemplate>

<Columns>

<telerik:GridTemplateColumn UniqueName="CourseID" HeaderText="Course #" DataField="CourseID">

<ItemTemplate>

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

</ItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridTemplateColumn UniqueName="CourseDept" HeaderText="Course dept" DataField="DeptID">

<ItemTemplate>

<asp:DropDownList ID="DeptDropDown" DataField="DeptID" DataTextField="DeptName" runat="server" AutoPostBack="false"></asp:DropDownList>

</ItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridTemplateColumn UniqueName="LocationName" HeaderText="Course Location" DataField="LocationID">

<ItemTemplate>

<asp:DropDownList ID="locationDropDown" DataTextField="locationName" runat="server" AutoPostBack="false"></asp:DropDownList>

</ItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridTemplateColumn UniqueName="Name" HeaderText="Remarks">

<ItemTemplate>

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

<asp:Button ID="Button1" runat="server" Text="Remove Row" CommandName="Delete" />

</ItemTemplate>

</telerik:GridTemplateColumn>

</Columns>

</MasterTableView>

</telerik:RadGrid>

<asp:Button ID="savebtn" runat="server" Font-Bold="true" Text="Save the course"/>

aspx.cs

protected void Page_Load(object sender, EventArgs e)

{

DataTable dt = new DataTable();

if (!IsPostBack)

{

dt.Columns.Add("CourseID");

dt.Columns.Add("Name");

dt.Columns.Add("IsAdd");

Session["dt"] = dt;

}

protected void RadGrid1_NeedDataSource(object sender, GridNeedDataSourceEventArgs e)

{

RadGrid1.DataSource = (DataTable)Session["dt"];

}

protected void RadGrid1_ItemDataBound(object sender, GridItemEventArgs e)

{

Button btn = new Button();

if (e.Item is GridDataItem)

{

GridDataItem item = e.Item as GridDataItem;

TextBox TextBox1 = item.FindControl("TextBox1") as TextBox;

Button Button1 = item.FindControl("Button1") as Button;

(I've deptdropdown and locationdropdown binded here)

TextBox TextBox4 = item.FindControl("TextBox4") as TextBox;

bool isAdd = Convert.ToBoolean(item.GetDataKeyValue("IsAdd"));

if (isAdd)

{

TextBox1.Visible = LocationDropDown.Visible = DeptDropDown.Visible = TextBox4.Visible = true;

btn.Visible = true;

RadGrid1.DataSource = Session["dt"];

}

protected void RadGrid1_ItemCommand(object sender, GridCommandEventArgs e)

{

if (e.CommandName == RadGrid.InitInsertCommandName)

{

DataTable dt = (DataTable)Session["dt"];

dt.Rows.Add(0, string.Empty, true);

RadGrid1.MasterTableView.IsItemInserted = false;

e.Canceled = true;

RadGrid1.Rebind();

}

KIndly help me solve this. Provided the code below.

Grid

answered on 20 Sep 2016

1 answer

105 views

Bug: RadGrid with GridCalculatedColumn error when Rebind is called

Affected version: 2016.2.504.45

Steps to reproduce:

1) Create a RadGrid with a GridCalculatedColumn

2) Follow the first steps outlined in the documentation to put all rows in edit mode by calling Rebind() during prerender

Link: http://docs.telerik.com/devtools/aspnet-ajax/controls/grid/how-to/data-editing/put-all-items-in-edit-mode

3) Crash

Solution:

Follow the second steps outlined in the documentation to put all rows in edit mode via OnItemCreated

Grid

answered on 20 Sep 2016

2 answers

219 views

Wrap up/Text can be in new line after certain length of TEXT in RadTreeView in C#

Hi ,

I need a help regarding RadTreeView , where i would like wrap of Text value to next line according to fix size of text

Aspx Code

code-Cs page

rotected void rtvCardFileCatEntries_NodeClick(object sender, RadTreeNodeEventArgs e)
{
//If the click came from a Card file category
if (e.Node.Level == 1)
{
Guid selectedCardFileEntryId = Guid.Empty;
try
{
selectedCardFileEntryId = new Guid(e.Node.Value);
}
catch
{
}
if (selectedCardFileEntryId != Guid.Empty)
{
EntryEntity cardFileEntry = new EntryEntity(selectedCardFileEntryId);
ltCardFileEntryHtml.Text = cardFileEntry.EntryHtml; -- Here Text is coming
}
}
}

protected void rtvCardFileCatEntries_NodeExpand(object sender, RadTreeNodeEventArgs e)
{
Guid selectedCardFileCategoryId = Guid.Empty;
try
{
selectedCardFileCategoryId = new Guid(e.Node.Value);
}
catch
{
}
if (selectedCardFileCategoryId != Guid.Empty)
{
Collection cardFileEntries = GetCardFileEntries(selectedCardFileCategoryId);
e.Node.Nodes.Clear();
foreach (EntryEntity cardFileEntry in cardFileEntries)
{
RadTreeNode node = new RadTreeNode();
node.Text = cardFileEntry.Description;---Here Text is coming
node.Value = cardFileEntry.CardFileEntryId.ToString();
e.Node.Nodes.Add(node);
}
}
}

in UI --on click on button i am getting

eg:

Non-Commission Agencies
Wisconsin Department of Agriculture, Trade and Consumer Protection Agency

Now my requirement to change this above text to

Non-Commission Agencies --Parent -on click of this (for parent also length of text 50 should come to next line)
Wisconsin Department of Agriculture,---rest text should come on next line(new line)-(length of text 50 should come to next line)

Trade and Consumer Protection Agency

what are possibilities please advise me .

Thanks in Advance

General Discussions

answered on 20 Sep 2016

3 answers

102 views

Telerik RadHtmlChart skip days in x-axis

Hello I hope you can help me.

I am using Telerik RadHtmlChart, I need to remove from the x axis Saturdays and Sundays. What I mean, I need that the distance between friday and Monday be the same as Monday to Tuesday, my data will return only information for day weeks not for weekend.
It's possible?

Thank you very much in advance.

Chart (HTML5)

answered on 20 Sep 2016

4 answers

117 views

Telerik RadHtmlChart skip days in x-axis

Hello I hope you can help me.

I am using Telerik RadHtmlChart, I need to remove from the x axis Saturdays and Sundays. What I mean, I need that the distance between friday and Monday be the same as Monday to Tuesday, my data will return only information for day weeks not for weekend.
It's possible?
Thank you very much in advance.

General Discussions

answered on 20 Sep 2016

1 answer

221 views

Issue in using RadAjax loading panel with AjaxManagerProxy

Hi, we are using RadAjaxManager in Master page and RadAjaxManagerProxy in Content Page where loading panel is not working. Below is the sample code for the same condition:

Master Page:
<telerik:RadAjaxManager ID="RadAjaxManager1" EnableAJAX="true" runat="server"></telerik:RadAjaxManager>
<asp:ContentPlaceHolder ID="ContentPlaceHolder1" runat="server">
</asp:ContentPlaceHolder>

Content Page:
<telerik:RadCodeBlock ID="RCB1" runat="server">
<script type="text/javascript">
function Submit() {.....}
</script>
</telerik:RadCodeBlock>

<telerik:RadAjaxManagerProxy ID="RadAjaxManagerProxy1" runat="server">
<AjaxSettings>
<telerik:AjaxSetting AjaxControlID="ajaxPanel1">
<UpdatedControls>
<telerik:AjaxUpdatedControl ControlID="ajaxPanel1" LoadingPanelID="RadAjaxLoadingPanel1" />
</UpdatedControls>
</telerik:AjaxSetting>
</AjaxSettings>
</telerik:RadAjaxManagerProxy>

<telerik:RadScriptManager ID="RadScriptManager1" runat="server">
</telerik:RadScriptManager>

<telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" BackgroundPosition="Center" runat="server" Transparency="30" BackColor="#E0E0E0">
<div>
<asp:Image ID="Image1" runat="server" ImageUrl="~/Images/ajax-loader.gif" AlternateText="loading"></asp:Image>
</div>
</telerik:RadAjaxLoadingPanel>

Earlier we were not using RadAjaxManagerProxy and RadAjaxManager was implemented in Content Page only. After upgrading application to .Net framework 4.5 and telerik version to 2016.2.607.45, we included proxy and then this issue started occurring. Kindly help in the scenario how can we use loading panel through manager proxy?

AjaxLoadingPanel

answered on 20 Sep 2016

3 answers

481 views

Enable and disable item child radmenu

hi,
i need enable and disable the item child of the radmenu depending on the data taken from a database.
For example...
into page aspx into page_load event or page_init, if there're not the record into database the item child witn value 2 must be disable.

this code radmanu is:

<telerik:RadMenu ID="RadMenu1" Runat="server"

EnableRoundedCorners="True" EnableShadows="True" Skin="Sunset">

<Items>

<telerik:RadMenuItem runat="server" Owner="RadMenu1" Text="Immagine profilo">

<Items>

<telerik:RadMenuItem runat="server" ImageUrl="~/Image/Icone/new.png" Owner=""

Text="Nuova" Width="110px" Value="1">

</telerik:RadMenuItem>

<telerik:RadMenuItem runat="server" ImageUrl="~/Image/Icone/view.png" Owner=""

Text="Visualizza" Width="110px" Value="2">

</telerik:RadMenuItem>

<telerik:RadMenuItem runat="server" ImageUrl="~/Image/Icone/delete.png"

Owner="" Text="Elimina" Width="110px" Value="3">

</telerik:RadMenuItem>

</Items>

</telerik:RadMenuItem>

</telerik:RadMenu>

how can i do it? with client side and use javascript or server side and use codce behind?
i use this code:

RadMenu1.Items(0).Items(1).Enabled = false

but into load event dont fuction. this code function only radmenu1_init event. But i must need that function in page_load event because there i load the record from database

Second problem i use the radwindows for load a new page and into this i save the record. When i close the radwindows, the item child with value 2 must be enable. So must tu use the javascript code?

Please help me

thanks you

Menu

answered on 20 Sep 2016

6 answers

243 views

radtilelist

i want to set radtilelist in sequence either horizontally or vertically. Cn u pls tell me.

TileList

answered on 20 Sep 2016

1 answer

132 views

GridDateTimeColumn Icon not showing

Hi:

This not a question, but an answer.

<Telerik:GridDateTimeColumn DataField="SampleTime" UniqueName="SampleTimeColumn" HeaderText="Time" HeaderStyle-Width="90px" ItemStyle-Width="86px" DataType="System.DateTime" PickerType="TimePicker">

</Telerik:GridDateTimeColumn>

The problem is the width of 90px does not allow for the full display of the date-time picker, so in code behind:

WebControl _timeGridControl = _item["SampleTimeColumn"];

if (_timeGridControl.Controls.Count > 0)

{

RadTimePicker _timeTextBox = (RadTimePicker)_timeGridControl.Controls[0];

_timeTextBox.Width = new Unit("80px");

      _timeTextBox.DateInput.DisplayDateFormat = "HH:mm";

      _timeTextBox.DateInput.DateFormat = "HH:mm";

}

Phil

Grid

answered on 20 Sep 2016

21 answers

326 views

RAD AjaxManager issue with Telerik.ReportViewer.WebForms.ReportViewer control

Hi, Everyone,

I’m having some issues with the RAD AjaxManager/Rad AjaxManager Proxy working with the reporting WebForms.ReportViewer that I can’t get around. I’m not sure if this is a Reporting issue or an ASP.Net issue, but I’m going to post here initially.

A little background: I just upgraded both the ASP.Net AJAX and Reporting toolsets from Q3 2012 SP1 to the Q3 2013 version. The scenario I’ll present below has been working with no issues in the Q3 2012 SP1 version and broke after the upgrade.

Basically, I’ve got a master page that has an AJAX Manager control and a content page that has the AjaxManager Proxy. Also on the content page, I’ve got a button and an ASP Panel that has a ReportViewer control and an ASP Label. The AjaxManager Proxy has been configured with AJAX settings for the button, with the ASP Panel identified as the control to be updated. The markup for this is below (this is inside the content page’s ASP Content tag):

<div>

<telerik:RadAjaxManagerProxy ID="RadAjaxManagerProxy1" runat="server">

<AjaxSettings>

<telerik:AjaxSetting AjaxControlID="RadButton1">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="pnlQuoteView" UpdatePanelCss />

</UpdatedControls>

</telerik:AjaxSetting>

</AjaxSettings>

</telerik:RadAjaxManagerProxy>

<table border="0" cellpadding="0" cellspacing="0" width="1300" style="border-style: solid; border-width: 1px; margin-left: auto; margin-right: auto; border-color: rgb(223, 233, 245);">

<tr>

<td>

<telerik:RadButton ID="RadButton1" runat="server" OnClick="RadButton1_Click" Text="RadButton">

</telerik:RadButton>

<br />

<asp:Panel ID="pnlQuoteView" runat="server" Width="100%">

<asp:Label ID="lblTest" runat="server"></asp:Label>

<telerik:ReportViewer ID="rvQuote" runat="server" ShowDocumentMapButton="False" ShowHistoryButtons="False"

ShowParametersButton="False" ShowRefreshButton="False" Width="100%" Height="600px"

ViewMode="Interactive" ShowExportGroup="False" ShowPrintButton="False" ProgressText="Generating quote..."></telerik:ReportViewer>

</asp:Panel>

</td>

</tr>

</table>

</div>

In the Page Load event for the content page, I’m setting the Visible property of the ReportViewer to false, as I don’t want it to display until the button is clicked. I’m doing the same thing with the Label.

The problem is coming when I try to set the Visible property of the ReportViewer to true in the button click event (see the code below):

protected void Page_Load(object sender, EventArgs e)

{

this.rvQuote.Visible = false;

this.lblTest.Visible = false;

}

protected void RadButton1_Click(object sender, EventArgs e)

{

this.lblTest.Visible = true;

this.lblTest.Text = "help!";

rvQuote.Visible = true;

}

When I do this, all AJAX stops working on the page because of an unhandled exception in the Telerik.Web.UI.WebResourse.axd:

JavaScript runtime error: Sys.WebForms.PageRequestManagerServerErrorException: Value cannot be null. Parameter name: key.

And the following gets written to the machine's Application Event Log for the unhandled exception:

Exception information:

Exception type: ArgumentNullException

Exception message: Value cannot be null.

Parameter name: key

at System.Collections.Generic.Dictionary`2.FindEntry(TKey key)

at System.Collections.Generic.Dictionary`2.TryGetValue(TKey key, TValue& value)

at Microsoft.VisualStudio.Web.PageInspector.Runtime.WebForms.SelectionMappingRenderTraceListener.GetLiteralTraceData(LiteralControl literal, TraceData& data)

at Microsoft.VisualStudio.Web.PageInspector.Runtime.WebForms.SelectionMappingRenderTraceListener.GetTraceData(Object renderedObject)

at Microsoft.VisualStudio.Web.PageInspector.Runtime.WebForms.SelectionMappingRenderTraceListener.EndRendering(TextWriter writer, Object renderedObject)

at System.Web.UI.RenderTraceListener.RenderTraceListenerList.EndRendering(TextWriter writer, Object renderedObject)

at System.Web.UI.Control.RenderControlInternal(HtmlTextWriter writer, ControlAdapter adapter)

at System.Web.UI.Control.RenderControl(HtmlTextWriter writer, ControlAdapter adapter)

at System.Web.UI.Control.RenderControl(HtmlTextWriter writer)

at System.Web.UI.Control.RenderChildrenInternal(HtmlTextWriter writer, ICollection children)

at System.Web.UI.Control.RenderChildren(HtmlTextWriter writer)

at System.Web.UI.WebControls.WebControl.RenderContents(HtmlTextWriter writer)

at System.Web.UI.WebControls.WebControl.Render(HtmlTextWriter writer)

at System.Web.UI.WebControls.CompositeControl.Render(HtmlTextWriter writer)

at Telerik.ReportViewer.WebForms.ReportViewer.Render(HtmlTextWriter writer)