Questions on UI for ASP.NET AJAX Forum

0 answers

87 views

Greetings,

I have a RadGrid in which i am passing the filters and paging to the database, but i am having a problem when filtering by a text column that i truncate in my domain before binding it to the grid.

Whenever i try to filter this column, the filter gets passed all to the database correctly and the correct rows are returned and binded to the Grid, however they are not displayed unless the truncated string that is bound to the grid contains the filter value and this is a problem because i need the filter to use the full string not just the truncated string that gets binded to the grid.

For example:
If i have in the DB the string "Filter Test", show only "Filter" in the grid and try to filter by "Test" i want the row to appear in the grid.

Is there any way to stop the grid from filtering the rows again since i already do the filtering before binding the results to grid?

Grid

asked on 21 Oct 2011

0 answers

148 views

Full page postback from Rad Grid filter

Hey guys, I'm having a problem with a telerik grid causing a full page postback and not showing the grid after the postback. Here's the window definition with the ajax in the .aspx.

<body style="padding: 0px; margin: 0px auto; width: 750px; height: 530px; background-color: #FFFFFF;"> <form id="form2" runat="server"> <telerik:RadScriptManager ID="ScriptManager1" runat="server"> </telerik:RadScriptManager> <telerik:RadAjaxManager ID="RadAjaxManager1" runat="server"> <AjaxSettings> <telerik:AjaxSetting AjaxControlID="pgSingleInvitation"> <UpdatedControls> <telerik:AjaxUpdatedControl ControlID="tabsAddSingleUser" /> <telerik:AjaxUpdatedControl ControlID="multiPageAddSingleUser" LoadingPanelID="RadAjaxLoadingPanel2" /> </UpdatedControls> </telerik:AjaxSetting> <telerik:AjaxSetting AjaxControlID="pgReInvitation"> <UpdatedControls> <telerik:AjaxUpdatedControl ControlID="tabsAddSingleUser" /> <telerik:AjaxUpdatedControl ControlID="multiPageAddSingleUser" LoadingPanelID="RadAjaxLoadingPanel2" /> </UpdatedControls> </telerik:AjaxSetting> <telerik:AjaxSetting AjaxControlID="ajaxRadGrid2"> <UpdatedControls> <telerik:AjaxUpdatedControl ControlID="RadGrid2" LoadingPanelID="RadAjaxLoadingPanel2"/> </UpdatedControls> </telerik:AjaxSetting> </AjaxSettings> </telerik:RadAjaxManager> <telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel2" runat="server" Skin="Windows7" /> <script type="text/javascript"> function CloseAndRebind() { GetRadWindow().BrowserWindow.refreshGrid(); GetRadWindow().close(); } function CloseAndError() { GetRadWindow().BrowserWindow.location.reload(); GetRadWindow().close(); } </script> <telerik:RadSkinManager runat="server" ID="SkinManager2" Skin="Default"> </telerik:RadSkinManager> <div style="margin: 0 auto; padding: 20px 0 0 30px; overflow:auto; height: auto">    <telerik:RadTabStrip runat="server" ID="tabsAddSingleUser" MultiPageID="multiPageAddSingleUser" SelectedIndex="0" CausesValidation="false" > <Tabs> <telerik:RadTab PageViewID="pgSingleInvitation" Text="Single Invite" Width="120px"/> <telerik:RadTab PageViewID="pgReInvite" Text="Re-Invite" Width="120px"/> </Tabs> </telerik:RadTabStrip> <div />

And here is the grid in the same .aspx file.

<telerik:RadPageView runat="server" ID="pgReInvite"> <div class="pageContent2"> <div class="home_class_main_box_2"> <telerik:RadGrid ID="RadGrid2" runat="server" Width="673px" Height="1050px" AllowPaging="True" AllowSorting="True" OnPageIndexChanged="grid_PageIndexChanged" AllowMultiRowSelection="true"<br

>                        AutoGenerateColumns="False" GroupingEnabled="False" PageSize="25" AllowFilteringByColumn="true"<

