Questions on UI for ASP.NET AJAX Forum

0 answers

414 views

DataBinding: 'System.String' does not contain a proerpy with the name...

Need help here. This grid has 2 records being displayed. If I edit the first record everything works fine. If I edit the second record I get this debug message:

This only happens if I have ListDataMember="ReportName"

HttpException was unhandled by user code

DataBinding: 'System.String' does not contain a property with the name 'ReportName'

here is the item databound sub, Getting the error on ReportNameddList.Databind()

Protected Sub RadGrid1_ItemDataBound(ByVal sender As Object, ByVal e As GridItemEventArgs) Handles RadGrid1.ItemDataBound

If (TypeOf e.Item Is GridEditableItem AndAlso CType(e.Item, GridEditableItem).IsInEditMode) Then

Dim GridRow As GridEditableItem = e.Item

Dim editedItem As GridEditableItem = CType(e.Item, GridEditableItem)

Dim editMan As GridEditManager = editedItem.EditManager

' this covers the report format field priming

Dim editor As GridDropDownListColumnEditor = CType(editMan.GetColumnEditor("ddReportFormat"), GridDropDownListColumnEditor)

Dim ReportFormatddList As DropDownList = editor.DropDownListControl

ReportFormatddList.Items.Insert(0, New ListItem("Excel", "Excel"))

ReportFormatddList.Items.Insert(1, New ListItem("PDF", "PDF"))

ReportFormatddList.Items.Insert(2, New ListItem("HTML4.0", "HTML4.0"))

ReportFormatddList.DataBind()

'select the correct record

Dim ReportFormatString As String = GridRow.GetDataKeyValue("ReportFormat").ToString()

ReportFormatddList.Items.FindByValue(ReportFormatString).Selected = True

'this covers the report name field priming

editor = CType(editMan.GetColumnEditor("ddReportName"), GridDropDownListColumnEditor)

Dim ReportNameddList As DropDownList = editor.DropDownListControl

ReportNameddList.DataSource = (From r In DbContext.SubscriptionReportNames Select r.ReportName).ToList()

ReportNameddList.DataBind() '<-- this is the error line, but only when second row is being edited.

'select the correct record

Dim ReportNameString As String = GridRow.GetDataKeyValue("ReportName").ToString()

ReportNameddList.Items.FindByValue(ReportNameString).Selected = True

End If

End Sub

.aspx code

<telerik:RadGrid runat="server" ID="RadGrid1" AutoGenerateColumns="False"

AllowPaging="True" AllowSorting="True" CellSpacing="0"

GridLines="None" ShowGroupPanel="True" Skin="Web20">

<MasterTableView DataKeyNames="ReportFormat,ReportName,FranchiseSubscriptionEmailID" CommandItemDisplay="Top" InsertItemPageIndexAction="ShowItemOnCurrentPage">

<CommandItemSettings ExportToPdfText="Export to PDF"></CommandItemSettings>

<RowIndicatorColumn FilterControlAltText="Filter RowIndicator column"></RowIndicatorColumn>

<ExpandCollapseColumn FilterControlAltText="Filter ExpandColumn column"></ExpandCollapseColumn>

<Columns>

<telerik:GridEditCommandColumn ButtonType="ImageButton" />

<telerik:GridBoundColumn DataField="FranchiseSubscriptionEmailID"

HeaderText="Record ID" ReadOnly="true"

ForceExtractValue="Always" ConvertEmptyStringToNull="true"

Visible="False" />

<telerik:GridBoundColumn DataField="FranchiseeID" HeaderText="Franchisee ID"

Visible="False" />

<telerik:GridDropDownColumn DataSourceID="ReportNameddlist" ListTextField="ReportName"

ListValueField="ReportName" UniqueName="ddReportName" SortExpression="ReportName"

HeaderText="Report Name" DropDownControlType="DropDownList" ListDataMember="ReportName"

DataField="ReportName">

</telerik:GridDropDownColumn>

<telerik:GridBoundColumn DataField="EmailAddress" HeaderText="Email Address" />

<telerik:GridBoundColumn DataField="Name" HeaderText="Franchisee Name" />

<telerik:GridDropDownColumn DataSourceID="ReportFormatddlist" ListTextField="ReportFormat"

ListValueField="ReportFormat" UniqueName="ddReportFormat" SortExpression="ReportFormat"

HeaderText="Report Format" DropDownControlType="DropDownList"

DataField="ReportFormat" ListDataMember="ReportFormat">

</telerik:GridDropDownColumn>

<telerik:GridButtonColumn ConfirmText="Delete this record?" ConfirmDialogType="RadWindow"

ConfirmTitle="Delete" ButtonType="ImageButton" CommandName="Delete" />

</Columns>

