Questions on UI for ASP.NET AJAX Forum

2 answers

225 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

203 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

114 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

2 answers

124 views

[Solved] Is there a clientside tab click?

I want to handle a click event, and prompt the user with a message saying that a tab is disabled (when it is disabled)...

Doable out of the box, or should I wire up a jQuery click event of my own?

TabStrip

answered on 10 Dec 2010

2 answers

110 views

[Solved] Setting PageSizeLabelText Value

When I have pagersytle mode set to NextPrevNumericAndAdvanced and I am unable to PageSizeLabelText.
but if I change the mode to NextPrevAndNumeric then my custom PageSizeLabelText takes effect.

Is this a known issue?

This works

<PagerStyle AlwaysVisible="True" PageSizeLabelText="# Per Page" ShowPagerText="True" Mode="NextPrevAndNumeric" />

This does not work

<PagerStyle AlwaysVisible="True" PageSizeLabelText="# Per Page" ShowPagerText="True" Mode="NextPrevNumericAndAdvanced" />

Thanks

Grid

answered on 10 Dec 2010

1 answer

173 views

access GridDropDownColumn in RADGRID using Javascript

Hello,
I want to access GridDropDownColumn of RADGRID using Javascript. I know how to create function on ItemDataBound and access the GridDropDownColumn from there. But my javascript function is being called from the other page. And from the other page I want to access the GridDropDownColumn which has Dropdown in the EDIT mode in the RADGRID.
I want to set the value passed from the other page to set the GridDropDownColumn's dropdown's value.
Please help me fresolving this problem.
Telerik contols have problem accessing from javascript without using the server side code. Please put attention to my POST and reply me ASAP.

Thanks,
Deepa

ComboBox

answered on 10 Dec 2010

3 answers

141 views

RadMenu not working in RadTreeView within XMLHttpPanel

- The RadXmlHttpPanel currently contains a RadTreeView, which has a context menu defined using RadTreeViewContextMenu.
- The EnableClientScriptEvaluation property of RadXmlHttpPanel has been set to true, but the client side event 'OnClientContextMenuItemClicking' of the RadTreeView doesn't seem to fire while 'OnClientContextMenuShowing' event fires.
- Have also tried by setting RegisterWithScriptManager property of RadTreeView to false, this still doesn't help

Snippet:
----------
<telerik:RadXmlHttpPanel ID="RadXmlHttpPanel1" runat="server" OnServiceRequest="XmlHttpPanel_ServiceRequest" OnClientResponseEnded="XmlHttpPanel_ResponseEnded"
EnableClientScriptEvaluation="true" RenderMode="Block">
<telerik:RadTreeView ID="treeView1" runat="server" OnNodeDataBound="treeView1_NodeDataBound"
EnableViewState="false" OnClientContextMenuItemClicking="onClientContextMenuItemClicking" OnClientContextMenuShowing=”onClientContextMenuShowing”
Height="99%" RegisterWithScriptManger="false">
<ContextMenus>
<telerik:RadTreeViewContextMenu ID="MainContextMenu" runat="server">
<Items>
<telerik:RadMenuItem Value="menuItem1" Text=" menuItem1" AccessKey="M">
</telerik:RadMenuItem>
<telerik:RadMenuItem Value="menuItem2" Text=" menuItem2" AccessKey="U">
</telerik:RadMenuItem>
</Items>
<CollapseAnimation Type="none" />
</telerik:RadTreeViewContextMenu>
</ContextMenus>
<NodeTemplate>
<asp:CheckBox ID="NodeCheckBox" runat="server"></asp:CheckBox>
<asp:RadioButton ID="NodeRadioButton" runat="server"></asp:RadioButton>
</NodeTemplate>
</telerik:RadTreeView>
</telerik:RadXmlHttpPanel>

Here, onClientContextMenuItemClicking doesn’t get hit, while onClientContextMenuShowing is hit.

TreeView

answered on 10 Dec 2010

10 answers

478 views

[Solved] Series Color

Hi,

I am binding PIE chart programmatically. Kindly tell me how to change the series item color? And how to change the background color of the chart as white? Because when I set <FillStyle MainColor="#FFFFFF" /> is not working.

Regards,

Jones

Chart (Obsolete)

answered on 10 Dec 2010

2 answers

280 views

radgrid cannot get value in cell

i have a radgrid - i want to access the cell values and put to a textbox. when i click on the row (and fire the ItemCommand event), the cell values are  
please help. thanks.

<telerik:RadGrid ID="rgShip" runat="server" AutoGenerateColumns="false" Skin="Windows7"

AllowMultiRowSelection="false" OnNeedDataSource="LoadMethods">

<MasterTableView DataKeyNames="ship_meth_id" >

<Columns>

<telerik:GridButtonColumn DataTextField="ship_meth_desc" CommandName="Select" ItemStyle-HorizontalAlign="Left"

HeaderText="Shipping Method" UniqueName="shipmethdesc"></telerik:GridButtonColumn>

</Columns>

</MasterTableView>

</telerik:RadGrid>

code behind:

Protected Sub LoadMethods()

Try

Dim ds As dataset

ds = DBSvc.GetDataset, "sp_Ship_Meth_SEL")

Dim dv As DataView

dv = ds.Tables(0).DefaultView

dv.Sort = "ship_meth_desc"

rgShip.DataSource = dv

Protected Sub rgShip_ItemCommand(ByVal sender As Object, ByVal e As Telerik.Web.UI.GridCommandEventArgs) Handles rgShip.ItemCommand

Try

If e.CommandName = "Select" Then

Dim dataItem As GridDataItem = DirectCast(e.Item, GridDataItem)

txtMethod.Text = dataItem("shipmethdesc").Text

TXTMETHOD.TEXT IS &NBSP; i cannot get the values of the cell text's. the grid displays fine with the correct entries but i cannot get to the cell text to move to a textbox.

Grid

answered on 10 Dec 2010