br> EnableLinqExpressions="false" EnableAJAX="True"> <GroupingSettings CaseSensitive="false" /> <MasterTableView AutoGenerateColumns="false" AllowFilteringByColumn="True"> <Columns> <telerik:GridClientSelectColumn UniqueName="ClientSelectColumn" HeaderStyle-Width="30px" /> <telerik:GridTemplateColumn FilterControlWidth="50px" HeaderText="First Name" AutoPostBackOnFilter="false" CurrentFilterFunction="Contains"

<br>                                    DataField="first_name" HeaderStyle-HorizontalAlign="Left" SortExpression="first_name" HeaderStyle-Width="120px"><

br> <ItemTemplate> <div style="padding: 7px 0"> <asp:Label runat="server" ID="lblStudentId" Text='<%#DataBinder.Eval(Container.DataItem, "student_class_id")%>' Visible="false" /> <asp:HyperLink ID="hyperName" runat="server" Text='<%#DataBinder.Eval(Container.DataItem, "first_name")%>' /> <telerik:RadToolTip ID="RadToolTip_Fname" runat="server" Animation="Fade" EnableShadow="False"

<br>                                                Position="BottomRight" RenderInPageRoot="true" TargetControlID="hyperName"><

br> <asp:Label ID="lblTollTip1" runat="server" Text='<%# Eval("first_name") %>' /> </telerik:RadToolTip> </div> </ItemTemplate> <HeaderStyle HorizontalAlign="Left" /> </telerik:GridTemplateColumn> <telerik:GridTemplateColumn FilterControlWidth="50px" HeaderText="Last Name" AutoPostBackOnFilter="true" CurrentFilterFunction="Contains" FilterDelay="5000"

<br>                                    DataField="last_name" HeaderStyle-HorizontalAlign="Left" SortExpression="last_name" HeaderStyle-Width="120px"><

br> <ItemTemplate> <asp:Label ID="lblLastName" runat="server" Text='<%# DataBinder.Eval(Container.DataItem,"last_name") %>'></asp:Label> <telerik:RadToolTip ID="RadToolTip_Lname" runat="server" Animation="Fade" EnableShadow="False"

<br>                                            Position="BottomRight" RenderInPageRoot="true" TargetControlID="lblLastName"><

br> <asp:Label ID="lblTollTip2" runat="server" Text='<%# Eval("last_name") %>' /> </telerik:RadToolTip> </ItemTemplate> <HeaderStyle HorizontalAlign="Left" /> </telerik:GridTemplateColumn> <telerik:GridTemplateColumn FilterControlWidth="50px" HeaderText="Student ID" HeaderStyle-Width="100px"

<br>                                    DataField="uniqueId" HeaderStyle-HorizontalAlign="Left" SortExpression="uniqueId"><

br> <ItemTemplate> <asp:Label ID="lblUniqueName" runat="server" Text='<%# DataBinder.Eval(Container.DataItem,"uniqueId") %>'></asp:Label> <telerik:RadToolTip ID="RadToolTip_unique" runat="server" Animation="Fade" EnableShadow="False"

<br>                                            Position="BottomRight" RenderInPageRoot="true" TargetControlID="lblUniqueName"><

br> <asp:Label ID="lblTollTip4" runat="server" Text='<%# Eval("uniqueId") %>' /> </telerik:RadToolTip> </ItemTemplate> <HeaderStyle HorizontalAlign="Left" /> </telerik:GridTemplateColumn> <telerik:GridTemplateColumn FilterControlWidth="90px" HeaderText="E-Mail" HeaderStyle-Width="170px"

<br>                                    DataField="student_email" HeaderStyle-HorizontalAlign="Left" SortExpression="student_email"><

br> <ItemTemplate> <asp:Label runat="server" ID="lblStudentEMail" Text='<%#DataBinder.Eval(Container.DataItem, "student_email")%>'> </asp:Label> <telerik:RadToolTip ID="RadToolTip_Email" runat="server" Animation="Fade" EnableShadow="False"

<br>                                            Position="BottomRight" RenderInPageRoot="true" TargetControlID="lblStudentEMail"><

