Questions on UI for ASP.NET AJAX Forum

8 answers

193 views

Hi,

We are currently implementing the grid control and like the various filter options but wanted to know if someone has achieved an Excel Style Multi Select filter, similar to how the new version of the Silverlight control works? Our problem is that from the column filter dropdown, we want to be able to select ALL or nothing or pick several items that are not in a range for example option 1,3 and 9.
The silverlight control looks like it would do the trick, is there something similar out there?
http://demos.telerik.com/silverlight/#GridView/FirstLook

Thanks in advance,
Adam

Grid

answered on 28 Oct 2013

1 answer

146 views

Bubble and donut chart not supporting While binding with x-axis string value in RadHtmlchart

Hi ,
Bubble and donut charts are not supporting, While binding with string value in x-axis , it shows error . please tell me the solution to bind the string value to the x-axis with the radhtmlchart .

thanks .

Chart (HTML5)

answered on 28 Oct 2013

1 answer

136 views

column to be right aligned during editmode.

Hi..
I want to make a column to be right aligned during editmode.

Erin.

Grid

answered on 28 Oct 2013

1 answer

189 views

Export selected rows

Hi,
I tried many codes that showed how to make only selected rows export, but im not able to get it to work.can someone guide me on this.I want to export to excel.

Grid

answered on 28 Oct 2013

3 answers

214 views

get nestedview row from template control

I have a case where i use a radbutton inside the nestedviewtemplate that uses 'OnClientCheckedChanged' event that i need to set the mastertable row´s expanded state and i cant seem to find out how to access the row dataitem from the button, does anyone have an idea?

My nestedviewtemplate,

<NestedViewTemplate>

<asp:Panel ID="NestedViewPanel" runat="server" CssClass="divArtDetailsView">

<div class="contactWrap">

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

<tr>

<td width="140px">

<asp:Image runat="server" ID="imgArt" />

</td>

<td>

Diverse information ska in här, alla artikel extra kopplingar, fritext och lagerstatus

</td>

<td style="vertical-align:top; text-align:right; padding-right:5px;">

<telerik:RadButton runat="server" ID="btnPinRow" AutoPostBack="false" ButtonType="ToggleButton" ToggleType="CheckBox" Checked="false" OnClientCheckedChanged="pinChanged">

<ToggleStates>

<telerik:RadButtonToggleState Width="16px" IsBackgroundImage="true" ImageUrl="images/pinned.png" />

<telerik:RadButtonToggleState Width="16px" IsBackgroundImage="true" ImageUrl="images/unpinned.png" HoveredImageUrl="images/pinned.png" Selected="false" />

</ToggleStates>

</telerik:RadButton>

<br /><br />

<telerik:RadNumericTextBox runat="server" ID="txtAnt" Width="45px" NumberFormat-DecimalDigits="0" Value="1"></telerik:RadNumericTextBox>

<telerik:RadButton runat="server" ID="btnAddToCart" Text="Add"></telerik:RadButton>

</td>

</tr>

</table>

</div>

</asp:Panel>

</NestedViewTemplate>

}

function pinChanged(sender, eventArgs) {

var button = sender;

//how to find parent mastertable row dataitem??

}

Grid

answered on 28 Oct 2013

4 answers

102 views

Javascript Error in _setExpanded of RadPanelItem after i cancel an insert in a radgrid

