Questions on UI for ASP.NET AJAX Forum

3 answers

194 views

RadGrid Control step-through after postback

First, let me point out that the code works perfectly on the first load. However, on the postback, the Telerik controls are not ready yet.

So I'm doing a simple loop through the grid:

var tempValue = new Array(0, 0, 0, 0, 0, 0, 0, 0);

var senderId = sender.get_id();

var telerikControl;

var grid = $find("<%= uxGrid.ClientID %>");

var rows = grid.get_masterTableView().get_dataItems();

var rowCount = rows.length; // make loop run faster

for (i = 0; i < rowCount; i++) { // foreach row

for (j = 1; j <= 7; j++) {

console.log(rows[i].get_element());

telerikControl = rows[i].findControl('uxHours' + j);

if (telerikControl == null) {

console.log('could not find control "uxHours' + j + '" in row ' + i

+ '; updateDaySummaries initiated by ' + senderId);

}

if (telerikControl.get_value().length != 0) { // do NOT use greater than

//console.log('adding ' + telerikControl.get_value() + ' from ' + telerikControl.get_id() + ' to tempValue[' + (j - 1) + ']:' + tempValue[j - 1]);

tempValue[j - 1] += telerikControl.get_value();

}

See the line where I call console.log(rows[i].get_element()); ?

Here is a sample of the difference between the first page load (which works) and the postback.

broken code (line 83):

<div style="z-index: 6000;" class="rcbSlide"><div style="display: none; width: 175px;" class="RadComboBoxDropDown RadComboBoxDropDown_Default " id="ctl00_bodyContentPlaceHolder_uxContainer_uxGrid_ctl00_ctl04_uxServiceList_dropDown_DropDown"><div style="height: 150px; width: 100%;" class="rcbScroll rcbWidth"><ul style="list-style: none outside none; margin: 0pt; padding: 0pt;" class="rcbList"><li class="rcbItem ">Business Development</li></ul></div></div></div><input type="hidden" name="ctl00_bodyContentPlaceHolder_uxContainer_uxGrid_ctl00_ctl04_uxServiceList_dropDown_ClientState" id="ctl00_bodyContentPlaceHolder_uxContainer_uxGrid_ctl00_ctl04_uxServiceList_dropDown_ClientState" autocomplete="off" value="{"logEntries":[],"value":"16","text":"Business Development","enabled":true}">

working code (line 83):

<input type="hidden" name="ctl00_bodyContentPlaceHolder_uxContainer_uxGrid_ctl00_ctl04_uxServiceList_dropDown_ClientState" id="ctl00_bodyContentPlaceHolder_uxContainer_uxGrid_ctl00_ctl04_uxServiceList_dropDown_ClientState" autocomplete="off" value="{"logEntries":[],"value":"16","text":"Business Development","enabled":true}">

Any ideas?

Grid

answered on 10 Dec 2010

1 answer

68 views

Grid Hierarchy

See attached screenshot.

I've been asked to duplicate this functionality and I am trying to figure out how they did it and if it's possible with either Grid or TreeList.

Grid

answered on 10 Dec 2010

1 answer

127 views

Javascript alert not RadAlert

I am new to Telerik, but I have a problem. I support an existing .NET application, which onclick of the Save button, once the data was save to the DB, a StartupScript was registered, which created an alert box, that told the user the data was saved. I modified in the code behind that onclick of the Save button instead of Saving I pop up a Telerik Window and once the user has finished and closed this window, Saving should continue and thereby the same alert window should pop up and let the user know that their data has been saved. Unfortunately, this doesn't happen the Javascript alert window is never displayed, it seems as if the AjaxManager is in control and just ignores this, script. I know this can be changed to a RadAlert, but unfortunately this window looks totally different from the alert window the user will not be happy with this. Is there anyway I can still call the StartupScript that creates the JavaScript Alert window?

Thanks in advance for any help you can give.

Marcia

Ajax

answered on 10 Dec 2010

16 answers

378 views

ShowExportToExcelButton Attribute not Available

This help topic, http://www.telerik.com/help/aspnet-ajax/grddefaultbehavior.html, says ShowExportToExcelButton can be set on CommandItemSettings to display the export to excel button. However, It does not work with the latest library I have. Any thoughts?

Grid

answered on 10 Dec 2010

3 answers

282 views

[Solved] Expand and collapse icons at right hand side

How can expand and collapse icons at right hand side in PanelBar item be changed? Please see attached screen shot for visual.

Thank you.

PanelBar

answered on 10 Dec 2010

1 answer

115 views

German Resource-Files

Hello,
as far as I see it give no German-Localizations-Files for grid, filter, pager, Upload and other controls.
Resources is expected in the near future to this?

Greetings

General Discussions

answered on 10 Dec 2010

2 answers

238 views

How to pass a selected filename to another control

I know the file explorer is an ASP.NET control, but much of the code needed is javascript and I'm just not any good with that. So here's my noob question. I have a video player control that embeds a windows media player on my page. I have a File Explorer control above it showing the contents of a Video Library folder where the user is asked to double-click a filename and I want it to play in my video player. From the OnClientItemSelected(sender, args) javascript function, can I call a function in my ASP code-behind page? Or is there a simpler/easier way to do this? I need to take the selected filename and fill in the 'VideoURL' field of the video player control.

I have tried several different ways to do this with no luck and I'm getting frustrated. I know this should be a simple task but I just don't get it.

Here is the code in my primary .aspx page. There is nothing in the .aspx.vb page yet.

<asp:Content ID="Content1" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">

function OnClientItemSelected(sender, args) {

var vidpath = args.get_item().get_name();

PlayVid(vidpath);

}

</script>

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

Select a file below to view it.<br /><br />

<telerik:RadFileExplorer

ID="RadFileExplorer1"

runat="server"

Height="250px"

InitialPath="/VideoLibrary" Skin="Outlook" EnableCreateNewFolder="False"

ToolTip="Double-click a video from the list to view it." TreePaneWidth="0px"

VisibleControls="Grid, ContextMenus"

onclientitemselected="OnClientItemSelected" Width="606px">

<Configuration SearchPatterns="*.*"

ViewPaths="/VideoLibrary">

</Configuration>

</telerik:RadFileExplorer>

<ASPNetVideo:WindowsMedia ID="WindowsMedia1" runat="server" Height="480px"

VideoURL="http://www.pdcrx.com/VideoLibrary/Introduction_to_Palliative_Sedation_-_Aug_2010.wmv"

Width="640px" WMode="Window">

</ASPNetVideo:WindowsMedia>

</form>

</asp:Content>

<asp:Content ID="Content1" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">

function OnClientItemSelected(sender, args) {

var vidpath = args.get_item().get_name();

PlayVid(vidpath);

}

</script>

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

Select a file below to view it.<br /><br />

<telerik:RadFileExplorer

ID="RadFileExplorer1"

runat="server"

Height="250px"

InitialPath="/VideoLibrary" Skin="Outlook" EnableCreateNewFolder="False"

ToolTip="Double-click a video from the list to view it." TreePaneWidth="0px"

VisibleControls="Grid, ContextMenus"

onclientitemselected="OnClientItemSelected" Width="606px">

<Configuration SearchPatterns="*.*"

ViewPaths="/VideoLibrary">

</Configuration>

</telerik:RadFileExplorer>

<ASPNetVideo:WindowsMedia ID="WindowsMedia1" runat="server" Height="480px"

VideoURL="http://www.pdcrx.com/VideoLibrary/Introduction_to_Palliative_Sedation_-_Aug_2010.wmv"

Width="640px" WMode="Window">

</ASPNetVideo:WindowsMedia>

</form>

</asp:Content>

<asp:Content ID="Content1" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">

function OnClientItemSelected(sender, args) {

var vidpath = args.get_item().get_name();

PlayVid(vidpath);

}

</script>

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

Select a file below to view it.<br /><br />

<telerik:RadFileExplorer

ID="RadFileExplorer1"

runat="server"

Height="250px"

InitialPath="/VideoLibrary" Skin="Outlook" EnableCreateNewFolder="False"

ToolTip="Double-click a video from the list to view it." TreePaneWidth="0px"

VisibleControls="Grid, ContextMenus"

onclientitemselected="OnClientItemSelected" Width="606px">

<Configuration SearchPatterns="*.*"

ViewPaths="/VideoLibrary">

</Configuration>

</telerik:RadFileExplorer>

<ASPNetVideo:WindowsMedia ID="WindowsMedia1" runat="server" Height="480px"

VideoURL="http://www.pdcrx.com/VideoLibrary/Introduction_to_Palliative_Sedation_-_Aug_2010.wmv"

Width="640px" WMode="Window">

</ASPNetVideo:WindowsMedia>

</form>

</asp:Content>

<asp:Content ID="Content1" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">

<script type="text/javascript">

function OnClientItemSelected(sender, args) {

var vidpath = args.get_item().get_name();

PlayVid(vidpath); <-- This is where I was thinking of calling a code-behind vb function

}

</script>

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

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

Select a file below to view it.<br /><br />

<telerik:RadFileExplorer

ID="RadFileExplorer1"

runat="server"

Height="250px"

InitialPath="/VideoLibrary" Skin="Outlook" EnableCreateNewFolder="False"

ToolTip="Double-click a video from the list to view it." TreePaneWidth="0px"

VisibleControls="Grid, ContextMenus"

onclientitemselected="OnClientItemSelected" Width="606px">

<Configuration SearchPatterns="*.*"

ViewPaths="/VideoLibrary">

</Configuration>

</telerik:RadFileExplorer>

<br /><br />

<ASPNetVideo:WindowsMedia ID="WindowsMedia1" runat="server" Height="480px"

VideoURL="some_video_title.wmv"

Width="640px" WMode="Window">

</ASPNetVideo:WindowsMedia>

</form>

</asp:Content>

FileExplorer

answered on 10 Dec 2010

2 answers

209 views

[Solved] HIde items in EditForm

I have a rad grid and when the user select edit or insert it opens the EditForm using a Template. Depending on who the user is there are two items that I would like to either show or hide. Here is a sample of the code.

<rad:RadGrid ID="gridClients" runat="server" AllowPaging="True" AllowSorting="True" AutoGenerateColumns="False" DataSourceID="ObjectDataSource1" EnableAJAX="True" EnableAJAXLoadingTemplate="True" GridLines="None" LoadingTemplateTransparency="50" ShowStatusBar="True" Skin="Windows" Width="98%" AllowFilteringByColumn="True" PageSize="25" DataBound="gridClients_ItemDataBound" OnUpdateCommand="gridClients_UpdateCommand" OnInsertCommand="gridClients_InsertCommand" OnDeleteCommand="gridClients_DeleteCommand">

...

<EditFormSettings EditFormType="Template" UserControlName="ClientGrid" >

<EditColumn UniqueName="EditCommandColumn"></EditColumn>

<FormTemplate>

<table cellpadding="2" cellspacing="0" border="0" width="100%">

<tr id="SpecialInstructRow" runat="server" visible="false">

<td>

<label for="SpecialInstuct">Billing Notes:</label>

<asp:TextBox ID="SpecialInstructTextBox" runat="server" Text='<%# Bind("SpecialInstructions") %>' TextMode="MultiLine" ></asp:TextBox>

</td>

</tr>

...

</table>

As you can see I have the table row visible set to false. How can I change this when the user hits the edit or insert button on the grid, based on the user who is loged in?

Grid

answered on 10 Dec 2010

5 answers

121 views

Moving the position of the image in HTML

The HTML we are currently generating through the Telerik menu control looks something like this :

<li class="rmItem">

<a class="rmLink radMenuLoginReq" href="...">

<img src="...">

<span class="rmText rmExpandDown">Menu Item</span>

</a>

<div class="rmSlide">

...

</div>

</li>

Is it possible to have the rmText SPAN tag swap places with the IMG tag? I would rather switch the positions of the tags than find the correct way to float the image into the position I want it to be in.

Menu

answered on 10 Dec 2010

4 answers

1.0K+ views

[Solved] Export to Excel button not showing after CommandTemplateItem added

Dear Forum.

I added a button to a command item template in my grid and now only the command item template is showig and not the Export to Excel button. I need both buttons to show, please advise.

Thanks,
Celeste

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

<asp:Button ID="btnExpandAll" Text="Expand All" Runat="server" CommandName="ExpandAll"></asp:Button>

</CommandItemTemplate>

Grid

answered on 10 Dec 2010