Questions on UI for ASP.NET AJAX Forum

0 answers

157 views

Sorry if this has been posted this in wrong place.

I'm using a RadComboBox (ASP.Net) that has properties:
CloseDropDownOnBlur="true"
MarkFirstMatch="true"
AllowCustomText="true"

The Problem I'm facing is:
If user start typing your own title, the pre-defined values starts to appear.
Say, the user types a single letter, say "N" into the box and it instantly selects the first option that starts with a 'N' (the list is presorted) and fill in that option in the box.
When you click off the combobox, is takes what you typed followed with the predefined value.

For e.g.: 'nNetwork Administrator'

I typed in "n"

'Network Administrator' automatically got taged on to the end there.

This happens on IE 9, IE8, Safari and Chrome but not on Mozilla.
The Telerik RdComboBox Version I'm using is: 2.8.5.0

I would highly appreciate if any one can Promptly reply on this, as this is very urgent for me.

Thanks in Advance

ComboBox

asked on 22 Mar 2012

6 answers

350 views

Skins not loaded

i've installed telerik 2011 Q3 Asp.net ajax. all skins are disappeared except the default skin.... how i can find it ?!

General Discussions

answered on 22 Mar 2012

3 answers

206 views

Exporting multiple grids to pdf

I've pretty much kept to the example here
http://www.telerik.com/community/code-library/aspnet-ajax/grid/export-multiple-radgrids-in-single-pdf-excel-file.aspx

except that I have two grids on separate rows, which I've done like this.

<telerik:RadGrid ID="rgridExport" AutoGenerateColumns="false" runat="server" OnNeedDataSource="rgridExport_NeedDataSource" ExportSettings-ExportOnlyData="false"

ExportSettings-OpenInNewWindow="true" OnItemDataBound="rgridExport_ItemDataBound" ShowHeader="false" AlternatingItemStyle-BackColor="White">

<MasterTableView>

<Columns>

<telerik:GridBoundColumn UniqueName="Id" DataField="Id" Visible="false" />

<telerik:GridTemplateColumn UniqueName="image">

<ItemTemplate>

<table width="100%">

<tr>

<td align="right" valign="middle" style="vertical-align:middle; width:50px;">

<asp:Image runat="server" ID="img" />

</td>

<td>

<telerik:RadGrid ID="rgrid" runat="server" Skin="Sitefinity" ItemStyle-HorizontalAlign="Center" AlternatingItemStyle-HorizontalAlign="Center" HeaderStyle-HorizontalAlign="Center" >

<ExportSettings ExportOnlyData="true" OpenInNewWindow="true" />

</telerik:RadGrid>

</td>

</tr>

</table>

<br /><br /><br />

</ItemTemplate>

</telerik:GridTemplateColumn>

</Columns>

</MasterTableView>

</telerik:RadGrid>

and the .cs file

protected void rgridExport_NeedDataSource(object sender, EventArgs e)

{

DataTable dt = new DataTable();

dt.Columns.Add("Id", typeof(int));

DataRow dr = dt.NewRow();

dr["Id"] = 1;

dt.Rows.Add(dr);

dr = dt.NewRow();

dr["Id"] = 2;

dt.Rows.Add(dr);

rgridExport.DataSource = dt;

}

protected void rgridExport_ItemDataBound(object sender, GridItemEventArgs e)

