Questions on UI for ASP.NET AJAX Forum

18 answers

302 views

Hello,

I have a page with a datepicker control as well as a textbox. When the date changes in the datepicker, I would like to change the text in the textbox. I do not want to postback during this process so I have ajaxified the datepicker control with the ajaxmanager. The problem is that when I select a date, the page stops responding and I get the IE message "A script on this page is causing Internet Explorer to run slowly. If it continues to run, your computer may become unresponsive. Do you want to abort the script?" How can this problem be resolved? My code is below:

---------------------------------------------------------------------------

<

rad:RadAjaxManager ID="RadAjaxManager1" runat="server">

<rad:AjaxSetting AjaxControlID="dateWeekStartDate">

<rad:AjaxUpdatedControl ControlID="dateWeekStartDate" />

<rad:AjaxUpdatedControl ControlID="txtWeekEndDate" />

</UpdatedControls>

</rad:AjaxSetting>

</AjaxSettings>

</rad:RadAjaxManager>

<

div class="row">

Date:

</div>

<rad:RadDatePicker ID="dateWeekStartDate" runat="server" Skin="None" OnSelectedDateChanged="dateWeekStartDate_SelectedDateChanged">

</Calendar>

</rad:RadDatePicker>

</div>

Date:

</div>

<asp:TextBox runat="server" ID="txtWeekEndDate" ReadOnly="true"></asp:TextBox>

</div>

</div>

-----------------------------------------------------------------------------------------------------------------------

protected

void dateWeekStartDate_SelectedDateChanged(object sender, Telerik.WebControls.SelectedDateChangedEventArgs e)

{

txtWeekEndDate.Text = dateWeekStartDate.SelectedDate.ToString();

}

------------------------------------------------------------------------------------------------------------------------

Any help would be greatly appreciated.

Thank you,

Jennifer

Calendar

answered on 28 Dec 2011

1 answer

106 views

Two Way Sorting only

Hi Support,

I have two Question:
Q. 1 => I have a situation where I need only two way sorting that is Ascending OR Descending...
In my grid if I click on column header it works like:

First Click : Ascending Order
Second Click: Descending Order
Third Click: Sorting Removed

I want on third click it should sort it again Ascending order and so on....
An example will be great help.

Q.2. => I saw an example where you are handling 300,000 records in a grid that works at great speed. In that example you are binding data from some web service.
http://demos.telerik.com/aspnet-ajax/grid/examples/client/caching/defaultcs.aspx

I have 700,000 records for a report and SQL Server 2008 as back-end. I am binding from code behind using DataSet. It is working but it is very slow... it took almost 45 seconds to retrieve data for one screen.

Can you suggest me how can I speed it up like your demo example.

Thanks

Grid

answered on 28 Dec 2011

4 answers

123 views

Getting reference to RadPanelBar in IE

Hi,
I have a radpanelbar with PersistStateInCookie="True". It's is populated dynamically in code behind. I want to write a javascript code to check if there is no level 0 item expanded then it expands the last level 0 item. I have written the following code:

