Questions on UI for ASP.NET AJAX Forum

3 answers

198 views

Need access to eventArgs.get_DomEvent() from button OnCommand

I have a grid where a user can right click on a row and a popup menu is displayed. Well I don't like right click functionality on a row in a webpage because it's not really standard UI behavior. I want to have the user click a button in the row to then show this same popup dialog.

I'm using a GridButtonColumn with the OnCommand.

So far I've not been able to get access to the get_DomEvent.

You can see in the javascript function I call that when I attempt to show the menu dialog that the "get_DomEvent" is
not a method that is available to me in the eventArgs. Is there some way I can get access to the get_DomEvent after
clicking on a button within the row of the grid?

Here is the code:



ASPX:

<Columns>
                            <telerik:GridTemplateColumn HeaderStyle-Width="5px"><ItemTemplate> </ItemTemplate></telerik:GridTemplateColumn>
                            <telerik:GridHyperLinkColumn HeaderStyle-Width="70px" DataTextField="CustomerNumber" DataNavigateUrlFields="CustomerNumber" DataNavigateUrlFormatString="~\Common\CustomerEdit.aspx?Customer={0}" HeaderText="Cust No." SortExpression="CustomerNumber" UniqueName="CustomerNumber" />
                            <telerik:GridHyperLinkColumn HeaderStyle-Width="300px" DataTextField="CustomerName" DataNavigateUrlFields="CustomerNumber" DataNavigateUrlFormatString="~\Common\CustomerEdit.aspx?Customer={0}" HeaderText="Name" SortExpression="CustomerName" UniqueName="CustomerName" />
                            <telerik:GridBoundColumn HeaderStyle-Width="125px" DataField="Address.City" HeaderText="City" SortExpression="Address.City" UniqueName="City" />
                            <telerik:GridBoundColumn HeaderStyle-Width="125px" DataField="Address.State" HeaderText="State" SortExpression="Address.State" UniqueName="State" />
                            <telerik:GridBoundColumn HeaderStyle-Width="75px" DataField="Address.ZipCode" HeaderText="ZipCode" SortExpression="Address.ZipCode" UniqueName="ZipCode" />
                            <telerik:GridBoundColumn HeaderStyle-Width="55px" DataField="Status" HeaderText="Status" SortExpression="Status" UniqueName="Status" />
                            <telerik:GridHyperLinkColumn HeaderStyle-Width="50px" DataNavigateUrlFields="CustomerNumber" DataNavigateUrlFormatString="~\Common\UserList.aspx?Customer={0}" HeaderText="Show" Text="Users" />
                            <telerik:GridHyperLinkColumn HeaderStyle-Width="50px" DataNavigateUrlFields="CustomerNumber" DataNavigateUrlFormatString="~\Returns\FilingEntityList.aspx?Customer={0}" Text="Entities" />
                            <telerik:GridButtonColumn ButtonType="PushButton" DataTextField="Status"  CommandName="CustomerRadGridUpdateStatusMenu" UniqueName="ChangeStatus" />
                        </Columns>
                        <PagerTemplate>
                            <vtx:GridPager ID="gridPagerControl" AddLabel="Add Customer" OnAddClicked="AddNewCustomerButton_Click" runat="server" />
                        </PagerTemplate>
                    </MasterTableView>
                    <ClientSettings>
                        <ClientEvents OnRowContextMenu="CustomerRadGridRowContextMenu"
                         OnCommand="CustomerRadGridUpdateStatusMenu"
                        />
                        <Selecting AllowRowSelect="True" />
                    </Client



JavaScript:


// Select row prior to context menu appearing
           function CustomerRadGridUpdateStatusMenu(sender, eventArgs)
           {
               // Get row index
               if (eventArgs.get_commandName() == "CustomerRadGridUpdateStatusMenu") 
               {
                   var MasterTable = sender.get_masterTableView();
                   var index = eventArgs.get_commandArgument();
                   var row = MasterTable.get_dataItems()[index];  
               }
 
               // Find row and select it
               sender.set_activeRow(row.get_element());
 
               // Fetch customer number    
               var columnCell =  MasterTable.getCellByColumnUniqueName(row, "CustomerNumber");
                 
 
               $get(clientID + 'customerNumberDisplay').innerHTML = columnCell.innerText; 
               $get(clientID + 'customerNumberHidden').value = columnCell.innerText; 
 
               // Fetch status
               columnCell = MasterTable.getCellByColumnUniqueName(row, "Status");
 
               $get(clientID + 'status' + columnCell.innerHTML).checked = true;
               $get(clientID + 'statusInactive').disabled = true;
               $get(clientID + 'statusActive').disabled = false;
               $get(clientID + 'statusDisabled').disabled = false;
               $get(clientID + 'statusDeleted').disabled = false;
                
               var menu = $find("<%= gridContextRadMenu.ClientID %>"); 
 
               if (columnCell.innerHTML == "Inactive")
               {
                   $get(clientID + 'statusActive').disabled = true;
                   $get(clientID + 'statusDisabled').disabled = true;
               }
 
               // Apply security as last option
               if (!allowDelete && !allowDisable)
               {
                   menu.findItemByValue("CS").disable(); 
               }
               else
               {
                   if (!allowDelete)
                   {
                       $get(clientID + 'statusDeleted').disabled = true;
                   }
 
                   if (!allowDisable)
                   {
                       $get(clientID + 'statusDisabled').disabled = true;
                   }
               }
 
               // Show menu
               var domEvent = eventArgs.get_domEvent();
               menu.show(domEvent);
 
               eventArgs.cancelBubble = true;
               eventArgs.returnValue = false;
 
               if (eventArgs.stopPropagation)
               {
                   eventArgs.stopPropagation();
                   eventArgs.preventDefault();
               }
           }