<EditFormSettings>

<EditColumn ButtonType="ImageButton" />

</EditFormSettings>

</MasterTableView>

<PagerStyle Mode="NextPrevAndNumeric" />

<ClientSettings AllowDragToGroup="True">

<ClientEvents OnRowDblClick="rowDblClick" />

</ClientSettings>

<FilterMenu EnableImageSprites="False"></FilterMenu>

<HeaderContextMenu CssClass="GridContextMenu GridContextMenu_Default"></HeaderContextMenu>

</telerik:RadGrid>

Grid

asked on 27 Jun 2012

8 answers

294 views

[Solved] RadNumericTextBox broken now when validating Currency values

Something changed re: RadNumericTextBoxes in the newest version of the Telerik Rad Ajax Controls (2012.2.607.40)

Our client-side/markup validators are all now broken on any currency validation as the "$" and the "," values are being passed thru instead of the raw value.

This change just happened with this new version of the Ajax controls and we have a lot of code that is now broken in production.

Need someone at Telerik to address this ASAP.

<telerik:RadNumericTextBox ID="rntbBudget" runat="server" CssClass="TextboxAnimated" Width="150px"

Type="Currency" DataType="Decimal" DbValue='<%# Eval("fldBudget") %>' NumberFormat-DecimalDigits="2" />

<asp:RequiredFieldValidator ID="rfvBudget" runat="server" ControlToValidate="rntbBudget"

ErrorMessage="Must enter a Budget amount!" Text="!" CssClass="errorMessage" />

<asp:CompareValidator ID="cvBudget" runat="server" ControlToValidate="rntbBudget" ValueToCompare="0.00"

Operator="GreaterThan" Type="Currency" ErrorMessage="The Budget amount must be greater than $0.00!" Text="!" CssClass="errorMessage" />

The above code now generates a validation error when it never did before.

Jerry

**EDIT**

Below is a workaround, for now:

<telerik:RadNumericTextBox ID="rntbBudget" runat="server" CssClass="TextboxAnimated" Width="150px"

Type="Number" DataType="Decimal" DbValue='<%# Eval("fldBudget") %>' NumberFormat-DecimalDigits="2" NumberFormat-GroupSeparator="" />

<asp:RequiredFieldValidator ID="rfvBudget" runat="server" ControlToValidate="rntbBudget"

ErrorMessage="Must enter a Budget amount!" Text="!" CssClass="errorMessage" />

<asp:CompareValidator ID="cvBudget" runat="server" ControlToValidate="rntbBudget" ValueToCompare="0.00"

Operator="GreaterThan" Type="Currency" ErrorMessage="The Budget amount must be greater than $0.00!" Text="!" CssClass="errorMessage" />

Notice the changes: The Type attribute on the RadNumericTextBox had to be changed from "Currency" to "Number" and the NumberFormat-GroupSeparator attributte had to be added but set to an empty string "".

This means a LOT of our production code now needs to be modified due to this underlying change in the RadNumericTextBox control.

Why did that change? There was no mention of it in the release notes either.

Input

answered on 27 Jun 2012

1 answer

69 views

CheckBox

Which Rad control should I use for a CheckBox when I'm using ASP.NET Ajax?

General Discussions

answered on 27 Jun 2012

3 answers

346 views

Tabstrip with updatepanel

Hi all how can I work with tabstrip inside update panel. I have designed as follows

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="radTabStripMultiPage.aspx.cs"

Inherits="radTabStripMultiPage" %>

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

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

<link href="StyleSheet2.css" rel="stylesheet" type="text/css" />

<link href="TabStrip.WebBlue.css" rel="stylesheet" type="text/css" />

</head>

<body>

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

<telerik:RadScriptManager ID="rad" runat="server">

</telerik:RadScriptManager>

<div>

<telerik:RadWindowManager ID="RadWindowManager2" runat="server" VisibleOnPageLoad="false">

<Shortcuts>

<telerik:WindowShortcut CommandName="CloseAll" Shortcut="Esc" />

</Shortcuts>

</telerik:RadWindowManager>

<telerik:RadWindowManager ID="RadWindowManager1" runat="server" Behavior="Default"

InitialBehavior="None">

<Windows>

<telerik:RadWindow ID="RadWindow1" runat="server" Behaviors="Default" InitialBehaviors="None"

OpenerElementID="btn" Width="650" Height="480" VisibleOnPageLoad="false">

<ContentTemplate>

<telerik:RadComboBox ID="rdcmb" runat="server">

<Items>

<telerik:RadComboBoxItem Text="One" Value="One" />

<telerik:RadComboBoxItem Text="Two" Value="Two" />

<telerik:RadComboBoxItem Text="Three" Value="Three" />

<telerik:RadComboBoxItem Text="Four" Value="Four" />

