Questions on UI for ASP.NET AJAX Forum

3 answers

135 views

Hi there,

I've been working to get my grouping working like this example: http://demos.telerik.com/aspnet-ajax/grid/examples/groupby/outlookstyle/defaultcs.aspx

Here's my code..

    
            <telerik:RadGrid ID="PopularProductGrid" runat="server">  
        
               <MasterTableView AutoGenerateColumns="false">  
        
                  <GroupByExpressions> 
        
                     <telerik:GridGroupByExpression> 
        
                        <SelectFields> 
        
                            <telerik:GridGroupByField FieldName="productName" HeaderText="Product"/>  
        
                         </SelectFields> 
        
                         <GroupByFields> 
        
                             <telerik:GridGroupByField FieldName="productName" /> 
        
                         </GroupByFields> 
        
                      </telerik:GridGroupByExpression> 
        
                  </GroupByExpressions> 
        
                  <Columns> 
        
                      <telerik:GridBoundColumn DataField="productName" HeaderText="Product"></telerik:GridBoundColumn> 
        
                      <telerik:GridBoundColumn DataField="customerName" HeaderText="Customer"></telerik:GridBoundColumn> 
        
                   </Columns> 
        
                </MasterTableView> 
        
            </telerik:RadGrid>

And on ASPX.CS, I've set DataSource and did DataBind(). The grid appears okay with correct data when there is no <GroupByExpressions> section of the code. Once I add this section of code, I get an server error: "Column 'productName' does not belong to table
" Am I missing something here??

Thanks..

Grid

answered on 03 Dec 2009

4 answers

209 views

Uploading even on postback

Hello all,
I'm using Rad upload control with rad progressarea and rad progress manager in a user control.

 
<%
@ Control Language="C#" AutoEventWireup="true" Inherits="wucPreliminaryPlans" CodeBehind="wucPreliminaryPlans.ascx.cs" %>
 
<%
@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %>
 
<
 
table>
 
<tr>
 
<td>
 
<telerik:RadUpload ID="rdupload" runat="server" ControlObjectsVisibility="None"
 
MaxFileInputsCount="1"
 
OverwriteExistingFiles="false" TargetFolder="~/Uploads/MyFiles"
 
OnFileExists="rdupload_FileExists">
 
</telerik:RadUpload>
 
</td>
 
</tr>
 
<tr>
 
<td>
 
<asp:Button id="buttonSubmit" runat="server" OnClick="buttonSubmit_Click" text="Submit" />
 
<asp:Label ID="labelNoResults" runat="server" Visible="True">No uploaded files yet</asp:Label>
 
</td>
 
</tr>
 
<tr><td>
 
<telerik:RadProgressManager ID="rdUploadProgressManager" runat="server" />
 
<telerik:RadProgressArea ID="rdUploadProgress" runat="server" Language=""
 
ProgressIndicators="TotalProgressBar, TotalProgress, TotalProgressPercent, RequestSize, FilesCountBar, FilesCount, FilesCountPercent, SelectedFilesCount, TimeElapsed, TimeEstimated, TransferSpeed"
 
Skin="Vista" >
 
<Localization Uploaded="Uploaded"></Localization>
 
</telerik:RadProgressArea>
 
</td>
 
</tr>
 
</table>
 
Code behind.

protected
 
 void Page_Load(object sender, EventArgs e)
 
{
 
if (!IsPostBack)
 
{
 
//Do not display SelectedFilesCount progress indicator.
 
rdUploadProgress.ProgressIndicators &= ~
ProgressIndicators.SelectedFilesCount;
 
}
}

protected
 
 void buttonSubmit_Click(object sender, System.EventArgs e)
 
{
 
if (rdupload.UploadedFiles.Count>0)
 
{
labelNoResults.Text = 
"Thanks for Uploading";
 
}
 
else
 
{
labelNoResults.Text = 
"No files to upload";
 
}
}

it is working fine for even i click the upload btn.

But problem arises whenever my page is postback and if i have a value in the rad upload ,
it is uploading automatically.

Is there anyway to stop this.

Thanks,
Hari.

Upload (Obsolete)

answered on 03 Dec 2009

4 answers

68 views

Edges of decorated controls appear in different position

On my webpage I have a div and in that div I have a button which is absolutely positioned in the center of the div. The button is decorated correctly, but the right edge of the button appears in the upper left corner of the div. There is a similar issue with the text box also. The issue happens in IE8 regular as well as compatability mode. In Firefox however everything is correct with no issue.