function ExpandFirst() {

var panelBar = $find("<%= _radpnlbarMenu.ClientID %>");

if (panelBar) {

var item = panelBar.get_expandedItem();

if (panelBar.get_expandedItem() == null) {

var items = panelBar.get_items();

if (items.get_count() > 0)

items.getItem(items.get_count() - 1).expand();

}

$(document).ready(function() {

ExpandFirst();

});

<telerik:RadPanelBar OnItemDataBound="RadpnlbarMenuOnItemDataBound" runat="server" ID="_radpnlbarMenu" ExpandAnimation-Type="InQuart" ExpandAnimation-Duration="500" CollapseAnimation-Duration="500" CollapseAnimation-Type="InQuart" Height="250px" ExpandMode="FullExpandedItem" PersistStateInCookie="True">

<DataBindings>

<telerik:RadPanelItemBinding Depth="0" Expanded="true" />

</DataBindings>

</telerik:RadPanelBar>

It works fine in Firefox but in IE the panelBar object is always null.
Is this the best way to do the trick?
Can you please help me?

PanelBar

answered on 28 Dec 2011

5 answers

100 views

Expor to Excel Ajax

Hi,

       I want to export radgrid to excel..

      In that i have one column with hyperlink and i want to that hyperlink with href should be present in Excel also..

      Please give me Reply ASAp.

Thanks,
SANNIDHI

Ajax

answered on 28 Dec 2011

4 answers

84 views

RadMenu URL Gets Corrupted on Disable/Enable

Part of the workflow of my application is that my RadMenu is on occasion disabled, and then re-enabled. On re-enable, the URLs of the top level menu items are corrupted. For example, I have:

<telerik:RadMenuItem Text="Home" ToolTip="Home" Value="" NavigateUrl="~/home.aspx" />

as a top level menu item.

If I look at the source of the page, this is rendered as

I then run my Javascript to disable, and then re-enable:

function ShowMenu(enable)

{

var menu = $find("<%= OasisMenu.ClientID %>");

if (enable)

menu.enable();

else

menu.disable();

}

at that point, the rendering becomes:

and when I click on it it becomes:
http://localhost:11578/Personnel/~/home.aspx
well, it becomes a 404 page.

This only applies to the three menu items at the top level that are links. The second level menu items are fine.

I posted the whole menu in a previous menu problem question a couple of days ago, but can post again if it would be helpful (or I can put in a support ticket, if that would be helpful). Any fix? Any workaround? (Since it's just three items, I suppose there's some way I could save them and reset them in the Javascript?)

This is Telerik.Web.UI 2011.3.1115.40, by the way.

Menu

answered on 28 Dec 2011

5 answers

879 views

How to get a radio buttonlist selected value in a grid

Hi,

I'm working for a client that needs to display a list of programs in a grid and have a list of sub-programs under each program. Those subprograms AKA locals need to have radio buttonlist, because the user can have the choice to select any options and update those options.

I have three datatables:
1. Program data
2. All locals
3. Userlocals
Please note that dt 2 & 3 need to be merged. In order for the selectedvalue in the radio buttonlist to be selected (represents a user selection).

I'd like to know how to accomplish this. This is what I have so far

HTML:

<telerik:RadGrid ID="rgMyGrid" runat="server" Skin="Office2007" AutoGenerateColumns="false">

<MasterTableView CommandItemDisplay="Top" ShowHeader="true">

<CommandItemTemplate>

<div style="padding: 5px;">

Below is a listing of programs for the selected client. You can add this user to

one or more programs by expanding the program node and selecting a localization.

You must select at least one program/localization.

</div>

</CommandItemTemplate>

<Columns>

<telerik:GridBoundColumn DataField="ProgramName" HeaderText="Programs" />

<telerik:GridButtonColumn CommandName="Delete" Text="Remove" UniqueName="RemoveColumn"

ButtonType="PushButton" />

</Columns>

<NestedViewTemplate>

<div style="width: 100%; padding-left: 10px;">

<asp:RadioButtonList runat="server" ID="rdoLocals"/>

</div>

</NestedViewTemplate>

</MasterTableView>

</telerik:RadGrid>

<telerik:RadTreeView ID="rtvProgramsLocals" runat="server" Skin="Outlook" Visible="false">

</telerik:RadTreeView>

Here is what I have in the VB.NET code-behind

If Not IsPostBack Then

rgMyGrid.DataSource = LoadPrograms(100)

rgMyGrid.DataBind()

End If

Private Function LoadPrograms(ByVal ClientId As Integer) As DataTable

'Dim p360programs As Programs = Nothing

Dim programsDT As New DataTable("Programs")

Dim localsDT As New DataTable("Locals")

Dim userLocalDT As New DataTable("UserLocal")

Dim localOptions As RadioButtonList

'p360programs = New Programs(ConfigurationManager.ConnectionStrings("P360ConnectionString").ConnectionString)

Dim i As Integer

Dim j As Integer

Dim programNode As RadTreeNode

Dim localNode As RadTreeNode

programsDT.Columns.Add("ProgramID", GetType(Int32))

programsDT.Columns.Add("ClientID", GetType(Int32))

programsDT.Columns.Add("UserID", GetType(Int32))

programsDT.Columns.Add("ProgramName", GetType([String]))

programsDT.PrimaryKey = New DataColumn() {programsDT.Columns("ProgramID")}

programsDT.Rows.Add(New Object() {100, 100, 7628, "Internal Administration"})

programsDT.Rows.Add(New Object() {106, 100, 7628, "TestProgram"})

programsDT.Rows.Add(New Object() {107, 100, 7628, "TestProgram1"})

programsDT.AcceptChanges()

localsDT.Columns.Add("LocalizationID", GetType(Int32))

localsDT.Columns.Add("ProgramID", GetType(Int32))

localsDT.Columns.Add("LocalizationName", GetType([String]))

localsDT.PrimaryKey = New DataColumn() {localsDT.Columns("LocalizationID")}

localsDT.Rows.Add(New Object() {100, 100, "Setup Tool"})

localsDT.Rows.Add(New Object() {105, 106, "MyLocal"})

localsDT.Rows.Add(New Object() {106, 106, "MyLocal2"})

localsDT.Rows.Add(New Object() {107, 107, "Local1a"})

localsDT.AcceptChanges()

userLocalDT.Columns.Add("LocalizationID", GetType(Int32))

userLocalDT.Columns.Add("LocalizationName", GetType([String]))

userLocalDT.PrimaryKey = New DataColumn() {userLocalDT.Columns("LocalizationID")}

userLocalDT.Rows.Add(New Object() {100, "Setup Tool"})

userLocalDT.Rows.Add(New Object() {105, "MyLocal From the secondary Table"})

userLocalDT.AcceptChanges()

'programsDT = p360programs.GetPrograms(ClientId)

If programsDT.Rows.Count > 0 Then

For i = 0 To programsDT.Rows.Count - 1

If localsDT.Rows.Count > 0 Then

localsDT.Merge(userLocalDT, False, MissingSchemaAction.Ignore)

localOptions = New RadioButtonList

Dim gridRow As GridDataItem

For Each gridRow In rgMyGrid.MasterTableView.Items

localOptions = CType(gridRow.ChildItem.FindControl("rdoLocals"), RadioButtonList)

For j = 0 To userLocalDT.Rows.Count - 1

localOptions.Items.Add(New ListItem(localsDT(j)("LocalizationName"), localsDT(j)("LocalizationID")))

Next

' add the radio button to the localization radtree node

localNode = New RadTreeNode()

localNode.Controls.Add(localOptions)

' add the localization node to the program node

programNode = New RadTreeNode(programsDT.Rows(i)("ProgramName"))

programNode.Nodes.Add(localNode)

' add the program node to the tree view control

rtvProgramsLocals.Nodes.Add(programNode)

Next

End If

Next

End If

Return programsDT

End Function

I've also attached a snapshot of what I'm trying to achieve.

Thanks,

Grid

answered on 28 Dec 2011

1 answer

112 views

Exporting in RadTabstrip

Hai,

I have a radtabstrip with 4 tabs. Each tab contains one grid. I have to export the data on these 4 grids to different formats like pdf, excel etc. on clicking a "Print Report" button on the page. Is there any way to this? Its very urgent. Plz help.

Thanks,

Regeesh

TabStrip

answered on 28 Dec 2011

1 answer

250 views

Grid Customization - Slanted header and record in multiple rows

Hi Everyone,

I am looking for below two customization on RadGrid. Has anyone achieved these with ASP.Net RadGrid?
I am looking for IE 7 + solutions only.

1. Slanted headers- Looking to implement slanted headers for some columns since the width of data is less and header text will be more. Slanted headers will reduce the overall width of grid. I am able to implement vertical columns using CSS but not able to create slanted headers.

2. Can I split one record across 2 rows ? One of the fields(say description) is too lengthy. Adding it on one row increases the height of grid. Instead if I display this as another row, the width of grid will be used up. So I am looking to bring one column as a separate row below the rest of fields. Both the rows will together represent one record.

Attached is a image which shows the desired grid format.

Thanks,
Abhi

Grid

answered on 28 Dec 2011

5 answers

348 views

Scheduler's selected date

Dear Telerik,

I use the RadScheduler with the web service data binding model. Day view only.

When I switch between the days it does not make postback of the page to the server (which is great!).

But later I still need to make a post back and get the current selected date from the code behind of the page.

I see that the value of myScheduler.SelectedDate remains the same as it used to be after the page has been first loaded and does not reflect the fact that I was moving the scheduler to another day...

How can I get the correct date though?

Thank you in advance!

- Stepan.

Scheduler

answered on 28 Dec 2011

1 answer

196 views

Show and navigate extenal website inside RadWindow

I would like to both display and allow full navigation and use of my external website inside of a RadWindow or a RadDock. Is this possible? It allows a user to browse a collection of websites and select and view them in a more useful way.

Window

answered on 28 Dec 2011