Questions on UI for ASP.NET AJAX Forum

3 answers

214 views

Loop datagriditem in DetailTable not expanded

hi, i have a grid with detailtable, loading in detailtablebind event, when i push a button i want loop all selected row in detail table also not expanded...
post some code...

<telerik:RadGrid runat="server" ID="rgrFatturazione" Skin="Vista"

AllowPaging="True" AllowSorting="True" GridLines="None"

style="margin-top: 200px; margin-left:27px;" Width="900px"

ShowGroupPanel="True" oncolumncreated="rgrFatturazione_ColumnCreated" AllowMultiRowSelection="true"

ondetailtabledatabind="rgrFatturazione_DetailTableDataBind"

onitemcommand="rgrFatturazione_ItemCommand"

onitemdatabound="rgrFatturazione_ItemDataBound">

<GroupingSettings CaseSensitive="false" />

<PagerStyle Mode="NumericPages"/>

<ClientSettings>

<Selecting AllowRowSelect="true"/>

</ClientSettings>

<MasterTableView ShowHeadersWhenNoRecords="true" >

<DetailTables>

<telerik:GridTableView Name="Commessa" Width="100%">

<Columns>

<telerik:GridBoundColumn UniqueName="colCustomer" HeaderText="Cliente" Visible="false">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn UniqueName="colComm" HeaderText="Commessa" Visible="false">

</telerik:GridBoundColumn>

<telerik:GridClientSelectColumn UniqueName="checkCom"/>

</Columns>

<DetailTables>

<telerik:GridTableView Name="Rapportini" Width="100%">

<Columns>

<telerik:GridBoundColumn UniqueName="colCustomer" HeaderText="Cliente" Visible="false">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn UniqueName="colComm" HeaderText="Commessa" Visible="false">

</telerik:GridBoundColumn>

<telerik:GridTemplateColumn UniqueName="colCheckRap" ItemStyle-HorizontalAlign="Center" AllowFiltering="false">

<ItemTemplate>

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

</ItemTemplate>

</telerik:GridTemplateColumn

<telerik:GridTemplateColumn UniqueName="colView" ItemStyle-HorizontalAlign="Center" AllowFiltering="false">

<ItemTemplate>

<asp:Image runat="server" ID="linkView" ImageUrl="~/images/Zoom.png">

</asp:Image>

<telerik:RadToolTip runat="server" Width="300" Height="300" RenderInPageRoot="true" ShowEvent="OnMouseOver"

HideEvent="ManualClose" HideDelay="2" ID="Tooltip" Position="TopRight" Animation="Resize"

RelativeTo="Element" >

</telerik:RadToolTip>

</ItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridTemplateColumn UniqueName="colView" ItemStyle-HorizontalAlign="Center" AllowFiltering="false">

<ItemTemplate>

<asp:LinkButton runat="server" ID="linkRappo" Text="Rapportino" CommandName="Rapportino">

</asp:LinkButton>

</ItemTemplate>

</telerik:GridTemplateColumn>

</Columns>

</telerik:GridTableView>

</DetailTables>

</telerik:GridTableView>

</DetailTables>

<Columns>

<telerik:GridBoundColumn UniqueName="colCustomer" HeaderText="Cliente" Visible="false">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn UniqueName="colComm" HeaderText="Commessa" Visible="false">

</telerik:GridBoundColumn>

</Columns>

</MasterTableView>

</telerik:RadGrid>

<br />

<asp:Button runat="server" ID="btnFattura" Text="Fattura"

onclick="btnFattura_Click"/>

protected void rgrFatturazione_DetailTableDataBind(object source, GridDetailTableDataBindEventArgs e)

