Questions on UI for ASP.NET AJAX Forum

1 answer

111 views

Filter primary RadGrid doesn't change RadGrid inside gridTemplateColumn

Hello,

I have a RadGrid with three columns:
one gridBoundColumn with User Names;
two gridTemplateColumns with RadGrids showing things like Clients associated to that user

The problem is: When I filter the main RadGrid, the column with User Names get filtered correctly, but the gridTemplateColumns doesnt change, what means that it remains showing the same Clients of the user that was in that row before the filter be applied.

I need a way to change internal RadGrids accordingly to the user that is appearing when filtering.

Thanks in advance.

<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server">

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

<AjaxSettings>

<telerik:AjaxSetting AjaxControlID="rgUsers">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="rgUsers" LoadingPanelID="RadAjaxLoadingPanel1" />

</UpdatedControls>

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="RadWindowManager" LoadingPanelID="RadAjaxLoadingPanel1" />

</UpdatedControls>

</telerik:AjaxSetting>

<telerik:AjaxSetting AjaxControlID="ModalEditCreateUser">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="rgUsers" LoadingPanelID="RadAjaxLoadingPanel1" />

</UpdatedControls>

</telerik:AjaxSetting>

<telerik:AjaxSetting AjaxControlID="rbtnCreateUser">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="RadWindowManager" LoadingPanelID="RadAjaxLoadingPanel1" />

</UpdatedControls>

</telerik:AjaxSetting>

<telerik:AjaxSetting AjaxControlID="rtxtSearchUser">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="rgUsers" LoadingPanelID="RadAjaxLoadingPanel1" />

</UpdatedControls>

</telerik:AjaxSetting>

</AjaxSettings>

</telerik:RadAjaxManager>

<div style="width: 80%; margin-left: 40px">

<table style="width: 90%; margin-left: 20px; margin-right: 100px; float: right">

<tr>

<td>

<br />

</td>

</tr>

<tr>

<td style="float: left; width: 55%">

<asp:Label ID="Label1" runat="server" Text="usuários" Font-Size="Large">

</asp:Label>

</td>

<td style="width: 15%">

<telerik:RadComboBox ID="rcmbSortUsers" runat="server" EmptyMessage="ordenar usuários por...">

</telerik:RadComboBox>

</td>

<td style="width: 15%">

<telerik:RadTextBox ID="rtxtSearchUser" runat="server" EmptyMessage="procurar usuário"

ClientEvents-OnKeyPress="pesquisar">

</telerik:RadTextBox>

<%-- <asp:Button ID="btn" runat="server" Text="Pesquisar" OnClientClick="search(this, event);">

</asp:Button>--%>

</td>

<td style="width: 15%;">

<telerik:RadButton ID="rbtnCreateUser" Text="criar novo usuário.." runat="server"

Skin="Web20" AutoPostBack="true" OnClick="rbtnCreateUser_Click">

</telerik:RadButton>

</td>

</tr>

<tr>

<td>

<br />

</td>

</tr>

<tr>

<td colspan="4">

<telerik:RadGrid ID="rgUsers" runat="server" AutoGenerateColumns="false" EnableEmbeddedSkins="false"

Skin="GridPrincipal" ItemStyle-Width="50%" AllowFilteringByColumn="true" OnItemDataBound="rgUsers_ItemDataBound"

OnItemCommand="rgUsers_ItemCommand" OnDeleteCommand="rgUsers_DeleteCommand">

<MasterTableView DataKeyNames="IdUser" HeaderStyle-Font-Size="Medium" HeaderStyle-Height="30px">

<Columns>

<telerik:GridBoundColumn UniqueName="UserName" HeaderText="usuários cadastrados"

DataField="UserName" ItemStyle-Width="30%" ItemStyle-CssClass="nomeusuario">

</telerik:GridBoundColumn>

<telerik:GridTemplateColumn ItemStyle-VerticalAlign="Top" UniqueName="PerfilColumn" AllowFiltering="true"