Grid

answered on 23 Mar 2015

4 answers

362 views

Custom commands for RadEditor not work when using RadAjaxManager in same page.

Hey guys I have a page with a RadListView and have in it an ItemTemplate with a RadEditor.
As soon as I started to use a RadAjaxManager to be able to have a RadAjaxLoadingPanel, the page rendering was incorrect, the height of the RadPanes was very small and the custom buttons I did for the RadEditor crashed and began to display the following message:

The command CustomCommand is not implemented yet.

However I have implemented the Custom Commands immediately below the RadEditor's statement as follows:

...
</telerik:RadEditor>
<script type="text/javascript">
//<![CDATA[
//inserir imagens que fazem parte da lista de anexos
Telerik.Web.UI.Editor.CommandList["ImageManager"] = function (commandName, editor, args) { ... some code ... };
...
...
other custom commands
...
...
</script>

And all my RadPanes I set the Height="100%"

This text was translated from Portuguese into English by the translator google

Editor

answered on 23 Mar 2015

1 answer

93 views

Multiple elements / RadTab

Hello

We have a page (div) that represents an invoice. The current export to pdf does a great job at exporting the invoice, however, there is a RadTab, in which tab 2 contains a list of parts.

Is it possible to include Tab 2 (which is not rendered on the page as it is not active) as an additional page to the same pdf. If so, can you direct or provide an example

Thanks in advance

ClientExportManager

answered on 23 Mar 2015

1 answer

90 views

ExportToCVS not working

Two issues:

1) I am trying to export a radgrid to CSV. The button is configured to call back to C# and I see the code hit MasterTableView.ExportToCSV(), but I step over that line and nothing happens.
2) After hitting the export button and going through the code, the data in the table disappears.

ASP

<telerik:RadGrid ID="rgResources" runat="server" AutoGenerateColumns="false" ShowGroupPanel="false"

OnPreRender="rgResources_PreRender1" OnColumnCreated="rgResources_ColumnCreated" OnItemCommand="rgResources_ItemCommand"

GroupingEnabled="false" ShowFooter="true">

<ClientSettings>

<Selecting AllowRowSelect="false"></Selecting>

<Scrolling AllowScroll="true" SaveScrollPosition="true" FrozenColumnsCount="2" UseStaticHeaders="true"

ScrollHeight="150px"></Scrolling>

</ClientSettings>

<MasterTableView DataKeyNames="Resource" CommandItemDisplay="Top" AllowSorting="false"

AutoGenerateColumns="true" ShowGroupFooter="true">

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

<RowIndicatorColumn Visible="True" FilterControlAltText="Filter RowIndicator column">

</RowIndicatorColumn>

<ExpandCollapseColumn Visible="True" FilterControlAltText="Filter ExpandColumn column">

</ExpandCollapseColumn>

</MasterTableView>

<ExportSettings IgnorePaging="true">

<Csv FileExtension="CSV" />

</ExportSettings>

<FilterMenu EnableImageSprites="False">

</FilterMenu>

<ClientSettings EnableRowHoverStyle="true">

</ClientSettings>

</telerik:RadGrid>

C#

protected void rgResources_ItemCommand(object sender, Telerik.Web.UI.GridCommandEventArgs e)

