Questions on UI for ASP.NET AJAX Forum

8 answers

594 views

How to save Images in Mysql Database or Image paths in database.

Hi.. i want to know how to save images in database using RadUpload or RadAsyncUpload. and also i want to retrive it .. basically i'm making a Picture sharing site .. so please can u help me.. i'm beginner in asp.net. and also i followed your demo link.. but its hard for me to understand..

i've following scenario
1. User may upload "N" no of photos.. to db.
2 and has to retrive all his photos (Like gallery).

Which method is best stroing path of image in DB or Image itself in the DB ... Please give me detailed information.. ;( please.. i'm struck with collge project :( :( please.

Upload (Obsolete)

answered on 07 Apr 2011

1 answer

169 views

Accessing Parent DataKeyValues from Nested Grid Insert

I have a Grid named gvModules with a nested grid called gvFields. The gvModules uses the DataKey ItemTypeID that I need when a new record is added to gvFields. I am trying to access that DataKey from the insert statement in the gvFields ItemCommand method. I've tried the examples given on the forums and in the documentation without avail. I would welcome any additional direction.

ASPX

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

DataSourceID="dsModules" GridLines="None" AutoGenerateEditColumn="True"

OnItemDataBound="gvModules_OnItemDataBoundHandler"

Skin="Windows7" AllowFilteringByColumn="True" AllowSorting="True">

<MasterTableView DataKeyNames="ItemTypeID" DataSourceID="dsModules">

----

<NestedViewSettings DataSourceID="dsFields">

<ParentTableRelation>

<telerik:GridRelationFields DetailKeyField="ItemTypeID" MasterKeyField="ItemTypeID" />

</ParentTableRelation>

</NestedViewSettings>

<NestedViewTemplate>

<telerik:RadGrid ID="gvFields" runat="server" DataSourceID="dsFields"

AutoGenerateEditColumn="True" GridLines="None" Skin="Windows7"

OnItemDataBound="gvFields_OnItemDataBoundHandler"

OnItemCommand="gvFields_ItemCommand" OnItemUpdated="gvFields_ItemUpdated"

AllowSorting="True">

<MasterTableView CommandItemDisplay="TopAndBottom" AutoGenerateColumns="False" DataSourceID="dsFields" DataKeyNames="FieldID">

-----

</MasterTableView>

</telerik:RadGrid>

</NestedViewTemplate>

</MasterTableView>

</telerik:RadGrid>

C#

protected void gvFields_ItemCommand(object source, GridCommandEventArgs e)

{

if (e.CommandName == RadGrid.PerformInsertCommandName)

{

GridEditableItem editedItem = e.Item as GridEditableItem;

//PARAM ITEM TYPE ID

GridDataItem parentItem = (GridDataItem)(e.Item.OwnerTableView.ParentItem);

if (parentItem != null)

{

string itemType = "";

itemType = parentItem.OwnerTableView.DataKeyValues[parentItem.ItemIndex]["ItemTypeID"].ToString();

lblTmp.Text += "Item Type ID = " + itemType;

//dsFields.InsertParameters["ItemTypeID"].DefaultValue = parentItem.OwnerTableView.DataKeyValues[parentItem.ItemIndex]["ItemTypeID"].ToString();

}

else

{

lblError.Text += "Cannot find parent item";

}

What I always get is 'Cannot find parent item'.

Grid

answered on 07 Apr 2011

2 answers

89 views

AllowdFileExtensions ignore when RadAsyncUpload moved in DOM

Hi,

I have a situation where I need to move a RadAsyncUpload control in the DOM. After I move it the AllowedFileExtensions seems to be reset to allow all extensions. I have not been able to work out how to set the AllowedFileExtensions via javascript.

Here is the problem isolated in a simple example. Initially only jpg and wmv files can be selected. But once I click the bt_MoveDiv button and move the control in the DOM, all file types can be selected.

<body>

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

<script language="javascript" type="text/javascript">

function buttonClick() {

var container = document.getElementById('container');

var ph = document.getElementById('holder');

ph.appendChild(container);

}

</script>

<div>

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

</telerik:RadScriptManager>

<div id="container">

<telerik:RadAsyncUpload ID="RadAsyncUpload1" runat="server" AllowedFileExtensions="jpg,wmv">

</telerik:RadAsyncUpload>

<telerik:RadProgressArea ID="RadProgressArea1" runat="server">

</telerik:RadProgressArea>

<asp:Button ID="bt_Submit" runat="server" Text="Submit" onclick="bt_Submit_Click" />

</div>

<div id="holder">

</div>

<asp:Button ID="bt_MoveDiv" runat="server" Text="Move div" OnClientClick="buttonClick();return false;" />

</div>

</form>

</body>

I had similar problems some time ago with RadEditor being moved in the DOM. This problem was fixed with the onParentNodeChanged() function. Is there something similar I can do for RadAsyncUpload?

Thanks
Andrew

AsyncUpload

answered on 07 Apr 2011

0 answers

72 views

Error in GridRelationFields

Hello programmers!

I'm building a GridTableView code, which is to show the detail of each record in a RadGridView.

To establish the relationship between registration and the detail table, I add a GridRelationFields keys thereof.

When I run the program (developed in aspx), whenever I click on to expand, I get the error I show in the picture:

Help!!!

Grid

asked on 06 Apr 2011

5 answers

283 views

Header is not exporting during export to excel

Hi,
I used following code for grid
<telerik:RadGrid runat="server" ID="grdLMA" EnableEmbeddedSkins="false" AutoGenerateColumns="false"
                                            CellPadding="4" ForeColor="#333333" GridLines="None">
                                            <MasterTableView AllowSorting="false" AllowPaging="false" >

                                            </MasterTableView>
                                            <HeaderStyle Wrap="false" BackColor="#5D7B9D" ForeColor="White" Font-Bold="true"/>
                                            <ExportSettings ExportOnlyData="true" FileName="Roll-up Live Report" Excel-FileExtension="xls" Excel-Format="ExcelML"
                                            OpenInNewWindow="true"></ExportSettings>
                                            <ItemStyle BackColor="#F7F6F3" ForeColor="#333333" />
                                            <AlternatingItemStyle BackColor="White" ForeColor="#284775" />
                                            <ClientSettings>
                                                <Scrolling UseStaticHeaders="true" AllowScroll="true" SaveScrollPosition="true"/>
                                                <Resizing AllowColumnResize="true" AllowRowResize="true" ClipCellContentOnResize="false" ResizeGridOnColumnResize="true" />
                                            </ClientSettings>
                                            <FooterStyle BackColor="#5D7B9D" ForeColor="White" Font-Bold="true"/>
                                            </telerik:RadGrid>

In this grid i add columns dynamically. Please help me.

Thanks,
Abhinandan Bansal

Grid

answered on 06 Apr 2011

0 answers

58 views

RadDatePicker after add onDateSelected cause javascript exception on page postback

Not a issue from telerik

Calendar

asked on 06 Apr 2011

0 answers

76 views

Problem with using Ajaxloading panel in master page

I'm getting "Sys.WebForms.PageRequestManager is null or not an object" error when I add an ajaxloadingpanel to the MasterPage

I'm making enablepartialrender of the scriptmanager to false in the master page PageInit(to avoid javascript errors while loading the asp.net report viewer in the child pages).

Not sure if I'm doing anything wrong...below is the code for my master page. 



<

telerik:RadScriptManager ID="RadScript1" Runat="server">

</telerik:RadScriptManager>

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

DefaultLoadingPanelID="RadAjaxLoadingPanel1" >

<AjaxSettings>

<telerik:AjaxSetting AjaxControlID="ViewChooser">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="ViewChooser"

/>

<telerik:AjaxUpdatedControl ControlID="ContentPlaceHolder1" />

</UpdatedControls>

</telerik:AjaxSetting>

</AjaxSettings>

</telerik:RadAjaxManager>

<div class="tabStripHeader">

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

<telerik:RadTabStrip ID="ViewChooser" runat="server" Height="21px"

SelectedIndex="0" Width="100%"

ShowBaseLine="True">

<Tabs>

<telerik:RadTab runat="server" Text="Alerts" Value="alerts.ascx" ImageUrl="~/Images/s.png"

CssClass="AlertsTab" SelectedCssClass="AlertsTabSelected" NavigateUrl="~/Aspx/Alerts/Alerts.aspx"></telerik:RadTab>

<telerik:RadTab runat="server" Text="Orders" Value="Orders.ascx" ImageUrl="~/Images/s.png"

CssClass="OrdersTab" SelectedCssClass="OrdersTabSelected" NavigateUrl="~/Aspx/Orders/Orders.aspx"></telerik:RadTab>

<telerik:RadTab runat="server" Text="Commissions" ImageUrl="~/Images/s.png"

CssClass="ReportsTab" SelectedCssClass="ReportsTabSelected" NavigateUrl="~/Aspx/CommReports.aspx">

</telerik:RadTab>

<telerik:RadTab runat="server" Text="Copy" Value="Copy.ascx" ImageUrl="~/Images/s.png"

CssClass="CopyTab" SelectedCssClass="CopyTabSelected" Visible="false"></telerik:RadTab>

<telerik:RadTab runat="server" Text="Credit" NavigateUrl="~/Aspx/Credit.aspx" ImageUrl="~/Images/s.png"

CssClass="CreditTab" SelectedCssClass="CreditTabSelected"></telerik:RadTab>

<telerik:RadTab runat="server" Text="Clients" Value="Clients.ascx" ImageUrl="~/Images/s.png" Visible="false"

CssClass="ClientTab" SelectedCssClass="ClientTabSelected"></telerik:RadTab>

</Tabs>

</telerik:RadTabStrip>

</asp:Panel>

</div>

<div>

<asp:ContentPlaceHolder ID="ContentPlaceHolder1" runat="server">

</asp:ContentPlaceHolder>

<asp:ContentPlaceHolder ID="ContentPlaceHolder2" runat="server">

</asp:ContentPlaceHolder>

<telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server" IsSticky="true">

</telerik:RadAjaxLoadingPanel>

</div>

Ajax

asked on 06 Apr 2011

2 answers

282 views

Radbutton Requires two clicks to open RadWindow

Hi, I have a RadButton that is supposed to open a radwindow when the "OnClientClicked" is fired. However, the first time this gets fired, nothing happens. The second time I click on the button...the radwindow opens up. Am I missing some code? I am basing this on your demo: http://demos.telerik.com/aspnet-ajax/button/examples/slideshow/defaultcs.aspx.

Here is the code that I have:

<telerik:RadCodeBlock ID="rcb1" runat="server">

<script type="text/javascript">

function ShowInsertForm() {

var combo = $find("<%= RadComboBox1.ClientID %>");

var comboItem = combo.get_selectedItem();

if (!comboItem) {

window.radopen("AddComment.aspx", "UserListDialog");

}

else {

var string = comboItem.get_text();

window.radopen("AddComment.aspx?ID=" + comboItem.get_value(), "UserListDialog");

}

return false;

}

</script>

</telerik:RadCodeBlock>

<telerik:RadButton ID="AddComment" runat="server"

AutoPostBack="false" Text="Add Comment" CommandName="Right" OnClientClicked="ShowInsertForm">

</telerik:RadButton>

<telerik:RadButton runat="server" ID="btnUpdate" Skin="WebBlue" Text="Update Recipient"></telerik:RadButton>

</div>

</telerik:RadAjaxPanel>

<telerik:RadWindowManager ID="RadWindowManager1" runat="server" EnableShadow="true" Skin="WebBlue">

<Windows>

<telerik:RadWindow ID="UserListDialog" runat="server" Title="Add Comment" Width="755px" Height="460px"

ReloadOnShow="true" ShowContentDuringLoad="false" Modal="true" />

</Windows>

</telerik:RadWindowManager>

I can use a plain old button, and it fires off without a second click, but I would really like to use the radbutton since that will keep my styling the same.

Thanks!

Button

answered on 06 Apr 2011

1 answer

106 views

Scrolling problem

Please I'm trying to do scrolling for the data that I have but it is throw an error here
TelerikHourlyChart.Series[0].Items.AddRange(items);
how can I do scrolling?

private void CreateTelerikChart(Usage usage)

{

try

{

TelerikHourlyChart.Legend.Visible = false;

TelerikHourlyChart.ChartTitle.Visible = false;

TelerikHourlyChart.Series[0].Items.Clear();

TelerikHourlyChart.Series[1].Items.Clear();

TelerikHourlyChart.Series[0].Appearance.BarWidthPercent = 90;

TelerikHourlyChart.Series[0].Appearance.ExplodePercent = 20;

TelerikHourlyChart.PlotArea.Appearance.Dimensions.Width.Value = 726;

TelerikHourlyChart.PlotArea.Appearance.FillStyle.MainColor = Color.White;

TelerikHourlyChart.PlotArea.Appearance.FillStyle.SecondColor = Color.White;

TelerikHourlyChart.PlotArea.Appearance.Dimensions.Margins.Left.Value = 10;

TelerikHourlyChart.PlotArea.Appearance.Dimensions.Margins.Right.Value = 5;

TelerikHourlyChart.PlotArea.Appearance.Dimensions.Margins.Top.Value = 5;

TelerikHourlyChart.PlotArea.Appearance.Dimensions.Paddings.Top.Value = 5;

TelerikHourlyChart.PlotArea.Appearance.Dimensions.Margins.Bottom.Value = 10;

TelerikHourlyChart.PlotArea.YAxis.LabelStep = 1;

TelerikHourlyChart.PlotArea.Appearance.Border.Color = Color.Transparent;

TelerikHourlyChart.PlotArea.YAxis.AxisLabel.Visible = true;

List<HourlyUsage> hourlyUsages = HourlyUsage.GetHourlyUsages(usage);

DateTime hourTime = DateTime.Today.AddHours(0);

TelerikHourlyChart.PlotArea.XAxis.Items.Clear();

TelerikHourlyChart.Series[0].Items.Clear();

decimal totalUsage = 0;

decimal totalCost = 0;

decimal maxUsage = hourlyUsages.MaximumUsage();

string unavailableMsg = "Data is not available.";

bool istrue = false;

if (usage != null && usage.UsageIntervals != null && usage.UsageIntervals.Count > 0)

{

int index = 0;

istrue = System.TimeZone.CurrentTimeZone.IsDaylightSavingTime(usage.StartDate.DateWithOutTime());

int year = int.Parse(usage.StartDate.Year.ToString());

int IslightSavingTime = System.TimeZone.CurrentTimeZone.GetDaylightChanges(year).Start.Hour;// DateTimeInstance.IsDaylightSavingTime();

TelerikHourlyChart.PlotArea.XAxis.AutoScale = false;

TelerikHourlyChart.PlotArea.YAxis.AutoScale = false;

TelerikHourlyChart.PlotArea.XAxis.LabelStep = 3;

decimal labelOffset = maxUsage * (decimal)1.25;

TelerikHourlyChart.PlotArea.YAxis.MaxValue = double.Parse(labelOffset.ToString());

int count = hourlyUsages.Count;

ChartSeriesItem[] items = new ChartSeriesItem[count];

DataTable dt = new DataTable();

dt.Columns.Add(new DataColumn("MyColumn", typeof(ChartSeriesItem)));

foreach (HourlyUsage hu in hourlyUsages)

{

hourTime = hu.HourTime;

decimal point = hu.AdjustedUsage;

decimal cost = hu.Cost;

decimal AdjustedUsage = hu.AdjustedUsage;

decimal UnAdjustedUsage = hu.UnAdjustedUsage;

totalUsage += point;

totalCost += cost;

Color selected = new Color();

Color selectedGradient = new Color();

if (hu.AdjustedUsage == 0)

{

selected = Color.Transparent;

selectedGradient = Color.Transparent;

}

else

{

int hour = hu.HourTime.Hour;

items[index] = new ChartSeriesItem(double.Parse(point.ToString()), index );

DataRow dr = dt.NewRow();

dr[0] = items[index];

dt.Rows.Add(dr);

index++;

}

int daycount = usage.UsageIntervals.Count;

int counthour;

if (chkshow15.Checked)

{

TelerikHourlyChart.ClientSettings.EnableZoom = false;

TelerikHourlyChart.ClientSettings.XScale = 24;

TelerikHourlyChart.ClientSettings.ScrollMode = Telerik.Web.UI.ChartClientScrollMode.XOnly;

TelerikHourlyChart.Series[0].Items.AddRange(items);

TelerikHourlyChart.DataBind();

TelerikHourlyChart.DataSource = dt;

TelerikHourlyChart.DataBind();

}

catch (Exception ex)

{

}

Chart (Obsolete)

answered on 06 Apr 2011

4 answers

117 views

Multiselection dropdown, Default Text

Hi,

I'm displaying a Combobox with multiple item selection by means of a checkbox. Does not allow custom text. The problem is that the default text displays always the first item. Is there any way to display the default text as blank or a custom text (by not setting the 'Allow Custom Text' property to true?)

Thanks.

<telerik:RadComboBox ID="RCBRegion" runat="server" Width="100px"