br> <asp:Label ID="lblTollTip5" runat="server" Text='<%# Eval("student_email") %>' /> </telerik:RadToolTip> </ItemTemplate> <HeaderStyle HorizontalAlign="Left" /> </telerik:GridTemplateColumn> <telerik:GridTemplateColumn FilterControlWidth="50px" HeaderText="Status" HeaderStyle-Width="90px"

<br>                                    DataField="status" HeaderStyle-HorizontalAlign="right" SortExpression="status"><

br> <ItemTemplate> <asp:Label ID="lblStatusText" runat="server" Text='<%# DataBinder.Eval(Container.DataItem,"status") %>' /> <telerik:RadToolTip ID="RadToolTip_Status" runat="server" Animation="Fade" EnableShadow="False"

<br>                                            Position="BottomRight" RenderInPageRoot="true" TargetControlID="lblStatusText"><

br> <asp:Label ID="lblTollTip3" runat="server" Text='<%# Eval("status") %>' /> </telerik:RadToolTip> </ItemTemplate> <HeaderStyle HorizontalAlign="Left" /> </telerik:GridTemplateColumn> </Columns> <RowIndicatorColumn> <HeaderStyle Width="20px" /> </RowIndicatorColumn> <ExpandCollapseColumn> <HeaderStyle Width="20px"/> </ExpandCollapseColumn> <PagerStyle Mode="NextPrevAndNumeric" Position="Bottom" AlwaysVisible="True" /> </MasterTableView> <ClientSettings EnableRowHoverStyle="true"> <Scrolling AllowScroll="true" UseStaticHeaders="true" SaveScrollPosition="true" /> <Selecting AllowRowSelect="True" /> </ClientSettings> </telerik:RadGrid> </div> </div> <div style="text-align: center; width:220px; float:left; Margin: 15px 0 10px 220px;"> <asp:Button id="btnSend" runat="server" CausesValidation="false" Text="Send" CssClass="input_login_bt" OnClick="btnSendMail_Click"/> </div> </telerik:RadPageView> </telerik:RadMultiPage>

And last here's the C# code for the initialization of the grid, this is called from the page load method.

private void getStudentsData(int type) { string sortExpression = (string)ViewState["sortExpression"]; string sortDirection = (string)ViewState["sortDirection"]; if (type == 5) { IsReady = true; } else { IsReady = false; } try { string sql =

"Select b.student_class_id, a.student_id, a.first_name as first_name, a.last_name as last_name,a.nickname as nick_name,a.username as uniqueId, "

; sql += "a.student_email,b.remoteid, case b.status WHEN " + VConstants.STUDENT_STATUS_REGISTERED + " then 'Active' WHEN " + VConstants.STUDENT_STATUS_INVITED + " "; sql += "then 'Invited' WHEN " + VConstants.STUDENT_STATUS_DELETED + " THEN 'Deleted' WHEN " + VConstants.STUDENT_STATUS_READY + "THEN 'Ready' WHEN " + VConstants.STUDENT_STATUS_BLOCKED + " then 'Inactive' WHEN " + VConstants.STUDENT_STATUS_PENDING + " THEN 'Pending' end as status "; sql += "from student a, student_class b "; sql += "where a.student_id = b.student_id "; sql += "and (b.status = " + VConstants.STUDENT_STATUS_INVITED + " or b.status = " + VConstants.STUDENT_STATUS_READY + ") "; sql += "and b.class_id=" + currentClass.class_id + ""; sql += " ORDER BY A.student_id desc "; DataTable dt = dbUtility.getDataTable(sql); DataView dv = new DataView(); dv = dt.DefaultView; if (!string.IsNullOrEmpty(sortExpression)) { dv.Sort = sortExpression + " "

+ sortDirection;                }                RadGrid2.DataSource = dv;                RadGrid2.DataBind();            }

catch (Exception ex) { Utils.PreserveStackTrace(ex); } }

I've also added two screen shot attachments, one before the filter and one after the filter.

Thanks for your time!
David

Grid

asked on 21 Oct 2011

4 answers

97 views

Highlighting of selected rows not displaying properly in IE8 compatibility view