FormDecorator

answered on 03 Dec 2009

11 answers

228 views

[Solved] ImageEditor, crop big image issue in IE

We are using RadEditor Provider (Telerik.DNN.Modules_2008_3_1125_dev.zip) in DNN 4.9.0.

ImageEditor is great feature but we have problem with Crop on big image when we are using it in IE.
It crops wrong part of the image if image is bigger than ImageEditor window and we need to use scrollbar to place crop marks somewhere in right bottom part of the big image.

This is working OK in Firefox, but in FF we have problem with flip and rotate that do not displays preview of it in ImageEditor when flip or rotate is selected.

Is there any solution?
Kind regards
Tonci

Editor

answered on 03 Dec 2009

3 answers

216 views

RadMenu: Error Rendering Control (encapsulation issue?)

I upgraded to the developer controls from the demo, and now I get the following in the design view.

RadMenu - (RadMenuName)
There was an error rendering the control. Specified method is not supported.

I haven't changed the page.

The control is encapsulated in a custom control (that worked until the upgrade)

    
            <%@ Control Language="C#" AutoEventWireup="true" CodeFile="BottomMenu.ascx.cs" Inherits="BottomMenu" %> 
        
            <table style="width:1000px;" border="0" cellpadding="0" cellspacing="0">  
        
                <tr> 
        
                    <td style="width:125px">&nbsp;</td> 
        
                    <td style="width:875px">  
        
                        <table border="0" cellpadding="0" cellspacing="0">  
        
                            <tr> 
        
                                <td width="230">&nbsp;</td> 
        
                                <td> 
        
                                    <telerik:RadMenu ID="RadMenuBottom" runat="server" Flow="Horizontal">  
        
                                        <ExpandAnimation Duration="1" /> 
        
                                        <CollapseAnimation Duration="1" /> 
        
                                        <Items> 
        
                                            <telerik:RadMenuItem Text="Privacy Policy"></telerik:RadMenuItem> 
        
                                            <telerik:RadMenuItem Text="|" IsSeparator="true"></telerik:RadMenuItem> 
        
                                            <telerik:RadMenuItem Text="Webmaster"></telerik:RadMenuItem> 
        
                                            <telerik:RadMenuItem Text="|" IsSeparator="true"></telerik:RadMenuItem> 
        
                                            <telerik:RadMenuItem Text="Contact Us"></telerik:RadMenuItem> 
        
                                            <telerik:RadMenuItem Text="|" IsSeparator="true"></telerik:RadMenuItem> 
        
                                            <telerik:RadMenuItem Text="CCS"></telerik:RadMenuItem> 
        
                                            <telerik:RadMenuItem Text="|" IsSeparator="true"></telerik:RadMenuItem> 
        
                                            <telerik:RadMenuItem Text="IEL"></telerik:RadMenuItem> 
        
                                            <telerik:RadMenuItem Text="|" IsSeparator="true"></telerik:RadMenuItem> 
        
                                            <telerik:RadMenuItem Text="SCC"></telerik:RadMenuItem> 
        
                                        </Items> 
        
                                    </telerik:RadMenu> 
        
                                </td> 
        
                                <td width="230">&nbsp;</td> 
        
                            </tr> 
        
                            <tr> 
        
                                <td colspan="3" align="center">Spokane Falls Community College - 3410 W. Fort George Wright Dr. - Spokane, WA 99224-5288  
        
            For general information call: 509-533-3500 or 888-509-7944  
        
                                </td> 
        
                            </tr> 
        
                            <tr> 
        
                                <td colspan="3" align="center">&copy;2007-2009 Spokane Falls Community College. All rights reserved</td> 
        
                            </tr> 
        
                        </table> 
        
                    </td> 
        
                </tr>      
        
            </table>

which is referenced on the actual page by the register command:

    
            <%@ Register TagPrefix="BottomMenu" TagName="SFCCBottomMenu" Src="~/_controls/BottomMenu.ascx" %>

and set on the page as follows:

    
                <div id="bottomMenu" style="width:1000px">  
        
                    <BottomMenu:SFCCBottomMenu runat="server" /> 
        
                </div>

The page actually renders perfectly, (and should because nothing supposedly changed).... however the design view in VS is reporting the error.

btw: Going into the control itself and the design view works fine.

ideas?

Installer and VS Extensions

answered on 03 Dec 2009

3 answers

129 views

Telerik Menu and Local IIS Project