HeaderText="perfis assoc." ItemStyle-Width="32%">

<ItemTemplate>

<telerik:RadGrid ID="rgPerfis" runat="server" AllowFilteringByColumn="true" AutoGenerateColumns="false" Skin="GridInterna"

EnableEmbeddedSkins="false" OnDeleteCommand="rgPerfis_DeleteCommand">

<MasterTableView ShowHeader="false" DataKeyNames="IdPerfil" NoMasterRecordsText="Nenhum perfil associado">

<Columns>

<telerik:GridButtonColumn UniqueName="btnDesassociarPerfil" ButtonType="ImageButton"

CommandName="Delete" Text="Desassociar perfil" ItemStyle-HorizontalAlign="Center"

ImageUrl="~/Images/ico-mini-fechar.png" ItemStyle-Width="5%">

</telerik:GridButtonColumn>

<telerik:GridBoundColumn UniqueName="Descricao" DataField="Descricao" ItemStyle-CssClass="perfis"

ItemStyle-Width="95%">

</telerik:GridBoundColumn>

</Columns>

</MasterTableView>

</telerik:RadGrid>

<telerik:RadButton ID="btnAssociarPerfil" runat="server" Text="associar" ButtonType="LinkButton"

ToolTip="Associar usuário a um perfil" Font-Bold="true" Style="margin-left: 20px;

border: none;">

<Icon PrimaryIconUrl="~/Images/ico-associar.png" PrimaryIconLeft="6" PrimaryIconTop="6" />

</telerik:RadButton>

</ItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridTemplateColumn ItemStyle-VerticalAlign="Top" UniqueName="ClienteColumn"

HeaderText="filiais e clientes assoc." ItemStyle-Width="32%" DataField="IdUser">

<ItemTemplate>

<telerik:RadGrid ID="rgClientes" runat="server" AutoGenerateColumns="false" Skin="GridInterna"

EnableEmbeddedSkins="false" OnDeleteCommand="rgClientes_DeleteCommand">

<MasterTableView ShowHeader="false" DataKeyNames="IdClienteUsuario, IdFilial, IdUser"

NoMasterRecordsText="Nenhum cliente associado">

<Columns>

<telerik:GridButtonColumn UniqueName="btnDesassociarCliente" ButtonType="ImageButton"

CommandName="Delete" Text="Desassociar cliente" ItemStyle-HorizontalAlign="Center"

ImageUrl="~/Images/ico-mini-fechar.png" ItemStyle-Width="5%">

</telerik:GridButtonColumn>

<telerik:GridBoundColumn UniqueName="FilialCodCliente" DataField="FilialCodCliente">

</telerik:GridBoundColumn>

</Columns>

</MasterTableView>

</telerik:RadGrid>

<telerik:RadButton ID="btnAssociarCliente" runat="server" Text="associar" ButtonType="LinkButton"

ToolTip="Associar usuário a um cliente" Font-Bold="true" Style="margin-left: 20px;

border: none;">

<Icon PrimaryIconUrl="~/Images/ico-associar.png" PrimaryIconLeft="6" PrimaryIconTop="6" />

</telerik:RadButton>

</ItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridButtonColumn UniqueName="EditarColumn" HeaderText="" Text="Editar usuário"

ButtonType="ImageButton" CommandName="Editar" ImageUrl="/Images/ico-editar.png"

ItemStyle-Width="3%" ItemStyle-HorizontalAlign="Right">

</telerik:GridButtonColumn>

<telerik:GridButtonColumn UniqueName="ApagarColumn" HeaderText="" Text="Excluir usuário"

ButtonType="ImageButton" CommandName="Delete" ImageUrl="/Images/ico-apagar.png"

ItemStyle-Width="3%" ItemStyle-HorizontalAlign="Right">

</telerik:GridButtonColumn>

</Columns>

</MasterTableView>

</telerik:RadGrid>

