Questions on UI for ASP.NET AJAX Forum

4 answers

87 views

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

84 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

75 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

839 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

88 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

233 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

317 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

180 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

1 answer

130 views

Expand/Collapse Button

Hello,

I am using hierarchical grid with load mode set to ServerOnDemand. I would like to know if it is possible to modify the onclick javascript function for the Expand button while grid is binding.

For example, I would like to pass argument in the function call below:

onclick="javascript:__doPostBack('18_userControl$RadGridDiscounts$ctl00$ctl04$GECBtnExpandColumn','')"

Or if I can set the argument in the ajax request.

Regards,
Mustapha

Grid