When using a RadGrid with ClientSettings.Selecting.AllowRowSelect set to true, the highlighting of the selected row does not display properly in IE8 compatibility view (see attached screen shot). (It displays fine with compatibility view turned off, but, unfortunately, the application I'm developing needs to work in IE8 with compatibility view turned on.) Anyone know how I can either fix this or turn off the highlighting behavior all together? (I'm using a GridClientSelectColumn, which shows a check box for each row, so the highlighting of selected rows is not essential.)

Software details:
Telerik RadControls 2011.2.712.40
Windows XP Pro
Visual Studio 2010 / .NET 4.0.3019
IE 8.0.6001.18702

Grid

answered on 21 Oct 2011

5 answers

159 views

RadGrid Problems using radAjaxPanel and MasterPage contents

Hi i looking for a some help.
I have a master page whit the next controls

<div class="Contenedor_Principal">

<asp:ScriptManager ID="ScriptManager1" runat="server">

</asp:ScriptManager>

<radA:RadAjaxManager ID="RadAjaxManager2" runat="server">

<AjaxSettings>

<radA:AjaxSetting AjaxControlID="RadAjaxPanel1">

<UpdatedControls>

<radA:AjaxUpdatedControl ControlID="RadAjaxPanel1" />

</UpdatedControls>

</radA:AjaxSetting>

</AjaxSettings>

</radA:RadAjaxManager>

<radA:RadAjaxPanel ID="RadAjaxPanel1" runat="server" ClientEvents-OnRequestStart="OnRequestStart"

LoadingPanelID="AjaxLoadingPanel1">

<asp:ContentPlaceHolder ID="ContentPlaceHolder1" runat="server">

</asp:ContentPlaceHolder>

</radA:RadAjaxPanel>

<radA:AjaxLoadingPanel ID="AjaxLoadingPanel1" runat="server">

<asp:Image ID="Image1" runat="server" AlternateText="Loading..." ImageUrl="~/Imagenes/Aplicacion/ajax-loader2.gif" />

</radA:AjaxLoadingPanel>

</div>

then i have a aspx file based in this masterpage, into the content place holder i have a simple form:

<table>

<tr>

<td align="left">

<asp:Label ID="Label2" runat="server" CssClass="ElementoDeFormulario_Etiqueta" Text="Comandos"></asp:Label>

<asp:ImageButton ID="btnEliminar" runat="server" ImageUrl="~/Imagenes/Iconos/Eliminar.png"

OnClick="btnEliminar_Click" OnClientClick="return Confirmar('¿Seguro desea eliminar los registros seleccionados?')" />

</td>

</tr>

<tr>

<td align="center">

<radG:RadGrid ID="dgListaPrincipal" runat="server" AutoGenerateColumns="False" GridLines="None"

AllowPaging="True" OnItemCommand="dgListaPrincipal_ItemCommand" OnPageIndexChanged="dgListaPrincipal_PageIndexChanged"

PageSize="20" Skin="Office2007">

<MasterTableView>

<RowIndicatorColumn Visible="False">

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

</RowIndicatorColumn>

<ExpandCollapseColumn Visible="False">

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

</ExpandCollapseColumn>

<Columns>

<radG:GridTemplateColumn UniqueName="TemplateColumn">

<ItemTemplate>

<asp:CheckBox ID="chkSeleccion" runat="server" />

</ItemTemplate>

</radG:GridTemplateColumn>

<radG:GridBoundColumn HeaderText="Identificación" UniqueName="column" DataField="pIdentficacion">

</radG:GridBoundColumn>

<radG:GridBoundColumn HeaderText="Tipo" UniqueName="column" DataField="pId_TiposDeDocumento.pNombre">

</radG:GridBoundColumn>

<radG:GridBoundColumn HeaderText="Nombre" UniqueName="column" DataField="pNombre">

</radG:GridBoundColumn>

<radG:GridBoundColumn HeaderText="Telefono 1" UniqueName="column" DataField="pTelefono_1">

</radG:GridBoundColumn>

<radG:GridBoundColumn HeaderText="@mail" UniqueName="column" DataField="pEmail">

</radG:GridBoundColumn>