{

GridDataItem dataItem = (GridDataItem)e.DetailTableView.ParentItem;

if (e.DetailTableView.Name == "Commessa")

{

string Cliente2 = dataItem["Codice Cliente"].Text;

e.DetailTableView.DataSource = this._LoadCommesse(int.Parse(Cliente2));

}

else

{

string Cliente3 = dataItem["Cliente Commessa"].Text;

string Commessa = dataItem["Commessa"].Text;

e.DetailTableView.DataSource = this._LoadRapportini(Commessa, int.Parse(Cliente3));

}

i try this but doesn't work..

protected void btnFattura_Click(object sender, EventArgs e)

{

foreach (GridDataItem clienti in rgrFatturazione.MasterTableView.Items)

{

foreach (GridDataItem commesse in clienti.ChildItem.NestedTableViews[0].Items)

{

foreach (GridDataItem rapportini in commesse.ChildItem.NestedTableViews[0].Items)

{

}

thanks!!

Grid

answered on 26 Oct 2012

3 answers

128 views

Access to Columns in RadGrid

Hi.
How I can access columns in a radgrid by javascript?
I need to change their width upon him by this method.

This are the columns.
<Columns>
<radG:GridBoundColumn SortExpression="region_id" HeaderText="Region" HeaderButtonType="TextButton"
DataField="region_id">
</radG:GridBoundColumn>
<radG:GridBoundColumn SortExpression="qty" HeaderText="Qty" HeaderButtonType="TextButton"
DataField="qty">
</radG:GridBoundColumn>
<radG:GridBoundColumn SortExpression="status" HeaderText="Status" HeaderButtonType="TextButton"
DataField="status">
</radG:GridBoundColumn>

</Columns>

Grid

answered on 26 Oct 2012

1 answer

93 views

Alternate row selection background issue

Hi
I am usng 2012.2.724.35 telerik version. I am facing one issue on telerik grid where on selection of row ( every second row only) has problem in highlighting. so odd rows are doing good but not even . browser version is IE 8. please see the attached image

Best Regards
Rizwan Bashir

Grid

answered on 26 Oct 2012

2 answers

413 views

reset the grid setting

Hi team,
how we can reset the grid setting to the default after loading the saved settings.
we want to have a "Reset" column which return the grid to the default settings.
Regards.
Mohammed

Grid

answered on 26 Oct 2012

1 answer

117 views

[Solved] GridTemplateColumn field on EditForm

How do I get an asp:label field that is contained within a GridTemplateColumn and bound to an underlying data field to appear as an editable field on an EditForm that is displayed by clicking Edit in a GridEditCommandColumn?

Grid

answered on 26 Oct 2012

3 answers

212 views

[Solved] Set Grid Title

Heey guys a little question is it possible to set a title on a grid and how ?

Thanks for answer !

Grid

answered on 26 Oct 2012

4 answers

109 views

Wow, it's all so freaking HUGE!

I'm sure there is a discussion on this somewhere, but why is it after the Q3 2012 release the font sizing was changed to a size only my grandmother could love? I mean since when is a 16 pt font considered the baseline normal? Now I find myself having to scale my browser to 75% just to get some semblence of usability when viewing the demo site.

General Discussions

answered on 26 Oct 2012

2 answers

148 views

[Solved] Toolbox Will Not Drop Controls

As with many other people, I upgraded to your new release this weekend. I have managed to get through most of the issues by reading the forums. However, I have one issue that I haven't seen yet.

I created a new RAD c# website (.aspx) in VS2012. When I have the display file open and try to drag and drop controls on to the page, any Microsoft control that I grab, drag, and drop on to the page work fine. I tried many. No problems.

When I grab any Telerik control (makes no difference which one or from which group), I drop the control on to the page and nothing happens. No control is created.

If I manually create controls (such as copying ones from your demo site and pasting them into the page) the controls work just fine. It's just that no Telerik controls from the Toolbox are created.

Any workarounds available?

Lynn

Installer and VS Extensions

answered on 26 Oct 2012

3 answers

222 views

Disable Double Click Appointment Pop-Up

How can I disable the appointment textbox that pops up when I double click a cell in the scheduler?

Scheduler

answered on 25 Oct 2012

3 answers

343 views

[Solved] Rebind Grid in User Control from PopUp

Hi,
I know I have the bad habit to put myself in complicated situations...., but it is not my fault, blame my customers ;-)

The Situation is as follows:
I have a Content Page which has as Master Page. Inside the content Page I load several User Controls. From one of the User Controls, which contains a RadGrid, I open a PopUp to edit the detail of the Grid. The PopUp contains a Button to save the detail and after saving I call a javascript function inside the Content Page (...actually inside the User Control) that triggers a AjaxCall to Rebind the Grid.
Everything works fine....only the first Time !!!
After that the debugger of Firefox tells me that the RadAjax Manager does not exists. I have to reload the Content Page (not even the User Control) to have the Rebind working again.
I'm pasting here some code.

The Master Page has nothing special inside it besides a

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

Beside that only HTML and CSS.

The Content Page:

<%@ Page Title="" Language="VB" MasterPageFile="~/App_Master/SystemSetup/SystemSetup_base.master" AutoEventWireup="false" CodeFile="Default.aspx.vb" Inherits="SystemSetup_Default" %>

<asp:Content ID="Content1" ContentPlaceHolderID="ContentPlaceHolder_Top" Runat="Server">

<telerik:RadToolBar ID="RadToolBar1" runat="server" Width="100%" Height="26px">

<Items>

<telerik:RadToolBarButton ImageUrl="Resources/Images/ico_Add_16.png"></telerik:RadToolBarButton>

<telerik:RadToolBarButton Text="TEXT"></telerik:RadToolBarButton>

</Items>

</telerik:RadToolBar>

</asp:Content>

<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder_Left" Runat="Server">

<asp:button runat="server" ID="B_Eng" Text="ENG" Visible="false" />

<asp:button runat="server" ID="B_Ita" Text="ITA" Visible="false" />

<telerik:RadPanelBar ID="RadPanelBar" Runat="server" Width="100%" AllowCollapseAllItems="True" PersistStateInCookie="True">

<Items>

<telerik:RadPanelItem runat="server" Text='<%$ Resources:Menu_Item_1 %>' PostBack="false" Expanded="true" >

<Items>

<telerik:RadPanelItem runat="server" Value="~/SystemSetup/Admin/Setup/CompanyList.ascx" Text='<%$ Resources:Menu_Item_1_1 %>' ImageUrl="~/SystemSetup/Resources/Images/ico_Company_16.png" Selected="true"></telerik:RadPanelItem>

<telerik:RadPanelItem runat="server" Value="~/SystemSetup/Admin/Setup/OperatorList.ascx" Text='<%$ Resources:Menu_Item_1_2 %>' ImageUrl="~/SystemSetup/Resources/Images/ico_Users_16.png"></telerik:RadPanelItem>

<telerik:RadPanelItem runat="server" Value="~/SystemSetup/Admin/Setup/RoleList.ascx" Text='<%$ Resources:Menu_Item_1_3 %>' ImageUrl="~/SystemSetup/Resources/Images/ico_Role_16.png"></telerik:RadPanelItem>

</Items>

</telerik:RadPanelItem>

</Items>

</telerik:RadPanelBar>

</asp:Content>

<asp:Content ID="Content3" ContentPlaceHolderID="ContentPlaceHolder_Right" Runat="Server">

<asp:Panel runat="server" ID="P_Body" Width="100%" Height="100%"></asp:Panel>

</asp:Content>

...and the code to load the controls.

Partial Class SystemSetup_Default

Inherits System.Web.UI.Page

Private Const CurrentControlKey As String = "CurrentControlKey"

Private Property CurrentControl() As String

Get

Return IIf(ViewState(CurrentControlKey) = Nothing, "", ViewState(CurrentControlKey).ToString)

End Get

Set(ByVal value As String)

ViewState(CurrentControlKey) = value

End Set

End Property

Protected Sub Page_Load(ByVal sender As Object, ByVal e As System.EventArgs) Handles Me.Load

' Controlla la versioen del Browser e caccai via se IE inferiore a 8

If Request.Browser.Browser = "IE" AndAlso IsNumeric(Request.Browser.MajorVersion) AndAlso CInt(Request.Browser.MajorVersion) < 8 Then

Dim Script As String = "alert('Plane è supportato solo da IE8 o versioni successive, Firefox e Chrome');"

Page.ClientScript.RegisterClientScriptBlock(Me.GetType, "Alert", Script, True)

End If

If Not IsPostBack Then

CurrentControl = RadPanelBar.SelectedItem.Value

End If

Dim isNewControl As Boolean = Not CurrentControl.Equals(RadPanelBar.SelectedItem.Value)

If isNewControl Then

CurrentControl = RadPanelBar.SelectedItem.Value

Else

LoadUserControl(P_Body, CurrentControl, Not IsPostBack)

End If

End Sub

Private Function LoadUserControl(ByVal parentControl As Control, ByVal newControlPath As String, Optional ByVal isFirstLoad As Boolean = False) As Control

Dim control As Control = Page.LoadControl(newControlPath)

control.ID = newControlPath.ToString.Replace("/", "_").Replace("~", "_").Replace(".", "_")

'AddHandler TryCast(control, IASControl).GenericEvent, AddressOf Me.HandleGenericEvent

If isFirstLoad Then

control.EnableViewState = False

End If

parentControl.Controls.Clear()

parentControl.Controls.Add(control)

If isFirstLoad Then

control.EnableViewState = True

'TryCast(control, IASControl).FirstLoad(Nothing)

End If

Return control

End Function

Protected Sub RadPanelBar_ItemClick(ByVal sender As Object, ByVal e As Telerik.Web.UI.RadPanelBarEventArgs) Handles RadPanelBar.ItemClick

If e.Item.Level = 1 Then

LoadUserControl(P_Body, e.Item.Value, True)

End If

End Sub

End Class

The User Control.

<%@ Control Language="VB" AutoEventWireup="false" CodeFile="CompanyList.ascx.vb" Inherits="SystemSetup_UserControls_Setup_CompanyList" %>

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

function RowDbClick(sender, eventArgs) {

var IdCompany = sender.get_masterTableView().get_dataItems()[eventArgs.get_itemIndexHierarchical()].getDataKeyValue("IdCompany");

var W = window.open('Admin/Setup/p_Company.aspx?IdCompany=' + IdCompany, '', 'width=800px,height=550px,resizable=1');

}

function Rebind(eventArgs) {

var AjaxManager = $find("<%= RadAjaxManager.ClientID %>");

AjaxManager.ajaxRequest('Rebind' + '|' + eventArgs);

}

</script>

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

<AjaxSettings>

<telerik:AjaxSetting AjaxControlID="RadAjaxManager">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="RadGrid" UpdatePanelHeight="100%" />

</UpdatedControls>

</telerik:AjaxSetting>

</AjaxSettings>

</telerik:RadAjaxManager>

<telerik:RadSplitter runat="server" Width="100%" Height="100%" Orientation="Horizontal">

<telerik:RadPane runat="server" Height="32px">

<telerik:RadToolBar ID="RadToolBar1" runat="server" Height="26px" Width="100%">

<Items>

<telerik:RadToolBarButton Text="::" Enabled="false" ></telerik:RadToolBarButton>

<telerik:RadToolBarButton

Text='<%$ Resources:RTB_New %>' PostBack="false" NavigateUrl="javascript:var W=window.open('UserControls/Setup/p_newCompany.aspx','','width=800px,height=550px')" ImageUrl="../../Resources/Images/ico_New_16.png"></

telerik:RadToolBarButton>

<telerik:RadToolBarButton Text='<%$ Resources:RTB_Delete %>' ImageUrl="../../Resources/Images/ico_Garbage_16.png"></telerik:RadToolBarButton>

</Items>

</telerik:RadToolBar>

</telerik:RadPane>

<telerik:RadPane ID="RadPane1" runat="server" Height="100%">

<telerik:radgrid runat="server" ID="RadGrid" Width="100%" Height="100%" AutoGenerateColumns="false" style="border:0;outline:none;" AllowMultiRowSelection="true">

<ClientSettings>

<ClientEvents OnRowDblClick="RowDbClick" />

<Selecting AllowRowSelect="true" />

<Scrolling AllowScroll="true" SaveScrollPosition="true" ScrollHeight="100%" UseStaticHeaders="true" />

</ClientSettings>

<MasterTableView style="border:0;outline:none;" DataKeyNames="IdCompany" ClientDataKeyNames="IdCompany">

<Columns>

<telerik:GridTemplateColumn>

<ItemTemplate>

<asp:Image runat="server" ID="I_OnOff"

ImageUrl='<%# IIF(Eval("Active") = true,"~/SystemSetup/Resources/Images/ico_On_16.png","~/SystemSetup/Resources/Images/ico_Off_16.png") %>' />

</ItemTemplate>

<HeaderStyle Width="24px" />

<ItemStyle Width="24px" HorizontalAlign="Center" CssClass="AbsLeft" />

</telerik:GridTemplateColumn>

<telerik:GridBoundColumn DataField="DescrShort" HeaderText="Company">

<HeaderStyle HorizontalAlign="Center"/>

</telerik:GridBoundColumn>

</Columns>

</MasterTableView>

</telerik:radgrid>

</telerik:RadPane>

</telerik:RadSplitter>

The Rebind javascript is to Rebind the RadGrid. The code behind just says:

Protected Sub RadAjaxManager_AjaxRequest(ByVal sender As Object, ByVal e As Telerik.Web.UI.AjaxRequestEventArgs) Handles RadAjaxManager.AjaxRequest

Select Case e.Argument.Split("|")(1)

Case "RadGrid"

RadGrid.Rebind()

End Select

End Sub

The PopUp that is opened by the User Control:

<%@ Page Title="" Language="VB" MasterPageFile="~/App_Master/SystemSetup/PopUp_1.master" AutoEventWireup="false" CodeFile="p_Company.aspx.vb" Inherits="SystemSetup_UserControls_Setup_p_Company" %>

<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder_Top" Runat="Server">

<telerik:RadToolBar ID="RadToolBar" runat="server" Width="100%" Height="26px">

<Items>

<telerik:RadToolBarButton Value="Save" ImageUrl="../../Resources/Images/ico_Save_16.png" Text='<%$ Resources:WebResources, Save_Text %>'></telerik:RadToolBarButton>

</Items>

</telerik:RadToolBar>

</asp:Content>

<asp:Content ID="Content3" ContentPlaceHolderID="ContentPlaceHolder_Left" Runat="Server">

<telerik:RadPanelBar ID="RadPanelBar" Runat="server" Width="100%" AllowCollapseAllItems="True" PersistStateInCookie="True">

<Items>

<telerik:RadPanelItem runat="server" Text='<%$ Resources:Menu_Item_1 %>' PostBack="false" Expanded="true">

<Items>

<telerik:RadPanelItem runat="server" Value="~/SystemSetup/UserControls/Setup/CompanyList.ascx" Text='<%$ Resources:Menu_Item_1_1 %>' ImageUrl="~/SystemSetup/Resources/Images/ico_Company_16.png" Selected="true"></telerik:RadPanelItem>

</Items>

</telerik:RadPanelItem>

</Items>

</telerik:RadPanelBar>

</asp:Content>

<asp:Content ID="Content4" ContentPlaceHolderID="ContentPlaceHolder_Right" Runat="Server">

<div style="position:absolute;top:0px;left:0px;right:0px;height:26px">

<telerik:RadTabStrip ID="RadTabStrip1" runat="server" MultiPageID="RadMultiPage" Width="100%" Height="26px" SelectedIndex="0">

<Tabs>

<telerik:RadTab Text="Generale" PageViewID="PV_General"></telerik:RadTab>

</Tabs>

</telerik:RadTabStrip>

</div>

<div style="position:absolute;top:26px;left:0px;right:0px;bottom:0px;">

<telerik:RadMultiPage runat="server" ID="RadMultiPage" Width="100%" Height="100%" SelectedIndex="0" BackColor="White">

<telerik:RadPageView runat="server" ID="PV_General" Width="100%">

<div class="RadPageView_Form">

<div style="width:100%">

<table cellpadding="0px" cellspacing="0px" border="0px" style="width:100%;">

<tr>

<td class="Label">Attiva:</td>

<td class="Data"><asp:CheckBox runat="server" ID="CK_Active" /></td>

<td class="Label"></td>

<td class="Data"><telerik:RadTextBox runat="server" ID="RadTextBox2" Width="96%" DisabledStyle-BorderStyle="None" Enabled="false"></telerik:RadTextBox></td>

</tr>

<tr>

<td class="Label">Nome:</td>

<td class="Data"><telerik:RadTextBox runat="server" ID="T_1" Width="96%"></telerik:RadTextBox></td>

<td class="Label"></td>

<td class="Data"><telerik:RadTextBox runat="server" ID="T_2" Width="96%" DisabledStyle-BorderStyle="None" Enabled="false"></telerik:RadTextBox></td>

</tr>

</table>

</div>

</telerik:RadPageView>

</telerik:RadMultiPage>

</div>

</asp:Content>

..and the code behind to Update and trigger the Rebind.

Imports System.Data

Partial Class SystemSetup_UserControls_Setup_p_Company

Inherits System.Web.UI.Page

Private IdCompany As Guid = Guid.Empty

Protected Sub Page_Load(ByVal sender As Object, ByVal e As System.EventArgs) Handles Me.Load

If Not Request.QueryString("IdCompany") Is Nothing AndAlso Request.QueryString("IdCompany") <> "" Then

IdCompany = New Guid(Request.QueryString("IdCompany"))

End If

If Not IsPostBack Then

LoadItem()

End If

End Sub

Private Sub LoadItem()

Dim oDaOb As New RC.Protection.Company

oDaOb.PK.Add("IdCompany", IdCompany)

Dim oCo As DataRow = oDaOb.Get

CK_Active.Checked = oCo("Active")

T_1.Text = oCo("DescrShort")

End Sub

Protected Sub RadToolBar_ButtonClick(ByVal sender As Object, ByVal e As Telerik.Web.UI.RadToolBarEventArgs) Handles RadToolBar.ButtonClick

Select Case e.Item.Value

Case "Save"

If IdCompany <> Guid.Empty Then

Dim oDaOb As New RC.Protection.Company

Dim oCo As DataRow = oDaOb.newDaObItem

oCo("IdCompany") = IdCompany

oCo("DescrShort") = T_1.Text

oCo("Active") = CK_Active.Checked

oDaOb.Upd(oCo)

Rebind()

End If

End Select

End Sub

Private Sub Rebind()

Dim Script As String = "window.opener.Rebind('RadGrid');"

Page.ClientScript.RegisterClientScriptBlock(Me.GetType, "Rebind", Script, True)

End Sub

End Class

So, to make a long story short, First Rebind ....works great...and then non more Rebind till Content Page full reload.

Any ideas ?
Thanks much as always.

Lorenzo

Ajax

answered on 25 Oct 2012