Hello,
I have a radgrid under my RadPanel. When i cancel the insert command, i get this javascript error if i try to expand my RadPanel:
( Object doesn't support this property or method)

The first error is from telerik _setExpanded function, happening on _setChildrenHeight(""):

_setExpanded:function(k,i,n){if(!this._getAnimationContainer()||!this.get_isEnabled()){return;

}var o=this.get_panelBar();

var j=this._getAnimatedElement();

var f=this.get_parent();

if(o._transitionAnimationIsInProgress){return;

}if(k){if(this.get_expanded()){return;

}if(this.get_level()==0&&o.get_fullExpandedItem()){if(window.netscape&&!window.opera){j.style.overflow="hidden";

this._changedOverflow=true;

}j.style.height=o._getGroupHeight()+"px";

if(window.netscape&&!window.opera){j.style.overflow="auto";

this._changedOverflow=false;

}}j.style.display="none";

j.style.width="100%";

if(this.get_level()>0&&!o.get_fullExpandedItem()){f._setChildrenHeight("");

If i put a spy on the f variable, there's no setChildrenHeight in that item.
Here are some propreties that might help to find what's wrong:

_childTypeName = "Telerik.Web.UI.RadPanelItem"

_childControlsCreated = true

_childListElement = {object} -> i see all my list element when i look at the innerHTML, so they are there.

_clientState.exapandedItems = 0

_enabled = true

_expendedItem = null

_id = null

_initialized = true

Tell me if you need more info, ask me.

In case it's not clear, i can make some step to reproduce:
1.I load my main RadGrid, then open a row.
2.In that row detail, there's some stuff, along with a RadPanel, and another Radgrid, that has the "add a new record" enabled.
3.I expand my RadPanel, everthing is there. I close it.
4.I click on [+] to add a row in my small radgrid, then cancel. (ajax load back the small grid)
5.I click on the RadPanel to expand it, the error occurs.
Second error:
1.
2.
3.I expand my RadPanel, everthing is there. I leave it open.
4.I click on [+] to add a row in my small radgrid, then cancel. (ajax load back the small grid)
5.The error occurs.
Here is the code where the second error occurs:

_windowLoadHandler:function(f){if(this.get_element()==null){return;

}if(this.get_expanded()&&this.get_childListElement()){this.get_childListElement().style.display="none";

this.get_childListElement().style.width="100%";

if(this.get_level()>0&&!this.get_panelBar().get_fullExpandedItem()){this.get_parent()._setChildrenHeight("");

This.get_Parent() is a RadPanelItem too so it can't find the setChildrenHeight too.

Can this occurs because of some mishandled updates with my small radgrid with ajax? We're folowing the prototype method, using js for every userControl to update grid on client side to prevent the whole page to update.

Please help cause i have really no idea how to fix this.
Thanks!
Sophie.

PanelBar

answered on 28 Oct 2013

1 answer

371 views

Combining the WebForm_PostBackOptions script

Hi,

When using updatepanels, there is a Microsoft script (WebResource.axd) that starts with "function WebForm_PostBackOptions(".

Is it possible to make the RadScriptManager to also include this script when using scriptcombine?

Now it always looks like this:

<script src=

"/WebResource.axd?d=pynGkmcFUV13He1Qd6_TZHaIQEo1TJyMkhHHAzOMocNupHiRRsYVZc7_y2Lehv7URuNG2uVz2l9dOjIpDD9lCQ2&t=635117001316159565"

type="text/javascript"></script>

<script src=

"/Telerik.Web.UI.WebResource.axd?_TSM_HiddenField_=s_TSM&compress=1&_TSM_CombinedScripts_=%3b%3bSystem.Web.Extensions%2c+Version%3d4.0.0.0%2c+Culture%3dneutral%2c+PublicKeyToken%3d31bf3856ad364e35%3aen-US%3ad618f02c-bda7-40f1-bb64-308e08f719c3%3aea597d4b%3ab25378d2%3bTelerik.Web.UI%2c+Version%3d2013.3.1015.45%2c+Culture%3dneutral%2c+PublicKeyToken%3d121fae78165ba3d4%3aen-US%3a7a1d9c2d-6cf2-464f-9ad3-e479c730ac61%3a16e4e7cd%3ab7778d6c%3ae085fe68%3af7645509%3a24ee1bba%3a7165f74"

type="text/javascript"></script>

<script type="text/javascript">

Regards
Andreas

ScriptManager and StyleSheetManager

answered on 28 Oct 2013

2 answers

187 views

[Solved] Erro VS2013 Grid

Hi,

when I use the grid GridTemplateColumn not score loads the Skin.

See the attachment.

Erro only in debug mode VS 2013.

In VS 2012 loads normal.

Version Telerik Q3 2013. All browsers.

My Grid.

<telerik:RadGrid ID="RadGridClienteInd" runat="server" AllowMultiRowSelection="True"

AllowPaging="True" AllowSorting="True" AutoGenerateColumns="False"

CellSpacing="0" GridLines="None" Skin="Vista"

ShowGroupPanel="False" Width="100%"

>

<SortingSettings SortedAscToolTip="Ordenação crescente"

SortedDescToolTip="Ordenação decrescente"

SortToolTip="Clique aqui para ordenar" />

<ClientSettings AllowDragToGroup="True">

<Selecting AllowRowSelect="True"></Selecting>

<Scrolling AllowScroll="True" UseStaticHeaders="True"></Scrolling>

<ClientMessages DragToGroupOrReorder="Drag to group" />

<Selecting AllowRowSelect="True" />

<ClientMessages DragToGroupOrReorder="Drag to group"></ClientMessages>

<ClientEvents OnRowDblClick="RowDblClick" />

</ClientSettings>

<GroupingSettings CollapseTooltip="" ExpandTooltip="Expandir grupo"

GroupContinuedFormatString="... continuando o grupo da página anterior. "

GroupContinuesFormatString=" Grupo continua na próxima página."

GroupSplitDisplayFormat="Mostrando {0} de {1} items."

UnGroupButtonTooltip="Clique aqui para desagrupar" UnGroupTooltip="" />

<GroupPanel Text=" Arraste o cabeçalho de uma coluna e solte aqui para agrupar">

</GroupPanel>

<MasterTableView ClientDataKeyNames="cod_cliente_ligacao"

PagerStyle-PageSizeLabelText="Itens por página" NoDetailRecordsText=""

NoMasterRecordsText="" HierarchyLoadMode="ServerOnDemand">

<CommandItemSettings ExportToPdfText="Export to PDF"></CommandItemSettings>

<RowIndicatorColumn FilterControlAltText="Filter RowIndicator column">

<HeaderStyle Width="20px"></HeaderStyle>

</RowIndicatorColumn>

<ExpandCollapseColumn FilterControlAltText="Filter ExpandColumn column">

<HeaderStyle Width="20px"></HeaderStyle>

</ExpandCollapseColumn>

<Columns>

<telerik:GridTemplateColumn FilterControlAltText="Filter TemplateColumn1 column" HeaderText="Mail"

UniqueName="ind_visualizar" HeaderStyle-Width="40px" ItemStyle-Width="40px" ItemStyle-VerticalAlign="Middle"

ItemStyle-HorizontalAlign="Center" SortExpression="ind_visualizar">

<ItemTemplate>

<asp:Image ID="Mail" runat="server" ImageUrl='<%#"http://www.lanel.net.br/Geral.ashx?GeralId=" + IIf(Eval("

ind_visualizar") = 1, "mailIcon.gif", "Em_aberto.png")%>' style="margin-bottom: 10px; margin-left: 2px"  Width="18px" />

</ItemTemplate>

<HeaderStyle Width="40px" HorizontalAlign="Center" ></HeaderStyle>

<ItemStyle HorizontalAlign="Center" VerticalAlign="Middle" Width="40px"></ItemStyle>

</telerik:GridTemplateColumn>

<telerik:GridBoundColumn FilterControlAltText="Filter column3 column"

HeaderText="Dt. Ligação" UniqueName="dat_ligacao" DataField="dat_ligacao"

SortExpression="dat_ligacao" DataFormatString="{0:d}" ItemStyle-Width="80px" HeaderStyle-Width="80px">

<HeaderStyle Width="80px" HorizontalAlign="Center" ></HeaderStyle>

<ItemStyle Width="80px"></ItemStyle>

</telerik:GridBoundColumn>

<telerik:GridBoundColumn FilterControlAltText="Filter column column"

HeaderText="Nome Cliente" UniqueName="nome" DataField="nome" SortExpression="nome" >

<HeaderStyle Width="400px" HorizontalAlign="Center" ></HeaderStyle>

<ItemStyle Width="400px"></ItemStyle>

</telerik:GridBoundColumn>

<telerik:GridBoundColumn FilterControlAltText="Filter column2 column"

HeaderText="Municipio" UniqueName="municipio" DataField="municipio" SortExpression="municipio">

<HeaderStyle HorizontalAlign="Center" />

</telerik:GridBoundColumn>

<telerik:GridBoundColumn FilterControlAltText="Filter column1 column"

HeaderText="Situação" UniqueName="situacao_contato" DataField="situacao_contato" SortExpression="situacao_contato">

<HeaderStyle HorizontalAlign="Center" />

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="cod_cliente_ligacao"

FilterControlAltText="Filter cod_cliente_ligacao column"

HeaderText="cod_cliente_ligacao" UniqueName="cod_cliente_ligacao" Visible="false" >

</telerik:GridBoundColumn>

</Columns>

<EditFormSettings>

<EditColumn FilterControlAltText="Filter EditCommandColumn column"></EditColumn>

</EditFormSettings>

<PagerStyle PageSizeLabelText="Itens por página"

FirstPageToolTip="Primeira Página" LastPageToolTip="Ultima Página"

NextPagesToolTip="Próxima Página" NextPageToolTip="Próxima Página"

PagerTextFormat="" PrevPagesToolTip="" PrevPageToolTip=""></PagerStyle>

</MasterTableView>

<FilterMenu EnableImageSprites="False"></FilterMenu>

<HeaderContextMenu CssClass="GridContextMenu GridContextMenu_Default"></HeaderContextMenu>

</telerik:RadGrid>

Grid

answered on 28 Oct 2013

2 answers

118 views

How to expand the detailtable after the row updated in the masterview?

Basically I have a MasterTableView / DetailTable relationship. In the master table,the rows are editable.After I updated the row,the rows were collpased.I want the detailtable expanded which related to the updated row.

Grid

answered on 28 Oct 2013

7 answers

474 views

[Solved] RadAjaxPanel.ajaxRequest causing postback

Hi,

In this page, we are trying to show whatever user typed simultaneously using AjaxRequest.
However, the page seems to post back every time we typed 1 character and this cleared the textbox.
How can we prevent this?
Thanks.

URL: http://telerik.ximnet.com.my/test_onkeyupEvent.aspx

Code:

Imports Telerik.Web.UI

Partial Class xtopia_ContentMS_testlistview

Inherits System.Web.UI.Page

Protected Sub rap_AjaxRequest(sender As Object, e As AjaxRequestEventArgs) Handles rap.AjaxRequest

ltl_show_text.Text = e.Argument

End Sub

End Class

ASPX:

<%@ Page Language="VB" AutoEventWireup="false" CodeFile="test_onkeyupEvent.aspx.vb" Inherits="xtopia_ContentMS_testlistview" %>

<%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<title></title>

<script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>

<script src="http://code.jquery.com/jquery-migrate-1.2.1.min.js"></script>

<script>

function requestStart(sender, eventArgs) {

console.log("ss");

}

function onkeyupEvent() {

var text = $find("<%= txt_art_search_box.ClientID %>").get_textBoxValue();

console.log(text);

$find('<%=rap.ClientID %>').ajaxRequest($('#txt_art_search_box').val());

}

</script>

</head>

<body>

<form runat="server">

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

<telerik:RadAjaxPanel runat="server" ID="rap">

<telerik:RadTextBox AutoPostBack="false" AutoCompleteType="Disabled" onkeyup="onkeyupEvent();" ID="txt_art_search_box" runat="server" EmptyMessage="Type here to search" Width="80%">

</telerik:RadTextBox>

<br />

You type: <asp:Literal ID="ltl_show_text" runat="server" />

</telerik:RadAjaxPanel>

</form>

</body>

</html>

Ajax

answered on 28 Oct 2013