<telerik:RadWindowManager ID="RadWindowManager1" runat="server">

<Windows>

<telerik:RadWindow ID="RadWindow1" Behaviors="Close" runat="server" ReloadOnShow="true"

VisibleStatusbar="false" VisibleTitlebar="false" Height="50px" Width="100px"

OnClientClose="OnClientclose" NavigateUrl="/Views/Cadastros/CadastroUsuario.aspx"

Modal="true" BackColor="Gray">

</telerik:RadWindow>

</Windows>

</telerik:RadWindowManager>

</td>

</tr>

</table>

</div>

<telerik:RadScriptBlock ID="RadScriptBlock2" runat="server">

<script type="text/javascript">

//$find('<%=rgUsers.ClientID %>').get_masterTableView().hideFilterItem();

function pageLoad(sender, args) {

$find('<%=rgUsers.ClientID %>').get_masterTableView().hideFilterItem();

}

//Função responsável por abrir a Modal com os campos para criar um novo usuário

function AbrirModal() {

debugger;

var oWnd = window.radopen('/Views/Cadastros/CadastroUsuario.aspx?id=-1', "ModalEditCreateUser");

}

function OnClientclose(radWindow, args) {

debugger;

var arg = args.get_argument();

var ret = arg.retorno;

if (ret != 0) {

window.location.href = "/Views/Sistema/Usuarios.aspx";

}

function pesquisar(event, args) {

debugger;

if (args.get_keyCode() == 13) {

args.set_cancel(true);

}

setTimeout(filtrarGrid, 100);

}

function filtrarGrid() {

var masterTableView = $find("<%=rgUsers.ClientID%>").get_masterTableView();

var textbox = $find("<%=rtxtSearchUser.ClientID%>"); // document.getElementById("rtxtSearchUser.ClientID");

masterTableView.filter('PerfilColumn', textbox.get_value(), Telerik.Web.UI.GridFilterFunction.Contains);

}

</script>

</telerik:RadScriptBlock>

</asp:Content>

Grid

answered on 01 Sep 2011

3 answers

66 views

Loadingpanel Works First Time; Fails on Subsequent Postbacks

Hello:

We're using a radajaxloadingpanel to display a progress indicator when a user conducts a rebind of a radgrid based on some selections from a drop down menu.

When the user clicks the linkbutton after the initial page load, the postback fires, the ajaxloadingpanel displays and the grid is updated. On all subsequent postbacks, while the grid is updated properly, the loading panel stops displaying the loading gif.

Has anyone experienced this? Is there a workaround?

Thanks for any help you can provide.

Brad

Ajax

answered on 01 Sep 2011

8 answers

172 views

How to access row that is about to get inserted in RadScheduler1_AppointmentInsert event

Hi

Sorry but must say that i find documentation not very useful for simpler tasks. its becomes quite frustating.

Following is my table created to store appointments. DataSourceID is set to "SqlDataSource1"
Now inside RadScheduler1_AppointmentInsert event, through code I want to add values for columns Importance and Loginid
How can i access Row that is about to get inserted ?

Regards

CREATE TABLE [dbo].[TaskSchedules](
[keyid] bigint NOT NULL PRIMARY KEY Identity,
[StartTime] [datetime] NULL,
[EndTime] [datetime] NULL,
[Subject] [nvarchar](max) NULL,
[Description] [nvarchar](max) NULL,
[Reminders] [nvarchar](max) NULL,
[Recurrence] [nvarchar](max) NULL,
[RecurrenceParentKey] bigint NULL
[Importance] [nvarchar](2) NULL,
[LoginId] [nvarchar](30) NOT NULL
)

Scheduler

answered on 01 Sep 2011

1 answer

91 views

RadGrid data appeared differently

Hi guys,
I have a following Radgrid:

<telerik:RadGrid ID="PrnPSRejectedGrid" runat="server" GridLines="None" OnExcelMLExportRowCreated="PrnPSRejectedGrid_ExcelMLExportRowCreated" OnExcelMLExportStylesCreated="PrnPSRejectedGrid_ExcelMLExportStylesCreated" OnItemCreated="PrnPSRejectedGrid_ItemCreated" OnNeedDataSource="PrnPSRejectedGrid_NeedDataSource" OnPdfExporting="PrnPSRejectedGrid_PdfExporting" OnSortCommand="PrnPSRejectedGrid_SortCommand">

</ExportSettings>

</RowIndicatorColumn>

</ExpandCollapseColumn>

<telerik:GridBoundColumn HeaderText="TrkNo" DataField="TRKNO" UniqueName="TRKNO" ReadOnly="True" SortExpression="TRKNO" HeaderButtonType="TextButton">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn HeaderText="Rejected Reason Description" DataField="RRSNDESC" UniqueName="RRSNDESC" ReadOnly="True" SortExpression="RRSNDESC" HeaderButtonType="TextButton" >

</telerik:GridBoundColumn>

Column Rejected Reason Description could have a data up to 250 characters.When I run on my local machine settings is fine.But
when I am running on different machine instead of putting description on entire line its just use have of the line(for example):

The principal did not meet the
criteria in the posting and
other eligible titles
have not declined the
request.

The grid should have a format like that:
The principal did not meet the criteria in the posting and other eligible titles have not declined the request.
It should use entire column for texting.

Thanks so much for your help.

Grid

answered on 01 Sep 2011

1 answer

154 views

[Solved] How to stay in the Insert Mode after performing insert?

Hi,

When I insert a new record in RadListView, I added some custom validation, however, no matter what I did, it's automatlcally kicked out of the Insert Mode and back to normal mode after I click "Insert" button.

In Edit Mode, I can do that (keep the RadListView in Edit Mode) by setting e.Canceled = true. However, it didn't happen to be same in Insert Mode.

Please let me know if it's possible to stay in Insert Mode after performing insert and how to do it.

Thanks

Lamk.

ListView

answered on 01 Sep 2011

1 answer

123 views

[Solved] ListView NeedDataSource

Hello everyone,
Sorry I have a little problem (strange!) I was told that I have to separate the code into DataAccessLayer, BusinessLayer and ObjectBusiness. Now how do I connect my listview with the select statement that is in IvaDAL ... someone can help me?
Thanks

ListView

answered on 01 Sep 2011

5 answers

292 views

RadGrid with RadComboBox returning ItemIndex 0

I have a RadGrid which has RadComboBox which are selectable without edit mode and hence the call to SelectedIndexChanged fires correctly just can't seem to extract the index of the item. Yet when I turn the RadComboBox to a regular asp DropDownList it works fine.

<telerik:GridTemplateColumn DataField="CLASS" SortExpression="SEP_CW_CRSE_CLASS"

UniqueName="SEP_CW_CRSE_CLASS">

<ItemTemplate>

<asp:Label ID="lbCRSEClass" runat="server" Visible="false" Text='<%# Eval("SEP_CW_CRSE_CLASS") %>' />

<asp:DropDownList ID="rdbCRSEClass" runat="server" Width="75px"

OnSelectedIndexChanged="rdbCRSEClass_SelectedIndexChanged" AutoPostBack="true"

CommandArgument='<%# ((GridItem)Container).ItemIndex %>' />

<%--<telerik:RadComboBox ID="rdbCRSEClass" runat="server" OnSelectedIndexChanged="rdbCRSEClass_SelectedIndexChanged"

AutoPostBack="true" CommandArgument='<%# DataBinder.Eval(Container,"ItemIndex") %>'>

</telerik:RadComboBox>--%>

<%--<telerik:RadComboBox ID="rdbCRSEClass" runat="server" OnSelectedIndexChanged="rdbCRSEClass_SelectedIndexChanged"

AutoPostBack="true" CommandArgument='<%# ((GridItem)Container).ItemIndex %>'>

</telerik:RadComboBox>--%>

</ItemTemplate>

</telerik:GridTemplateColumn>

Code Behind:

//RadComboBoxSelectedIndexChangedEventArgs

protected void rdbCRSEClass_SelectedIndexChanged(object sender, EventArgs e)

{

string cmdArg = ((DropDownList)sender).Attributes["CommandArgument"];

//string cmdArg = ((RadComboBox)sender).Attributes["CommandArgument"];

int ItemIndex = Convert.ToInt32(cmdArg);

DropDownList rdbGEGRAD = (DropDownList)(gvClassTERM.Items[ItemIndex].FindControl("rdbGEGRAD"));

DropDownList rdbCRSEClass = (DropDownList)(gvClassTERM.Items[ItemIndex].FindControl("ddltCRSEClass"));

}

The CommandArgument works fine with dropdownlist but not RadCombo? I need to change the values on the fly rather then having to go to edit mode. Any help would be appreciated.

- Thank You

Grid

answered on 01 Sep 2011

1 answer

118 views

Grid only exports when paging page 1 is selected.

My problem is my radgrid only exports when the user selects page 1 on the rad grid. ie. If user selects page 2 through infinity and then exports it the grid. The excel spreadsheet will have the column names but no data. But if the user is has paging page 1 selected it will export the entire data set. I stumped.

I have attaced the code that I am using. Thank you for any help

<

telerik:RadButton ID="RadBtnExport" CssClass="button" Width="150px" Text="Export to Excel" OnClick="RadBtnExport_Click" runat="server" Skin="WebBlue"></telerik:RadButton>

<

telerik:RadGrid ID="RadGridResults" runat="server"

AllowPaging="True" AllowSorting="True"

AllowFilteringByColumn="True" GridLines="None"

EnableLinqExpressions="False" PageSize="30" Width="900px" Skin="WebBlue"

EnableImageSprites="True" AllowCustomPaging="true" ExportSettings-ExportOnlyData="true"

AutoGenerateColumns="true" ExportSettings-IgnorePaging="true"

OnNeedDataSource="RadGridSearchResults_NeedDataSource" OnSortCommand="RadComboBoxReport_SortCommand">

</RowIndicatorColumn>

</ExpandCollapseColumn>

</MasterTableView>

</Scrolling>

</ClientSettings>

</telerik:RadGrid>

protected void RadBtnExport_Click(object sender, System.EventArgs e)

{

try

{

if (RadGridResults.Items.Count > 0)

{

RadGridResults.ExportSettings.ExportOnlyData =

true;

RadGridResults.ExportSettings.IgnorePaging =

true;

//call the method on export formatting

RadGridResults.ExcelExportCellFormatting +=

new Telerik.Web.UI.OnExcelExportCellFormattingEventHandler(RadGridResults_ExcelExportCellFormatting);

RadGridResults.MasterTableView.ExportToExcel();

}

catch (Exception ex)

{

StackTrace stackTrace = new StackTrace();

LogException.LogErrorMessage(ex, stackTrace.GetFrame(1).GetMethod().Name);

lblErrMsg.Text =

Messages.ReportExportError;

}

protected void RadGridResults_ExcelExportCellFormatting(object source, ExcelExportCellFormattingEventArgs e)

{

e.Cell.Style[

"mso-number-format"] = @"0000";

}

Grid

answered on 01 Sep 2011

3 answers

126 views

Issue on RadScheduler

Hi Telerik User,
I am going to use RadScheduler following this tutorila link on telerik http://demos.telerik.com/aspnet-ajax/scheduler/examples/customization/defaultcs.aspx and http://www.telerik.com/help/aspnet-ajax/scheduler-getting-started.html
but there is not enough info about in implementation . When edit Appointment its open window but there are Date filed and Dropdown not editable seems no action and Save ,Close button also not working Please help me,
Here is the Code

<telerik:RadScheduler runat="server" ID="RadScheduler1" Width="100%" DayStartTime="08:00:00"
                                            DayEndTime="18:00:00" TimeZoneOffset="03:00:00" EnableDescriptionField="true" ShowFullTime ="true"
                                            AdvancedForm-EnableCustomAttributeEditing="true" AdvancedForm-EnableResourceEditing="true"
                                            DataKeyField="ID" DataSubjectField="Message_Subject" DataDescriptionField="Message_Body"
                                            DataStartField="Event_Start_Date" DataEndField="Event_End_Date" Height="500"
                                            OnAppointmentDelete="RadScheduler1_AppointmentDelete"              OnAppointmentUpdate="RadScheduler1_AppointmentUpdate"
                                            OnAppointmentInsert="RadScheduler1_AppointmentInsert">
                                            <AdvancedForm Modal="true" Width="400" />
                                            <Localization AdvancedAllDayEvent="All day"></Localization>
                                            <TimelineView UserSelectable="false" />
                                            <TimeSlotContextMenuSettings EnableDefault="true" />
                                            <AppointmentContextMenuSettings EnableDefault="true" />
                                            <Reminders Enabled="true" />
                                            <ResourceStyles>
                                                <telerik:ResourceStyleMapping Type="Calendar" Text="ROWNA Team" ApplyCssClass="rsCategoryPattern"
                                                    BorderColor="#B0CC9B" />
                                                <telerik:ResourceStyleMapping Type="Calendar" Text="My Schedule" ApplyCssClass="rsCategoryRed" />
                                            </ResourceStyles>
                                        </telerik:RadScheduler>
Error
System.InvalidOperationException: A control with ID '_scheduler$RadCalendar1' could not be found for the trigger in UpdatePanel '_scheduler$RadCalendar2Panel'.
   at System.Web.UI.UpdatePanelControlTrigger.FindTargetControl(Boolean searchNamingContainers)
   at System.Web.UI.AsyncPostBackTrigger.Initialize()
   at System.Web.UI.UpdatePanelTriggerCollection.Initialize()
   at System.Web.UI.UpdatePanel.Initialize()
   at System.Web.UI.UpdatePanel.OnLoad(EventArgs e)
   at System.Web.UI.Control.LoadRecursive()
   at System.Web.UI.Control.AddedControl(Control control, Int32 index)
   at System.Web.UI.ControlCollection.Add(Control child)
   at Telerik.Web.UI.RadAjaxControl.CreateUpdatePanel(Control initiator, String eventName, Control updated, UpdatePanelRenderMode panelRenderMode, Unit panelHeight)
   at Telerik.Web.UI.RadAjaxControl.OnPagePreRender(Object sender, EventArgs e)
   at System.EventHandler.Invoke(Object sender, EventArgs e)
   at System.Web.UI.Control.OnPreRender(EventArgs e)
   at System.Web.UI.Control.PreRenderRecursiveInternal()
   at System.Web.UI.Page.ProcessRequestMain(Boolean includeStagesBeforeAsyncPoint, Boolean includeStagesAfterAsyncPoint)</td></tr></Table>

Scheduler

answered on 01 Sep 2011

1 answer

86 views

Save values of RadGrid HeaderContextMenu Changes

Hi,

I am using RadGrid. I have a requirement where I need to show and hide columns based on user choice. So I have used the EnableHeaderContextMenu="true" option which enabled columns hide and unhide feature. I want to save those changes to DB so that when the user visits next time he has see the customized page. Is there a way I can do that.

<telerik:RadGrid ID="rgCatalogs" runat="server" AllowPaging="True" GridLines="None"
            Skin="Office2007" Width="90%" OnItemCreated="rgCatalogs_ItemCreated"
            EnableHeaderContextFilterMenu="true" AllowSorting="false">
            <MasterTableView ShowFooter="true" EnableHeaderContextMenu="true">
            </MasterTableView>
            </ClientSettings>--%>
        </telerik:RadGrid>

Thanks in Advance,
Ram

Grid

answered on 01 Sep 2011