</Items>

</telerik:RadComboBox>

<telerik:RadTextBox ID="rdText" runat="server">

</telerik:RadTextBox>

<telerik:RadButton ID="radbtn" runat="server" Text="Save">

</telerik:RadButton>

</ContentTemplate>

</telerik:RadWindow>

</Windows>

</telerik:RadWindowManager>

<asp:UpdatePanel ID="up1" runat="server">

<ContentTemplate>

<telerik:RadTabStrip ID="rdtabEmployee" runat="server" MultiPageID="rdmpPersonal"

UnSelectChildren="True" Skin="WebBlue" EnableEmbeddedSkins="False" ClickSelectedTab="True"

SelectedIndex="0" OnTabClick="tabClick">

<Tabs>

<telerik:RadTab runat="server" Text="Personal" PageViewID="rdpgPersonal">

</telerik:RadTab>

<telerik:RadTab runat="server" Text="Contact" PageViewID="rdpgContact">

</telerik:RadTab>

<telerik:RadTab runat="server" Text="Salary" PageViewID="RadPageView1">

</telerik:RadTab>

<telerik:RadTab runat="server" Text="Bank" PageViewID="RadPageView2">

</telerik:RadTab>

<telerik:RadTab runat="server" Text="Taxes" SelectedIndex="0">

<Tabs>

<telerik:RadTab runat="server" Text="Residence" PageViewID="rdpgResident">

</telerik:RadTab>

<telerik:RadTab runat="server" Text="Work" PageViewID="rdpgWork">

</telerik:RadTab>

</Tabs>

</telerik:RadTab>

<telerik:RadTab runat="server" Text="Demo">

</telerik:RadTab>

<telerik:RadTab runat="server" Text="Demo1">

</telerik:RadTab>

<telerik:RadTab runat="server" Text="Demo2">

</telerik:RadTab>

<telerik:RadTab runat="server" Text="Demo1">

</telerik:RadTab>

</Tabs>

</telerik:RadTabStrip>

<telerik:RadMultiPage ID="rdmpPersonal" runat="server">

<telerik:RadPageView ID="rdpgPersonal" runat="server" Selected="true">

<telerik:RadPanelBar runat="server" ID="rdpnlPersonal" ExpandMode="FullExpandedItem"

Skin="Vista" EnableEmbeddedSkins="false" Width="550px">

<Items>

<telerik:RadPanelItem Expanded="true" Text="Employee Personal Information" runat="server"

Selected="true">

<Items>

<telerik:RadPanelItem Value="AccountInformation" runat="server">

<ItemTemplate>

<label>

Demop

</label>

<telerik:RadButton ID="rdbtnwhAnother" Text="Add WithHolding" runat="server" ButtonType="LinkButton"

OnClick="rdbtnwhAnother_Click">

</telerik:RadButton>

</ItemTemplate>

</telerik:RadPanelItem>

</Items>

</telerik:RadPanelItem>

</Items>

</telerik:RadPanelBar>

</telerik:RadPageView>

<telerik:RadPageView ID="rdpgContact" runat="server">

<label>

Demo Contact

</label>

</telerik:RadPageView>

<telerik:RadPageView ID="RadPageView1" runat="server">

<label>

Salary Demo

</label>

</telerik:RadPageView>

<telerik:RadPageView ID="RadPageView2" runat="server">

<label>

Demo Bank

</label>

</telerik:RadPageView>

<telerik:RadPageView ID="rdpgResident" runat="server">

<label>

Resident Demo

</label>

</telerik:RadPageView>

<telerik:RadPageView ID="rdpgWork" runat="server">

<label>

Work Demo

</label>

</telerik:RadPageView>

<telerik:RadPageView ID="RadPageView3" runat="server">

<label>

Work Demo

</label>

</telerik:RadPageView>

<telerik:RadPageView ID="RadPageView4" runat="server">

<label>

Work Demo

</label>

</telerik:RadPageView>

<telerik:RadPageView ID="RadPageView5" runat="server">

<label>

Work Demo

</label>

</telerik:RadPageView>

<telerik:RadPageView ID="RadPageView6" runat="server">

<label>

Work Demo

</label>

</telerik:RadPageView>

<telerik:RadPageView ID="RadPageView7" runat="server">

<label>

Work Demo

</label>

</telerik:RadPageView>

</telerik:RadMultiPage>

</ContentTemplate>

</asp:UpdatePanel>

<telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server" Width="16px">

</telerik:RadAjaxLoadingPanel>

<telerik:RadAjaxManager runat="server" ID="RadAjaxManager1">

<AjaxSettings>

<telerik:AjaxSetting AjaxControlID="rdbtnwhAnother">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="RadWindowManager1" LoadingPanelID="RadAjaxLoadingPanel1" />