<radG:GridButtonColumn ButtonType="ImageButton" HeaderText="Editar" UniqueName="jajaXD"

ImageUrl="~/Imagenes/Iconos/Editar.png" CommandName="Editar">

</radG:GridButtonColumn>

</Columns>

</MasterTableView>

<PagerStyle Font-Underline="false" Mode="NextPrevAndNumeric" NextPageText="Siguiente"

PrevPageText="Anterior" Position="TopAndBottom" />

</radG:RadGrid>

</td>

</tr>

</table>

then, i am working in asp.net framework 4, and visual studio 2010 (under c#).
The problem is, when i do clic in the button "Editar" ocured this:
1) Testing in visualstudio whit IExplorer 9 = works fine
2) Testing in visualstudio whit mozillafirefox = Detalles de la excepción: System.FormatException:
3) Testing compiled files in a webserver using IExplorer 9 = the AjaxLoadingPanel1 view never finish (loading loading loading)
4) Testing compiled files in a webserver using mozillafirefox = Detalles de la excepción: System.FormatException:

i try to assess step by step in both navigators but both never entry in itemcomand event
i try to negate the ajax request using this:

<script type="text/javascript">

function OnRequestStart(target, arguments) {

try {

if (arguments.EventTarget == "<%= dgListaPrincipal.UniqueID %>") {

arguments.EnableAjax = false;

}

else {

arguments.EnableAjax = true;

}

catch (err) {

//Handle errors here

}

</script>

but i founded that arguments.EventTarget equals 'ctl00$ContentPlaceHolder1$dgListaPrincipal$ctl01$ctl04$ctl00'
i need execute code in the itemcommandevent (the best way with the visualization of the loading screen).

all this works fine if i execute proyect code whitout masterpage and radajaxpanel

thaks for reply e.e

Grid

answered on 21 Oct 2011

1 answer

71 views

ajaxRequest in SharePoint

Is there any known issues with calling RadAjaxManager ajaxRequest from within SharePoint? Are there any settings/variable I should check in the SharePoint masterpage?

I have a combobox with AllowCustomText = True. When the user presses enter, I call ajaxRequest to update a grid on the screen. The problem is it only works 1 time. After the first time, ajaxRequest gets called, but the loading panel does not show, and the grid does not update. I added alerts to make sure that the AjaxManager is found in the javascript, and ajaxRequest calls with no error. I have set up the same senario in a simple web project, and it works fine. But when I use it on a page in SharePoint, the issue exists.

Here is my code:

<telerik:RadAjaxManager ID="RadAjaxManager1" runat="server" OnAjaxRequest="RadAjaxManager1_AjaxRequest" RequestQueueSize="3" />

<telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server" Skin="Telerik" />

<telerik:RadComboBox ID="cmbSearch" runat="server" Width="220px" AllowCustomText="True" >

<ItemTemplate>

<telerik:RadGrid ID="grdSearch" Width="530px" runat="server" OnNeedDataSource="grdSearch_NeedDataSource">

...

</telerik:RadGrid>

</ItemTemplate>

<Items>

<telerik:RadComboBoxItem runat="server" Text=" "></telerik:RadComboBoxItem>

</Items>

</telerik:RadComboBox>

protected void Page_Load(object sender, EventArgs e)

{

RadGrid grid = cmbSearch.Items[0].FindControl("grdSearch") as RadGrid;

RadAjaxManager1.AjaxSettings.AddAjaxSetting(RadAjaxManager1, grid, RadAjaxLoadingPanel1);

}

<telerik:RadCodeBlock ID="rcb1" runat="server">

<script type="text/javascript">

window.onload = RegisterSearchEvent;

function RegisterSearchEvent() {

var combo = $find("<%= cmbSearch.ClientID %>");

var input = combo.get_inputDomElement();

input.attachEvent("onkeydown", searchBoxKeyDown);

}

function searchBoxKeyDown(e)

{

if (!e)

e = window.event;

var code = e.keyCode;

if (code == 13)

{

var combo = $find("<%= cmbSearch.ClientID %>");

$find("<%= RadAjaxManager1.ClientID %>").ajaxRequest("LoadFilteredData");

}

e.cancelBubble = true;

if (e.stopPropagation)

{

e.stopPropagation();

}

return false;

}

</script>

</telerik:RadCodeBlock>

Any help would be appreciated.

Thanks,
Justin

Ajax

answered on 21 Oct 2011

1 answer

131 views

Changing the country code in a "country" bound datafield to it's full name

So I have a RadGrid that is bound to the result of a SOAP call that returns a bunch of clients. Each client's country is returned as the 3 digit iso3 code (examples: "USA" for Unites States or "AUT" for Austria).The country column is bound using a GridBoundColumn.

I already have a table that contains the iso3 codes and the full names of the country that I can reference.

I'm wondering how can I most efficiently change the iso3 output to show the full name to the user.

Grid

answered on 21 Oct 2011

3 answers

144 views

Getting a 'RadImageEditor' is not a known element error.

Hi,

Yesterday, in order to be able to modify the layouts of some of the RadEditor dialogs, I created the EditorDialogs folder and stuck in a few of the ascx controls that we wanted to change. One was the ImageManager. Basically all I wanted to do with that was to change the overall dialog size since it was cutting off the Cancel and OK buttons.

However when I open up the ImageManager, select an image and then click on Image Editor, I get an error:

Inner Exception: Unknown server tag 'telerik:RadImageEditor'.

at System.Web.UI.TagPrefixTagNameToTypeMapper.System.Web.UI.ITagNameToTypeMapper.GetControlType(String tagName, IDictionary attribs) at System.Web.UI.MainTagNameToTypeMapper.GetControlType2(String tagName, IDictionary attribs, Boolean fAllowHtmlTags) at System.Web.UI.MainTagNameToTypeMapper.GetControlType(String tagName, IDictionary attribs, Boolean fAllowHtmlTags) at System.Web.UI.RootBuilder.GetChildControlType(String tagName, IDictionary attribs) at System.Web.UI.ControlBuilder.CreateChildBuilder(String filter, String tagName, IDictionary attribs, TemplateParser parser, ControlBuilder parentBuilder, String id, Int32 line, VirtualPath virtualPath, Type& childType, Boolean defaultProperty) at System.Web.UI.TemplateParser.ProcessBeginTag(Match match, String inputText) at System.Web.UI.TemplateParser.ParseStringInternal(String text, Encoding fileEncoding)

...Telerik.Web.UI.DialogHandler.aspx%3fDialogName%3dImageEditor%26Skin%3dOffice2007%26Title%3dImage+Editor%26doid%3d22a2c583-8c90-4554-bc20-06f6848d044d%26dpptn%3d%26dp%3dY3VlR29uZVRsdydSAiwoFW98cgJtYU5EdHIWEAAcMzJnAl8BYWBTDG1nNxEBdWBmVnN8VmJ%2bQxkBNQA8BHwNa2Fg

Both the Telerik.Web.UI and the Telerik.Web.Design have the version: 2011.1.413.35 and Runtime Version: v2.0.50727.

The real upshot of this is, even if I delete the ImageEditor.ascx file the error remains, which means that I'm unable to use the ExternalDialogs because by using it, the error occurs.

FYI, the RadEditor is created as a user control so it is not declared on any aspx page.

Suggestions?

Thanks,
Cameron

ImageEditor

answered on 21 Oct 2011

2 answers

147 views

RadGrid change page based on time interval

I have a RadGrid with multiple pages (or could be a single page) based on the number of values being displayed on the grid. I would like the grid to automatically move on to the next page after 60 seconds. When it reaches the last page, it should go back to the first page.

I have been searching the forums for something of this nature but I haven't found anything yet. Has anyone tried to do this?

Grid

answered on 21 Oct 2011

1 answer

155 views

RadListView: Set tekst of label control on a GroupTemplate

<telerik:RadListView ID="RadListView3" runat="server" OnLayoutCreated="OnLayoutCreated" ItemPlaceholderID="ProductsContainerItems" OnItemCommand="RadListViewItemCommand" GroupPlaceholderID="GroupsProductsContainer" GroupItemCount="4">