Just updated to Q3 2009 version 2009.3.1103.35

The menu system seems to work differently when you open a website as a Local IIS website in VS 2008. You only have the Template options not the upgrade option and the ToolBox doesn't have the Telerik ASP.Net 3.5 Tab like I get when I open the same website by browsing to the folder. From the folder website I also have the upgrade wizard etc. It looks as the blog post about the Telerik menu says it should.

When I add a tab and select the items in the Telerik.Web.UI.dll they are not added to the tab.

So I seem to be left with either using the file system website in VS 2008 or not having the Telerik Toolbar. I can do most of my development as a file system, but sometimes need to run as Local IIS for debugging purposes.

Should it be working this way for a IIS project vs a file system project?

Randy Miller

General Discussions

answered on 03 Dec 2009

7 answers

703 views

Retrieving RadComboBox.SelectedValue during PerformInsertCommandName

Hi,
I'm trying to retrieve the SelectedValue for a RadComboBox putted in the InsertItemTemplate.
The code used as follow:

    protected void RadListPermessi_ItemCommand(object sender, RadListViewCommandEventArgs e)
    {
        if (e.CommandName == RadListView.CancelCommandName)
        {
            RadListPermessi.InsertItemPosition = RadListViewInsertItemPosition.None;
            RadListPermessi.FindControl("btnAddNewRecord").Visible = true;
        }
        else if (e.CommandName == RadListView.UpdateCommandName)
        {
            //Perform the update
            string perDebug = "Stop";
        }
        else if (e.CommandName == RadListView.PerformInsertCommandName)
        {
            //Va ad aggiungere un nuovo item alla ListaPermessiForms
            PermessoForm permessoForm = new PermessoForm();
            RadComboBox comboNomeForm = (RadComboBox)e.ListViewItem.FindControl("radComboNomeFormInsert");
            if (comboNomeForm != null)
            {
                permessoForm.IdForm = int.Parse(comboNomeForm.SelectedValue);
            }
... omissis ...

I'm able to see the "Text" of the selected item, but the SelectedValue is an empty string (instead of the ID value that I've put in the value field of the radCombo).
Thanks for any help.
Luigi

ListView

answered on 03 Dec 2009

4 answers

214 views

Get updated value of Radgrid autogenerated column

I have a radgrid with autogeneratedcolumns="true". I have an edit column and a delete column to update and delete values from the grid. The problem is that I want to do it on server side like first read the updated values and then store them in the database. How can I achieve that? The columns are autogenerated so I am not able to read radgrid in RadGrid1_UpdateCommand.

Grid

answered on 03 Dec 2009

2 answers

92 views

opening 2nd pop up on edit pop up of rad grid

hi

im trying to edit a radgrid row using pop up mode..

here is my problem

on my pop up edit form i want to open a 2nd pop up but cant make it.. my first pop up is working while the 2nd not.

here is my code

radgrid aspx code:

    
            <%@ Page Language="vb"MasterPageFile="Main.Master" AutoEventWireup="false" CodeBehind="UTEPagine.aspx.vb" Inherits="WebBIODemo.UTEPagine" %> 
        
            <%@ Register TagPrefix="telerik" Namespace="Telerik.Web.UI" Assembly="Telerik.Web.UI" %> 
        
            <asp:Content ID="Content1" ContentPlaceHolderID="cphMain" Runat="Server">  
        
              <div style="height:500px">  
        
                  <telerik:RadScriptManager ID="RadScriptManager1" runat="server">  
        
                  </telerik:RadScriptManager>  
        
                <!-- content start --> 
        
                <div> 
        
                   <telerik:RadCodeBlock ID="RadCodeBlock1" runat="server"> 
        
                        <script type="text/javascript"> 
        
                        function ShowEditForm(id, rowIndex) 
        
                        { 
        
                            var grid = $find("<%= grdUTEPagine.ClientID %>"); 
        
                            var rowControl = grid.get_masterTableView().get_dataItems()[rowIndex].get_element(); 
        
                            grid.get_masterTableView().selectItem(rowControl, true); 
        
                            window.radopen("EditUTEPagineDemo.aspx?Id=" + id, "UserListDialog"); 
        
                            return false; 
        
                        } 
        
                        function ShowInsertForm() 
        
                        { 
        
                           window.radopen("EditUTEPagineDemo.aspx", "UserListDialog"); 
        
                           return false; 
        
                        } 
        
                        function refreshGrid(arg) 
        
                        { 
        
                         if(!arg) 
        
                         { 
        
                         $find("<%= RadAjaxManager1.ClientID %>").ajaxRequest("Rebind");             
        
                            } 
        
                            else 
        
                            { 
        
                         $find("<%= RadAjaxManager1.ClientID %>").ajaxRequest("RebindAndNavigate");             
        
                            } 
        
                        } 
        
                        function RowDblClick(sender, eventArgs) 
        
                        { 
        
                         window.radopen("EditUTEPagineDemo.aspx?Id=" + eventArgs.getDataKeyValue("EmployeeID"), "UserListDialog"); 
        
                        } 
        
                        </script> 
        
                    </telerik:RadCodeBlock> 
        
                        <telerik:RadAjaxManager ID="RadAjaxManager1" runat="server" OnAjaxRequest="RadAjaxManager1_AjaxRequest"> 
        
                            <AjaxSettings> 
        
                                <telerik:AjaxSetting AjaxControlID="RadAjaxManager1"> 
        
                                    <UpdatedControls> 
        
                                        <telerik:AjaxUpdatedControl ControlID="RadGrid1" /> 
        
                                    </UpdatedControls> 
        
                                </telerik:AjaxSetting> 
        
                                <telerik:AjaxSetting AjaxControlID="RadGrid1"> 
        
                                    <UpdatedControls> 
        
                                        <telerik:AjaxUpdatedControl ControlID="RadGrid1" /> 
        
                                    </UpdatedControls> 
        
                                </telerik:AjaxSetting> 
        
                            </AjaxSettings> 
        
                        </telerik:RadAjaxManager> 
        
                        <telerik:RadGrid 
        
                            OnItemCreated="grdUTEPagine_ItemCreated" 
        
                            ID="grdUTEPagine" 
        
                            runat="server" 
        
                            AllowPaging="True" 
        
                            Width="97%" 
        
                            DataSourceID="objDS"> 
        
                            <PagerStyle Mode="NumericPages" /> 
        
                            <MasterTableView 
        
                                AutoGenerateColumns="False" 
        
                                DataKeyNames="CODICELINGUA,CODICEFORM" 
        
                                ClientDataKeyNames="CODICELINGUA,CODICEFORM" 
        
                                Width="100%" 
        
                                CommandItemDisplay="Top" 
        
                                PageSize="15"> 
        
                                <Columns> 
        
                                    <telerik:GridTemplateColumn UniqueName="EditRecord" AllowFiltering="False" Resizable="False">                            
        
                                        <ItemTemplate> 
        
                                            <asp:HyperLink ID="EditLink" runat="server" Text="Edit"></asp:HyperLink> 
        
                                        </ItemTemplate> 
        
                                        <HeaderStyle Width="24px" /> 
        
                                    </telerik:GridTemplateColumn> 
        
                                       <telerik:GridBoundColumn DataField="DESCRIZIONE" HeaderText="Descrizione" SortExpression="DESCRIZIONE"  
        
                                            UniqueName="colDESCRIZIONE" FilterImageToolTip="Filtro per descrizione" Resizable="true">  
        
                                            <HeaderStyle Width="310px" />  
        
                                        </telerik:GridBoundColumn>        
        
                                        <telerik:GridBoundColumn DataField="DESCRIZIONEAIUTO" HeaderText="Descrizione AIUTO" SortExpression="DESCRIZIONEAIUTO"  
        
                                            UniqueName="colDESCRIZIONEAIUTO" FilterImageToolTip="Filtro per descrizione inglese" Resizable="true">  
        
                                            <HeaderStyle Width="310px" />  
        
                                        </telerik:GridBoundColumn>                    
        
                                        <telerik:GridBoundColumn DataField="ANNOTAZIONI" HeaderText="ANNOTAZIONI" SortExpression="ANNOTAZIONI"  
        
                                            UniqueName="colANNOTAZIONI" FilterImageToolTip="Filtro per descrizione inglese" Resizable="true">  
        
                                            <HeaderStyle Width="310px" />  
        
                                        </telerik:GridBoundColumn>    
        
                                    <telerik:GridButtonColumn ConfirmText="Eliminare Utente Pagina?" ButtonType="ImageButton" ImageUrl="_img/Delete.gif" CommandName="Delete" Text="Elimina" UniqueName="colDelete"> 
        
                                        <HeaderStyle Width="20px" /> 
        
                                    </telerik:GridButtonColumn>  
        
                                </Columns> 
        
                                <CommandItemTemplate> 
        
                                    <a href="#" onclick="return ShowInsertForm();">Add New Record</a> 
        
                                </CommandItemTemplate> 
        
                            </MasterTableView> 
        
                            <ClientSettings> 
        
                                <Selecting AllowRowSelect="true" /> 
        
                                <ClientEvents OnRowDblClick="RowDblClick" /> 
        
                            </ClientSettings> 
        
                        </telerik:RadGrid> 
        
                        <telerik:RadWindowManager ID="RadWindowManager1" runat="server"> 
        
                            <Windows> 
        
                                <telerik:RadWindow ID="UserListDialog" runat="server" Title="Editing record" Height="700px" 
        
                                    Width="300px" Left="150px" ReloadOnShow="true" ShowContentDuringLoad="false" Modal="true" /> 
        
                            </Windows> 
        
                        </telerik:RadWindowManager> 
        
                <asp:ObjectDataSource   
        
                    ID="objDS"   
        
                    runat="server"   
        
                    SelectMethod="selectUTEPagine"  
        
                    UpdateMethod="updateUTEPagine"  
        
                    InsertMethod="insertUTEPagine"        
        
                    DeleteMethod="deleteUTEPagine"        
        
                    SortParameterName="orderBy"  
        
                    TypeName="GestioneLingue"  
        
                    ConflictDetection="CompareAllValues"  
        
                    OldValuesParameterFormatString="orig_{0}">  
        
                    <SelectParameters>  
        
                        <asp:ControlParameter ControlID="grdUTEPagine" Name="filterBy" PropertyName="MasterTableView.FilterExpression" Type="String" />  
        
                    </SelectParameters>  
        
                    <UpdateParameters>  
        
                        <asp:Parameter Name="CODICELINGUA" Type="String" />  
        
                        <asp:Parameter Name="CODICEFORM" type="Int32" />  
        
                        <asp:Parameter Name="DESCRIZIONE" Type="String" />  
        
                        <asp:Parameter Name="DESCRIZIONEAIUTO" Type="String" />  
        
                        <asp:Parameter Name="ANNOTAZIONI" Type="String" />  
        
                        <asp:Parameter Name="orig_CODICELINGUA" Type="String" />  
        
                        <asp:Parameter Name="orig_CODICEFORM" Type="Int32" />  
        
                    </UpdateParameters>  
        
                    <InsertParameters>  
        
                        <asp:Parameter Name="CODICELINGUA" Type="String" />  
        
                        <asp:Parameter Name="CODICEFORM" type="Int32" />  
        
                        <asp:Parameter Name="DESCRIZIONE" Type="String" />  
        
                        <asp:Parameter Name="DESCRIZIONEAIUTO" Type="String" />  
        
                        <asp:Parameter Name="ANNOTAZIONI" Type="String" />  
        
                    </InsertParameters>  
        
                    <DeleteParameters>  
        
                        <asp:Parameter Name="orig_CODICELINGUA" Type="String" />  
        
                        <asp:Parameter Name="orig_CODICEFORM" Type="Int32" />  
        
                    </DeleteParameters>  
        
                </asp:ObjectDataSource>         
        
                  </div>  
        
              </div>  
        
            </asp:Content>

radgrid codebehind:

    
            Imports System 
        
            Imports System.Data 
        
            Imports System.Configuration 
        
            Imports System.Collections 
        
            Imports System.Web 
        
            Imports System.Web.Security 
        
            Imports System.Web.UI 
        
            Imports System.Web.UI.WebControls 
        
            Imports System.Web.UI.WebControls.WebParts 
        
            Imports System.Web.UI.HtmlControls 
        
            Imports Telerik.Web.UI 
        
            Partial Public Class UTEPagine 
        
                Inherits System.Web.UI.Page 
        
                Protected Sub Page_Load(ByVal sender As Object, ByVal e As System.EventArgs) Handles Me.Load 
        
                End Sub 
        
                Protected Sub grdUTEPagine_ItemCreated(ByVal sender As Object, ByVal e As GridItemEventArgs) 
        
                    If TypeOf e.Item Is GridDataItem Then 
        
                        Dim editLink As HyperLink = DirectCast(e.Item.FindControl("EditLink"), HyperLink) 
        
                        Dim idCL As String = DirectCast(e.Item.OwnerTableView.DataKeyValues(e.Item.ItemIndex)("CODICELINGUA"), String) 
        
                        Dim idCF As Integer = DirectCast(e.Item.OwnerTableView.DataKeyValues(e.Item.ItemIndex)("CODICEFORM"), Integer) 
        
                        Dim id As String 
        
                        id = idCL.ToString() & "|" & idCF.ToString() 
        
                        editLink.Attributes("onclick") = [String].Format("return ShowEditForm('{0}','{1}');", id.ToString(), e.Item.ItemIndex) 
        
                    End If 
        
                End Sub 
        
                Protected Sub RadAjaxManager1_AjaxRequest(ByVal sender As Object, ByVal e As Telerik.Web.UI.AjaxRequestEventArgs) Handles RadAjaxManager1.AjaxRequest 
        
                    If e.Argument = "Rebind" Then 
        
                        grdUTEPagine.MasterTableView.SortExpressions.Clear() 
        
                        grdUTEPagine.MasterTableView.GroupByExpressions.Clear() 
        
                        grdUTEPagine.Rebind() 
        
                    ElseIf e.Argument = "RebindAndNavigate" Then 
        
                        grdUTEPagine.MasterTableView.SortExpressions.Clear() 
        
                        grdUTEPagine.MasterTableView.GroupByExpressions.Clear() 
        
                        grdUTEPaginegrdUTEPagine.MasterTableView.CurrentPageIndex = grdUTEPagine.MasterTableView.PageCount - 1 
        
                        grdUTEPagine.Rebind() 
        
                    End If 
        
                End Sub 
        
            End Class

edit from aspx code:

    
            <%@ Page Language="vb" AutoEventWireup="false" CodeBehind="EditUTEPagineDemo.aspx.vb" Inherits="WebBIODemo.EditUTEPagineDemo" %> 
        
            <%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %> 
        
            <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
        
            <html xmlns="http://www.w3.org/1999/xhtml" > 
        
            <head id="Head1" runat="server"> 
        
                <title>WebBIO Demo</title> 
        
                <link href="../_styles/main.css" type="text/css" rel="stylesheet" /> 
        
            </head> 
        
            <body style="margin:0px;height:100%;overflow:hidden" scroll="yes"> 
        
                <form id="EditUTEPagine" runat="server"  style="height:100%;margin:0px;" method="post"> 
        
               <script type="text/javascript"> 
        
                    function CloseAndRebind(args) 
        
                    { 
        
                        GetRadWindow().Close(); 
        
                        GetRadWindow().BrowserWindow.refreshGrid(args); 
        
                    } 
        
                    function GetRadWindow() 
        
                    { 
        
                        var oWindow = null; 
        
                        if (window.radWindow) oWindow = window.radWindow; //Will work in Moz in all cases, including clasic dialog 
        
                        else if (window.frameElement.radWindow) oWindow = window.frameElement.radWindow;//IE (and Moz as well) 
        
                        return oWindow; 
        
                    } 
        
                    function CancelEdit() 
        
                    { 
        
                        GetRadWindow().Close();      
        
                    } 
        
                     function OpenWin(cod) 
        
                        { 
        
                            var oWnd = radopen("Zoom.aspx?KA=" + cod, "rdwCodiceLingue"); 
        
                        } 
        
                     function OnClientClose(sender, args) { 
        
                            var arg = args.get_argument();  
        
                            var QualeControllo;  
        
                            if (arg != null) {  
        
                                if (arg.KA == "CL"){ 
        
                                    QualeControllo = document.getElementById("<%= txtCODICELINGUA.ClientID %>"); 
        
                                } 
        
                                else{ 
        
                                    QualeControllo = document.getElementById("<%= txtCODICEFORM.ClientID %>"); 
        
                                } 
        
                                QualeControllo.value = arg.codice;  
        
                            }  
        
                        }  
        
                </script>      
        
                <div> 
        
                  <asp:Label runat="server" ID="injectScript" Visible="true" Text="" ></asp:Label> 
        
                  <asp:HiddenField runat="server" ID="lblIDtabella" Value="" /> 
        
                  <telerik:RadScriptManager ID="RadScriptManager1" runat="server" /> 
        
                  <telerik:RadFormDecorator ID="RadFormDecorator1" runat="server" /> 
        
                  <telerik:RadWindowManager ID="RadWindowManager1" runat="server" OnClientClose="OnClientClose">  
        
                    <Windows>  
        
                        <telerik:RadWindow runat="server" Title="WebBIO Zoom" Behaviors="none" Animation="FlyIn" DestroyOnClose="true"   
        
                            Left="" ID="rdwCodiceLingue"  NavigateUrl="Zoom.aspx" /> 
        
                    </Windows> 
        
                  </telerik:RadWindowManager>       
        
                  <table cellspacing="5" cellpadding="5" border="0" width="500px"> 
        
                    <tr> 
        
                        <th colspan="2"><asp:label ID="lblTitle" runat="server" /></th> 
        
                    </tr> 
        
                    <tr> 
        
                        <td> 
        
                            <asp:Label ID="lblCODICELINGUA" Text="Codice Lingua: " runat="server" /> 
        
                        </td> 
        
                        <td> 
        
                            <asp:ImageButton ID="cmdZOOMcodL" OnClientClick="OpenWin('CL')" runat="server"  ImageUrl="_img/lens.gif" /> 
        
                            <asp:textbox ID="txtCODICELINGUA"  runat="server" Enabled="false" MaxLength="4" /> 
        
                        </td> 
        
                    </tr> 
        
                    <tr> 
        
                        <td> 
        
                            <asp:label ID="lblCODICEFORM" Text="Codice Form: " runat="server" /> 
        
                        </td> 
        
                        <td> 
        
                            <asp:ImageButton ID="cmdZOOMcodF" OnClientClick="OpenWin('CF')" runat="server" ImageUrl="_img/lens.gif" /> 
        
                            <asp:textbox ID="txtCODICEFORM" runat="server" Enabled="false" /> 
        
                        </td>             
        
                    </tr> 
        
                    <tr> 
        
                        <td> 
        
                            <asp:Label ID="lblDESCRIZIONE" Text="Descrizione: " runat="server" /> 
        
                        </td> 
        
                        <td> 
        
                            <telerik:RadTextBox ID="rdtDESCRIZIONE" runat="server" TextMode="MultiLine" Width="220px" Height="130px" /> 
        
                        </td> 
        
                    </tr> 
        
                    <tr> 
        
                        <td valign="middle" align="center"> 
        
                            <asp:Label ID="lblDESCRIZIONEAIUTO" Text="Descrizione aiuto: " runat="server" /> 
        
                        </td> 
        
                        <td> 
        
                            <telerik:RadTextBox ID="rdtDESCRIZIONEAIUTO" runat="server" TextMode="MultiLine" Width="220px" Height="130px" /> 
        
                        </td> 
        
                    </tr> 
        
                    <tr> 
        
                        <td valign="middle" align="center"> 
        
                            <asp:Label ID="Label1" Text="Descrizione aiuto: " runat="server" /> 
        
                        </td> 
        
                        <td> 
        
                            <telerik:RadTextBox ID="rdtANNOTAZIONI" runat="server" TextMode="MultiLine" Width="220px" Height="130px" /> 
        
                        </td> 
        
                    </tr> 
        
                        <tr><td colspan="2" style="height:10px"></td></tr>                           
        
                        <tr> 
        
                            <td> 
        
                                <asp:ValidationSummary ID="vsSummary" runat="server" Enabled="true" DisplayMode="BulletList" ShowSummary="false" ShowMessageBox="true" EnableClientScript="true" HeaderText="I seguenti campi devono essere valorizzati correttamente :"/> 
        
                            </td> 
        
                        </tr> 
        
                        <tr> 
        
                            <td colspan="2" style="text-align:right;"> 
        
                                <table cellpadding="0" cellspacing="10px" width="100%"> 
        
                                    <tr> 
        
                                        <td width="95%"></td> 
        
                                        <td><asp:Button runat="server" id="btnSave" Text="Salva" OnClick="btnSave_Click" Width="80px"/></td> 
        
                                        <td><button id="btnCancel" runat="server" onclick="closeRadWindow()" style="width:80px">Annulla</button></td> 
        
                                    </tr> 
        
                                </table>                     
        
                            </td> 
        
                        </tr> 
        
                        <tr> 
        
                            <td colspan="2"><asp:Label runat="server" ID="lblErrorMsg" Text=""></asp:Label></td> 
        
                        </tr>         
        
                  </table> 
        
                </div> 
        
            </form> 
        
            </body> 
        
            </html>

2nd pop up aspx code:

    
            <%@ Page Language="vb" AutoEventWireup="false" CodeBehind="Zoom.aspx.vb" Inherits="WebBIODemo.Zoom" %> 
        
            <%@ Register Assembly="RadGrid.Net2" Namespace="Telerik.WebControls" TagPrefix="radG" %> 
        
            <%@ Register Assembly="RadWindow.Net2" Namespace="Telerik.WebControls" TagPrefix="radW" %> 
        
            <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
        
            <html xmlns="http://www.w3.org/1999/xhtml" > 
        
            <head id="Head1" runat="server"> 
        
                <title>Pagina senza titolo</title> 
        
            </head> 
        
            <body> 
        
                <form id="Zoom" runat="server"> 
        
              <div> 
        
                <script type="text/javascript">  
        
                    function closeWindow(sender, args) { 
        
                        var oArg = new Object(); 
        
                         oArg.codice = args.getDataKeyValue("CODICELINGUA");  
        
                         oArg.KA = "CL" 
        
                        debugger;  
        
                        var oWnd = GetRadWindow();  
        
                        var dialog1 = oWnd.get_windowManager().getWindowByName("rdwCodiceLingue");   
        
                        var contentWin = dialog1.get_contentFrame().contentWindow 
        
                         contentWin.Rargs(oArg);    
        
                        oWnd.close();  
        
                    }  
        
                    function closeWindow2(sender, args) {  
        
                        var oArg = new Object(); 
        
                        oArg.codice = args.getDataKeyValue("CODICEFORM"); 
        
                        oArg.KA = "CF"  
        
                        debugger;  
        
                        var oWnd = GetRadWindow();  
        
                        var dialog1 = oWnd.get_windowManager().getWindowByName("rdwCodiceLingue");   
        
                        var contentWin = dialog1.get_contentFrame().contentWindow 
        
                         contentWin.Rargs(oArg);    
        
                        oWnd.close();  
        
                    }  
        
                    function GetRadWindow() {  
        
                           var oWindow = null; 
        
                           if (window.radWindow) oWindow = window.radWindow; 
        
                           else if (window.frameElement.radWindow) oWindow = window.frameElement.radWindow; 
        
                           return oWindow; 
        
                    } 
        
                </script> 
        
                    <table cellspacing="0"> 
        
                        <tr> 
        
                            <th><asp:Label ID="lblTITOLO" runat="server" /></th> 
        
                        </tr> 
        
                        <tr> 
        
                            <td> 
        
                                <radG:RadGrid ID="grdCL" runat="server" AutoGenerateColumns="false" > 
        
                                    <ClientSettings> 
        
                                        <Selecting AllowRowSelect="true" /> 
        
                                        <ClientEvents OnRowSelected="closeWindow" /> 
        
                                    </ClientSettings> 
        
                                    <MasterTableView DataKeyNames="CODICELINGUA,DESCRIZIONE"> 
        
                                        <Columns> 
        
                                            <radG:GridBoundColumn DataField="CODICELINGUA" HeaderText="Codice Lingua" /> 
        
                                            <radG:GridBoundColumn DataField="DESCRIZIONE" HeaderText="Descrizione" /> 
        
                                        </Columns> 
        
                                    </MasterTableView> 
        
                                </radG:RadGrid> 
        
                            </td> 
        
                        </tr> 
        
                        <tr> 
        
                            <td> 
        
                                <radG:RadGrid ID="grdCF" runat="server" AutoGenerateColumns="false" > 
        
                                    <ClientSettings EnableRowHoverStyle="true"> 
        
                                        <Selecting AllowRowSelect="true" /> 
        
                                        <ClientEvents OnRowSelected="closeWindow2" /> 
        
                                    </ClientSettings> 
        
                                    <MasterTableView DataKeyNames="CODICEFORM,DESCRIZIONE"> 
        
                                        <Columns> 
        
                                            <radG:GridBoundColumn DataField="CODICEFORM" HeaderText="Codice Lingua" /> 
        
                                            <radG:GridBoundColumn DataField="DESCRIZIONE" HeaderText="Descrizione" /> 
        
                                        </Columns> 
        
                                    </MasterTableView> 
        
                                </radG:RadGrid> 
        
                            </td> 
        
                        </tr> 
        
                    </table>      
        
                </div> 
        
                </form> 
        
            </body> 
        
            </html>

Grid

answered on 03 Dec 2009

6 answers

361 views

How to add multiple records in grid?

Hi all,

I have designed a page to edit rows, and I have successfuly edit rows (one by one and multiple edit rows), and I have designed another form to insert records but I found that it able to add 1 record on click "add new record" link, are there anyway to add multiple records in grid in clientside and save all in only 1 click?
If there an example please send me link.

Regards
Ahmed

Grid

answered on 03 Dec 2009