</UpdatedControls>

</telerik:AjaxSetting>

<telerik:AjaxSetting AjaxControlID="rdmpPersonal">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="rdtabEmployee" />

<telerik:AjaxUpdatedControl ControlID="rdmpPersonal" LoadingPanelID="RadAjaxLoadingPanel1" />

</UpdatedControls>

</telerik:AjaxSetting>

<telerik:AjaxSetting AjaxControlID="rdtabEmployee">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="rdtabEmployee" />

<telerik:AjaxUpdatedControl ControlID="rdmpPersonal" LoadingPanelID="RadAjaxLoadingPanel1" />

</UpdatedControls>

</telerik:AjaxSetting>

</AjaxSettings>

</telerik:RadAjaxManager>

</div>

</form>

</body>

</html>

This is my code

protected void tabClick(object sender, RadTabStripEventArgs e)

{

switch (e.Tab.Text)

{

case "Personal":

break;

}

if (e.Tab.Text == "Taxes")

{

RadTab tab1 = rdtabEmployee.FindTabByText("Taxes");

tab1.Selected = true;

tab1.SelectedIndex = 0;

RadPageView pv1 = rdmpPersonal.FindPageViewByID("rdpgResident");

pv1.Selected = true;

}

if (e.Tab.Text == "Residence")

{

RadTab tab1 = rdtabEmployee.FindTabByText("Taxes");

tab1.Selected = true;

tab1.SelectedIndex = 0;

RadPageView pv1 = rdmpPersonal.FindPageViewByID("rdpgResident");

pv1.Selected = true;

}

if (e.Tab.Text == "Work")

{

RadTab tab1 = rdtabEmployee.FindTabByText("Taxes");

tab1.Selected = true;

tab1.SelectedIndex = 1;

RadPageView pv1 = rdmpPersonal.FindPageViewByID("rdpgWork");

pv1.Selected = true;

}

But on clicking the tab activating only one i.e If i select Tab 2 and then Tab3 tab3 is not getting selected can any one help

TabStrip

answered on 27 Jun 2012

2 answers

325 views

How to set todays date to radDateTime Picker like ajax calender extender

Hi i am using raddatetimepicker verson=2011.1.519.35 in asp.net i want to set todays date to it...
it is possible with ajaxcalender extender like

function clientShowing(sender, args) {

if (new Date($get("HiddenField1").value) != null) {

sender.set_todaysDate(new Date($get("HiddenField1").value));

}

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

<div>

<asp:ToolkitScriptManager ID="ToolkitScriptManager1" runat="server">

</asp:ToolkitScriptManager>

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

<asp:calendarextender ID="CalendarExtender1" runat="server" Enabled="True" Format="dd/MM/yyyy"

TargetControlID="TextBox1" OnClientShowing="clientShowing"

PopupPosition="BottomLeft">

</asp:calendarextender>

<asp:HiddenField ID="HiddenField1" runat="server" />

</div>

</form>

it means whatever date in hiddenfield, i want to set it to raddatetimepicker as today date...
how to do it for asp.net...

Calendar

answered on 27 Jun 2012

3 answers

269 views

[Solved] Default Color Palette?

I'm trying to create a PieSeries and bind to my data sources in code behind and I have to specify the color for each SeriesItem one by one. Otherwise, the chart is rendered without color. Is there any option for applying a default color from the palette for each SeriesItem automatically?

EDIT: Color can be automatically assigned now after specifying the skin name property. There was no color at the beginning because we have used a custom skin.

Another question is how can we put SeriesItem names into the PieSeries labels? i.e. I want to display "Name - Value" instead of just "Value" in the chart.

Chart (HTML5)

answered on 27 Jun 2012

1 answer

270 views

MaskedTextbox set value

Hi,
Can anyone tell me how to change the value of a masked textbox using javascript.
In the previous version I was using the SetValue(value) method but in the Q2 2012 version it doesn't work anymore.

Is there a list of all the new methods anywhere?

Thank you.

Input

answered on 27 Jun 2012

1 answer

134 views

RadUpload-Disable Upload Button

Hi I am a new one here and have a question about the radupload control.

I am using the RadUpload control and setting up the properties as following:
    maxfilesize=4MB
    IsPauseEnabled=false
    IsAutomaticUpload=true (we want to upload right after selecting a file)
    IsPauseEnabled=false (we do not want to users to pause the uploading)

When I upload a file successfully and select second one (bigger than the maxfilesize) to upload, I got the error message. At this point of time, there is a Upload button showing up. We only want the Cancel button at this time (please refer to the attachment).

Is there any way I can hide the Upload button?

Thanks.

UI for ASP.NET AJAX in ASP.NET MVC