{

if (e.CommandName == Telerik.Web.UI.RadGrid.ExportToCsvCommandName)

{

rgResources.MasterTableView.ExportToCSV();

}

I'm very new to this so I'm sure I'm missing something obvious but could use some help being pointed in the right direction.

Thanks

Grid

answered on 23 Mar 2015

3 answers

182 views

Telerik Image Gallery Q2 2012 example

On the demos page for the Q2 2012 release,there is a demo called 'telerik Image Gallery.' Is there any sample source code or documentation regarding this demo available?
Thanks

Documentation and Tutorials

answered on 23 Mar 2015

1 answer

136 views

Grid data download via URL?

I have a grid with an Export to CSV button. Since we have users who call automatic "screen-scraping" programs, is there a way to do a csv download via a URL parameter or similar? In other words, can I automatically start a csv download from the URL command?

Grid

answered on 23 Mar 2015

2 answers

140 views

Plasing the Text blow the Image in a RadMenuItem?

I'm trying to create a shortcut style menu, using RadMenu. Now I need the Image to be above the Text.
Is this possible using a RadMenu or other Telerik control?

Menu

answered on 23 Mar 2015

1 answer

155 views

WordProcessing

Is it possible to using a RadFlowDocument to build a Word document with several sections from various html files, and then also to build a table of contents with the page numbers of each section?

General Discussions

answered on 23 Mar 2015

1 answer

76 views

Telerik GridBatch and telerik:RadAutoCompleteBox

Is telerik:RadAutoCompleteBox compatible Width telerik:gridbatch. There are no examples on any forum using the radautocompletebox inside a telerik grid batch.
I cant seem to get it to Work. Does anyone have an example in asp.net?

Grid

answered on 23 Mar 2015

3 answers

130 views

RadHtmlChart's Navigator not working in IE

Hello Team,

I am having one Radhtmlchart which is binded with Data on client side through WebApi controller.

The function that we are using to bind RadHtmlChart is as follows:

function chartDataBind(sender, args) {

var ID = sender.ClientId;

var widmapID = <%= WidMapID %>;

var Cultureinfo='<%= CommonTools.GetUserDetails().Localization %>';

var url = '/api/TestVolumeWidget?WidMapID=' + widmapID + "&CultureInfo=" + Cultureinfo;

$.get(url, function (jsonResult) {

debugger

var kendoChart = sender;

//Set the new datasource to the RadHtmlChart

kendoChart.set_dataSource(jsonResult);

kendoChart.set_transitions(true);

kendoChart._dataBind();

//Add the new series and repaint the chart, so that the new changes can take effect

kendoChart.repaint();

});

}

I am declaring this function on <ClientEvents OnLoad="chartDataBind" /> in RadHtmlChart,

Now the issue is in Navigator section,
Navigator is working properly in Firefox and Google Chrome, But its not working in IE(Its not even Visible).

<telerik:RadHtmlChart runat="server" ID="TestVolumeChart" Layout="Stock" CssClass="myChart" >

<ClientEvents OnLoad="chartDataBind" />

<Navigator Visible="true">

<RangeSelector From="2014/08/25" To="2014/09/02" />

<SelectionHint Visible="true" DataFormatString="{0:d}" />

<Series>

<telerik:AreaSeries Visible="true" DataFieldY="TestDataDate">

</telerik:AreaSeries>

</Series>

<XAxis Color="#aaaaaa">

<LabelsAppearance>

<TextStyle Color="#666666" />

</LabelsAppearance>

</XAxis>

</Navigator>

<PlotArea>

<XAxis AxisCrossingValue="0" Color="#333333" MajorTickType="Outside" MinorTickType="Outside"

Reversed="false" DataLabelsField="TestDataVerifyDate">

<LabelsAppearance DataFormatString="{0:d}" RotationAngle="90" Skip="0" Step="1"></LabelsAppearance>

<TitleAppearance Position="Center" RotationAngle="0" Text="Date of Test Verified">

</TitleAppearance>

</XAxis>

<YAxis AxisCrossingValue="0" Color="#333333" MajorTickSize="1" MajorTickType="Outside"

MinorTickSize="1" MinorTickType="Outside" Reversed="false">

<LabelsAppearance DataFormatString="{0}" RotationAngle="0" Skip="0" Step="1"></LabelsAppearance>

<TitleAppearance Position="Center" RotationAngle="0" Text="Ordered Test Count">

</TitleAppearance>

</YAxis>

<Series>

<telerik:ColumnSeries Name="Test Volume" DataFieldY="TestDataCount">

<LabelsAppearance DataFormatString="{0}" Position="OutsideEnd"></LabelsAppearance>

<TooltipsAppearance DataFormatString="{0}" Color="White"></TooltipsAppearance>

</telerik:ColumnSeries>

</Series>

</PlotArea>

<ChartTitle Text="Daily Test Volume">

</ChartTitle>

</telerik:RadHtmlChart>

Is there anything i am missing out in my code?

It would be great if anyone can help me out.

Thanks,
Ruchi

Chart (HTML5)

answered on 23 Mar 2015