{

if (e.Item is GridDataItem)

{

GridDataItem item = (GridDataItem)e.Item;

Image img = item["image"].FindControl("img") as Image;

RadGrid rgrid = item["image"].FindControl("rgrid") as RadGrid;

switch (item["Id"].Text)

{

case "1":

rgrid.ShowFooter = true;

rgrid.GridLines = GridLines.Horizontal;

rgrid.AllowPaging = true;

rgrid.AutoGenerateColumns = false;

rgrid.NeedDataSource += rgHitRatio_NeedDataSource;

rgrid.ItemDataBound += rgHitRatio_ItemDataBound;

rgrid.MasterTableView.ShowFooter = true;

rgrid.FooterStyle.Font.Bold = true;

GridBoundColumn col = new GridBoundColumn();

col.UniqueName = "Placed";

col.HeaderText = "Placed";

col.DataField = "Placed";

rgrid.Columns.Add(col);

col = new GridBoundColumn();

col.UniqueName = "#";

col.HeaderText = "#";

col.DataField = "#";

col.Aggregate = GridAggregateFunction.Sum;

col.FooterAggregateFormatString = "{0}";

rgrid.Columns.Add(col);

col = new GridBoundColumn();

col.UniqueName = "30";

col.HeaderText = "30";

col.DataField = "30";

col.Aggregate = GridAggregateFunction.Sum;

col.FooterAggregateFormatString = "{0}";

rgrid.Columns.Add(col);

col = new GridBoundColumn();

col.UniqueName = "60";

col.HeaderText = "60";

col.DataField = "60";

col.Aggregate = GridAggregateFunction.Sum;

col.FooterAggregateFormatString = "{0}";

rgrid.Columns.Add(col);

col = new GridBoundColumn();

col.UniqueName = "90";

col.HeaderText = "90";

col.DataField = "90";

col.Aggregate = GridAggregateFunction.Sum;

col.FooterAggregateFormatString = "{0}";

rgrid.Columns.Add(col);

col = new GridBoundColumn();

col.UniqueName = "Total";

col.HeaderText = "Total";

col.DataField = "Total";

col.Aggregate = GridAggregateFunction.Sum;

col.FooterAggregateFormatString = "{0}";

rgrid.Columns.Add(col);

col = new GridBoundColumn();

col.UniqueName = "Exhausted";

col.HeaderText = "Exhausted";

col.DataField = "Exhausted";

col.Aggregate = GridAggregateFunction.Sum;

col.FooterAggregateFormatString = "{0}";

rgrid.Columns.Add(col);

col = new GridBoundColumn();

col.UniqueName = "Rate";

col.HeaderText = "Rate";

col.DataField = "Rate";

col.Aggregate = GridAggregateFunction.Custom;

col.DataType = typeof(double);

col.FooterAggregateFormatString = "{0:N2}%";

col.DataFormatString = "{0:N2}%";

rgrid.Columns.Add(col);

img.ImageUrl = "~/Images/Clients/Summary.png";

break;

case "2":

rgrid.NeedDataSource += rgScoreCard_NeedDataSource;

img.ImageUrl = "~/Images/Clients/scorecard.png";

break;

}

if(rgrid != null)

rgrid.Rebind();

}

protected void btnExport_Click(object sender, EventArgs e)

{

rgridExport.MasterTableView.ExportToPdf();

}

On the screen, it looks fine, but when I export, I just get empty boxes (see attached)

Grid

answered on 22 Mar 2012

2 answers

157 views

Synchronizing of RadGrid and RadScheduler

Hello Telerik team,
I have a little problem synchronizing a RadGrid and a RadScheduler control. In my project I use a RadScheduler control and a RadGrid control. There the RadGrid control contains all appointments in a list form (only with fields Start, End and Subject) which are displayed in the selected view of the scheduler control.

To use Ajax, both, the RadScheduler and the RadGrid control are inside AjaxSettings.

I'm using an own SchedulerProviderClass and in the code behind the right event handler (OnNeedDataSource and OnNavigationComplete).

My problem is now the following:

If I use the navigation controls of the RadScheduler control the events are fired in the follwowing order:

1. OnNeedDataSource of the RadGrid control will be called
2. OnNavigationComplete of the RadScheduler controll will be called
3. OnDataBound of the RadScheduler control will be called

somtimes (e.g. when changing the view type) the event order is like this:

1. OnNeedDataSource of the RadGrid control will be called
2. OnDataBound of the RadScheduler control will be called
3. OnNavigationComplete of the RadScheduler controll will be called
4. OnDataBound of the RadScheduler control will be called

This order causes me some problems because in the OnNeedDataSource handler I load all appointments from the database DEPENDING on the selected view type AND the selected date of the RadScheduler control.

But since the OnNeedDataSource event is called BEFORE the OnNavigationComplete event, my data in the RadGrid control will be wrong. For example if I navigate one day forward in the DayView, OnNeedDataSource will be called and the SelectedDate of the RadScheduler contains the current day, NOT the next day.

Is there a way, to set the order of the events?

To get for sure that the OnNeedDataSource event will be raised AFTER the OnNavigationComplete event?

Yours sincerely,
Richard Huber-

Scheduler

answered on 22 Mar 2012

3 answers

327 views

How to avoid special characters in item request event

Hi,
I have a radcombobox with OnClientKeyPressing event.User should not enter any special characters.How can i block this.I have used "OnClientKeyPressing " for validating for special characters.This is the JavaScript code
function OnClientKeyPressing() {
var evtobj = window.event ? event : e
if ((evtobj.shiftKey) && ((evtobj.keyCode == 188) || (evtobj.keyCode == 190))) {
alert("Special characters not allowed");
evtobj.keyCode = 0;
evtobj.returnValue = false;
return false;
}
}
Eg:-If the user type "vis<" then "<" it should not come.The value should be "vis" instead of "vis<".How can i avoid this.And data should come starting with "vis"

ComboBox

answered on 22 Mar 2012

3 answers

245 views

Sort Items by Name and Date

I'm working with the RadFileExplorer, and the ViewPath is configured in the C#;

My goal is to sort the items in the RadFileExplorer by name and date, such as

CD 3-1

CD 3-2

CD 3-14

CD 3-18

CD 3-24

Rather than the default behavior of

CD 3-1

CD 3-14

CD 3-18

CD 3-2

CD 3-24

using (SqlConnection connection = new SqlConnection(newConnect))

{

// Create the Command and Parameter objects;

SqlCommand command = new SqlCommand(queryString, connection);

// Open the connection in a try/catch block;

// Create and execute the DataReader;

try

{

connection.Open();

SqlDataReader reader = command.ExecuteReader();

while (reader.Read())

{

UsernameDB = (reader[1]).ToString();

listViewPaths.Add(reader.GetString(3));

listUploadDeletePaths.Add(reader.GetString(4));

WebPageTitle = (reader[5]).ToString();

}

reader.Close();

}

catch (Exception ex)

{

}

RadFileExplorer1.Configuration.ViewPaths = listViewPaths.ToArray();

FileExplorer

answered on 22 Mar 2012

5 answers

139 views

NodeDrop not firing

I have an orgchart inside of a content place holder for a page with a master page:

<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server">

<telerik:RadOrgChart ID="RadOrgChart1" runat="server" EnableCollapsing="true" EnableDragAndDrop="true">

</telerik:RadOrgChart>

</asp:Content>

The data I'm using to populate the orgchart is coming from a web service - so on page load I attach the nodedrop event handler, grab the resource data which I then translate into a data table, then I do my data binding:

protected void Page_Load(object sender, EventArgs e)

{

RadOrgChart1.NodeDrop += RadOrgChart1_NodeDrop;

GetResources();

LoadEmployees();

RadOrgChart1.RenderedFields.ItemFields.Add(new Telerik.Web.UI.OrgChartRenderedField() { DataField = "Position" });

RadOrgChart1.DataSource = employees;

RadOrgChart1.DataFieldID = "EmployeeID";

RadOrgChart1.DataFieldParentID = "ReportsTo";

RadOrgChart1.DataTextField = "FullName";

RadOrgChart1.DataImageUrlField = "ImageUrl";

RadOrgChart1.DataBind();

}

The orgchart loads as expected and looks great. When I drag and drop an item and set up break points, the page load events are hit but not the nodedrop events. I'm not sure if there is something special I have to deal with due to the master page or if I'm just missing something basic in the page life cycle. The way I'm looking at this I'm essentially doing it exactly as the demo suggests: http://demos.telerik.com/aspnet-ajax/orgchart/examples/draganddropsimplebinding/defaultcs.aspx

One additional piece of information is that the script manager is located on the master page - not sure why that should cause a problem.

OrgChart

answered on 22 Mar 2012

8 answers

214 views

Inserting: KeyValues is empty

Hi and thank you for reading.

When I attempt an insert with the following, it enters the function correctly, but the KeyValues property is always empty and, thus, it never enters the loop over the dictionary from ExtractValuesFromItem. As a result, it inserted a new blank row.
It also may be relevant to mention that this page has two RadGrid instances, including this one, but they're operating on separate data sources with separate scripting. The other RadGrid works fine with similar code, however I'm not allowing inserts on that one.
I would appreciate any advice or suggestions.

ASP.Net:

<telerik:RadScriptBlock runat="server" ID="nono">

<telerik:RadGrid runat="server" ID="gridBids" OnNeedDataSource="gridBids_NeedDataSource" OnItemDataBound="gridBids_DataBound" OnUpdateCommand="gridBids_Update"

OnInsertCommand="gridBids_Insert" OnDeleteCommand="gridBids_Delete" AutoGenerateColumns="false" Skin="Office2007" EnableAJAXLoadingTemplate="true" EnableAJAX="true"

LoadingTemplateTransparency="25" ValidationSettings-CommandsToValidate="update,insert" ValidationSettings-ValidationGroup="gridBids">

<MasterTableView EditMode="InPlace" CommandItemDisplay="Top" AllowAutomaticDeletes="false" AllowAutomaticInserts="false" AllowAutomaticUpdates="false" DataKeyNames="blockbidsegmentid">

<CommandItemSettings ShowExportToExcelButton="true" ShowAddNewRecordButton="true" />

<Columns>

<telerik:GridEditCommandColumn />

<telerik:GridTemplateColumn HeaderText="Carrier" UniqueName="bidCarrier">

<ItemTemplate><%# Eval("carrier") %></ItemTemplate>

<EditItemTemplate>

<telerik:RadTextBox runat="server" ID="txtBidCarrier" MaxLength="2" Width="40px" Text='<%# Eval("carrier") %>' />

</EditItemTemplate>

<InsertItemTemplate>

<telerik:RadTextBox runat="server" ID="txtBidCarrier" MaxLength="2" Width="40px" />

</InsertItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridTemplateColumn HeaderText="Flight#" UniqueName="bidFlightNum">

<ItemTemplate><%# Eval("flightnum") %></ItemTemplate>

<EditItemTemplate>

<telerik:RadTextBox runat="server" ID="txtBidFlightNum" MaxLength="4" Width="75px" Text='<%# Eval("flightnum") %>' />

</EditItemTemplate>

<InsertItemTemplate>

<telerik:RadTextBox runat="server" ID="txtBidFlightNum" MaxLength="4" Width="75px" />

</InsertItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridTemplateColumn HeaderText="From" UniqueName="bidFrom">

<ItemTemplate><%# Eval("fromairportcode") %></ItemTemplate>

<EditItemTemplate>

<telerik:RadTextBox runat="server" ID="txtBidFrom" Width="60px" MaxLength="3" Text='<%# Eval("fromairportcode") %>' />

</EditItemTemplate>

<InsertItemTemplate>

<telerik:RadTextBox runat="server" ID="txtBidFrom" Width="60px" MaxLength="3" />

</InsertItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridTemplateColumn HeaderText="To" UniqueName="bidTo">

<ItemTemplate><%# Eval("toairportcode") %></ItemTemplate>

<EditItemTemplate>

<telerik:RadTextBox runat="server" ID="txtBidTo" Width="60px" MaxLength="3" Text='<%# Eval("toairportcode") %>' />

</EditItemTemplate>

<InsertItemTemplate>

<telerik:RadTextBox runat="server" ID="txtBidTo" Width="60px" MaxLength="3" />

</InsertItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridTemplateColumn HeaderText="COS" UniqueName="bidCOS">

<ItemTemplate><%# Eval("cos") %></ItemTemplate>

<EditItemTemplate>

<telerik:RadTextBox runat="server" ID="txtBidCOS" Width="40px" MaxLength="1" Text='<%# Eval("cos") %>' />

</EditItemTemplate>

<InsertItemTemplate>

<telerik:RadTextBox runat="server" ID="txtBidCOS" Width="40px" MaxLength="1" />

</InsertItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridTemplateColumn HeaderText="Depart Time" UniqueName="bidDepartTime">

<ItemTemplate

><%# (Eval("departtime").ToString().Length > 0) ? DateTime.Parse(Eval("departtime").ToString()).ToString("ddMMMyy HH:mm") : "" %></

ItemTemplate>

<EditItemTemplate>

<telerik:RadDatePicker runat="server" ID="txtBidDepartDate" Width="90px" DateInput-DateFormat="ddMMMyy"

SelectedDate='<%# (Eval("departtime").ToString().Length > 0) ? DateTime.Parse(Eval("departtime").ToString()) : DateTime.Now %>' />

<telerik:RadMaskedTextBox runat="server" ID="txtBidDepartTime" Width="45px" Mask="##:##" Style="text-align:center;"

Text='<%# (Eval("departtime").ToString().Length > 0) ? DateTime.Parse(Eval("departtime").ToString()).ToString("HH:mm") : "" %>' />

</EditItemTemplate>

<InsertItemTemplate>

<telerik:RadDatePicker runat="server" ID="txtBidDepartDate" Width="90px" DateInput-DateFormat="ddMMMyy" />

<telerik:RadMaskedTextBox runat="server" ID="txtBidDepartTime" Width="45px" Mask="##:##" Style="text-align:center;" />

</InsertItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridTemplateColumn HeaderText="Arrive Time" UniqueName="bidArriveTime">

<ItemTemplate

><%# (Eval("arrivetime").ToString().Length > 0) ? DateTime.Parse(Eval("arrivetime").ToString()).ToString("ddMMMyy HH:mm") : "" %></

ItemTemplate>

<EditItemTemplate>

<telerik:RadDatePicker runat="server" ID="txtBidArriveDate" Width="90px" DateInput-DateFormat="ddMMMyy"

SelectedDate='<%# (Eval("arrivetime").ToString().Length > 0) ? DateTime.Parse(Eval("arrivetime").ToString()) : DateTime.Now %>' />

<telerik:RadMaskedTextBox runat="server" ID="txtBidArriveTime" Width="45px" Mask="##:##" Style="text-align:center;"

Text='<%# (Eval("arrivetime").ToString().Length > 0) ? DateTime.Parse(Eval("arrivetime").ToString()).ToString("HH:mm") : "" %>' />

</EditItemTemplate>

<InsertItemTemplate>

<telerik:RadDatePicker runat="server" ID="txtBidArriveDate" Width="90px" DateInput-DateFormat="ddMMMyy" />

<telerik:RadMaskedTextBox runat="server" ID="txtBidArriveTime" Width="45px" Mask="##:##" Style="text-align:center;" />

</InsertItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridTemplateColumn HeaderText="Base Fare" UniqueName="bidBaseFare">

<ItemTemplate><%# String.Format("{0:C}", Eval("basefare")) %></ItemTemplate>

<EditItemTemplate>

<telerik:RadNumericTextBox runat="server" ID="txtBidBaseFare" Type="Currency" Width="90px" Style="text-align:right;"

Value='<%# (Eval("basefare").ToString().Length > 0) ? Decimal.Parse(Eval("basefare").ToString()) : Decimal.Parse("0.00") %>' />

</EditItemTemplate>

<InsertItemTemplate>

<telerik:RadNumericTextBox runat="server" ID="txtBidBaseFare" Type="Currency" Width="90px" Style="text-align:right;" />

</InsertItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridTemplateColumn HeaderText="Notes" UniqueName="bidNotes">

<ItemTemplate>

<input type="button" name="btnShowBidNotes" value="Show All Notes" onClick="showAllNotes('<%# FormatNotes(Eval("notes"),true) %>');" />

<%# FormatNotes(Eval("notes"),false) %>

</ItemTemplate>

<EditItemTemplate>

<telerik:RadTextBox runat="server" ID="txtBidNotes" Rows="5" Columns="60" TextMode="MultiLine" Font-Size="Smaller" />

</EditItemTemplate>

<InsertItemTemplate>

<telerik:RadTextBox runat="server" ID="txtBidNotes" Rows="5" Columns="60" TextMode="MultiLine" Font-Size="Smaller" />

</InsertItemTemplate>

</telerik:GridTemplateColumn>

</Columns>

</MasterTableView>

</telerik:RadGrid>

</telerik:RadScriptBlock>

C#:

protected void gridBids_NeedDataSource(object sender, EventArgs ev)

{

this.gridBids.DataSource = this.bidsTable;

}

protected void gridBids_DataBound(object source, Telerik.Web.UI.GridItemEventArgs ev)

{

}

protected void gridBids_Command(object source, Telerik.Web.UI.GridCommandEventArgs ev)

{

}

protected void gridBids_Insert(object sender, GridCommandEventArgs ev)

{

if (!(ev.Item is GridEditableItem) || !ev.Item.IsInEditMode) return;

DataRow row = this.bidsTable.NewRow();

GridEditableItem insertedItem = ev.Item.OwnerTableView.GetInsertItem();

if (this.m_editing) row["blockbidsegmentid"] = 0;

else

{

DataRow[] currentRows = this.bidsTable.Select("", "blockbidsegmentid");

if (currentRows.Length > 0) row["blockbidsegmentid"] = ((int)currentRows[currentRows.Length - 1]["blockbidsegmentid"]) + 1;

else row["blockbidsegmentid"] = 0;

}

Hashtable newValues = new Hashtable();

insertedItem.OwnerTableView.ExtractValuesFromItem(newValues, insertedItem);

try

{

foreach (DictionaryEntry entry in newValues)

{

object val = entry.Value;

string key = (string)entry.Key;

string dbField = this.bidCols[Array.IndexOf(this.bidGridCols, key)];

if (dbField.Length == 0) continue;

if (key == "bidCarrier" || key == "bidFrom" || key == "bidTo" || key == "bidCOS") val = val.ToString().ToUpper();

else if (key == "bidDepartTime")

{

TimeSpan departts = new TimeSpan(Int32.Parse((((RadMaskedTextBox)insertedItem["bidDepartTime"].FindControl("txtBidDepartTime")).Text).Substring(0, 2)), Int32.Parse((((RadMaskedTextBox)insertedItem["bidDepartTime"].FindControl("txtBidDepartTime")).Text).Substring(3)), 0);

val = ((DateTime)((RadDatePicker)insertedItem["bidDepartTime"].FindControl("txtBidDepartDate")).SelectedDate).Date + departts;

}

else if (key == "bidArriveTime")

{

TimeSpan arrivets = new TimeSpan(Int32.Parse((((RadMaskedTextBox)insertedItem["bidArriveTime"].FindControl("txtBidArriveTime")).Text).Substring(0, 2)), Int32.Parse((((RadMaskedTextBox)insertedItem["bidArriveTime"].FindControl("txtBidArriveTime")).Text).Substring(3)), 0);

val = ((DateTime)((RadDatePicker)insertedItem["bidArriveTime"].FindControl("txtBidArriveDate")).SelectedDate).Date + arrivets;

}

row[dbField] = val;

}

this.bidsTable.Rows.Add(row);

this.gridBids.Rebind();

}

catch (Exception ex)

{

gridBids.Controls.Add(new LiteralControl("Unable to insert record. Reason: " + ex.Message));

ev.Canceled = true;

}

Thank you in advance.

Grid

answered on 22 Mar 2012

7 answers

117 views

Invalid slot index: 18 - getting error in readonly mode radscheduler

I have radscheduler in readonly mode. Its appointments to be displayed are depend upon some criteria so I am checking condition on its page load event and accordingly setting select command of radscheduler's data source. By default Day mode is selected for radscheduler. but when I am clicking month view and inside it when clicking perticular date the following error occurs

Invalid slot index: 18

the number 18 changes when clicking different date.

I am using asp.net Ajax radscheduler.

Please help me it is very urgent.

Scheduler

answered on 22 Mar 2012

2 answers

393 views

RadTreeView Node Refresh

Hi Support
I'm using Telerik Rad Tree View for one of my asp.net application, my requirement is that :

There a Refresh Button in my telerik radpane container .
User click on the nodes of tree view and different pages are open for that .
After they click on refresh button ( note : refresh button click because user can right click on any child node and create new node after that) I want to show user the last node where user was there (means from parent node to child node should remain expanded but other nodes that user did not click should closed, if click then expanded ) before click on refresh button .

How Can I do that , pl any suggestion

TreeView

answered on 22 Mar 2012