Questions on UI for ASP.NET AJAX Forum

1 answer

3.1K+ views

Hello,

http://demos.telerik.com/aspnet-ajax/grid/examples/dataediting/alleditablecolumns/defaultcs.aspx
with reference with above link...
i need to use grid with inline edit mode.
My column will be date,report type , description.

After clicking on edit it will convert as dattimepicker, dropdownlist, textbox.

my dropdown will be bind with datatable.

After clik of edit button it will covert in to update and cancel button. i dnt want that. after cllick of edit image it wiill alow data to be edit. and save changes button will be @ botton..

Can you please give me code for above...

Thanks,
Mugdha

Grid

answered on 16 Mar 2012

3 answers

485 views

Add new record to grid, with outside button.

I wanna add a new record, and edit the records on grid, with button outside the grid. How could i do that?
Thats my asp code

<telerik:RadGrid ID="RadGrid2" runat="server" AllowMultiRowSelection="true" Width="300px"OnNeedDataSource="RadGrid2_NeedDataSource">

<MasterTableView AutoGenerateColumns="False" DataKeyNames="codigo" EditMode="InPlace">

<Columns>

<telerik:GridTemplateColumn>

<ItemTemplate>

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

</ItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridBoundColumn HeaderText="Código" DataField="codigo" UniqueName="codigo"

ReadOnly="True" Display="true" ColumnEditorID="GridTextBoxColumnEditor1" />

<telerik:GridBoundColumn HeaderText="Descrição" DataField="descricao" UniqueName="descricao"

ColumnEditorID="GridTextBoxColumnEditor1" />

<telerik:GridEditCommandColumn ButtonType="ImageButton">

</telerik:GridEditCommandColumn>

</Columns>

</MasterTableView>

<ClientSettings>

<ClientEvents OnRowDblClick="RowDblClick" />

</ClientSettings>

</telerik:RadGrid>

<telerik:GridTextBoxColumnEditor ID="GridTextBoxColumnEditor1" runat="server" TextBoxStyle-Width="180px" />

<asp:Button ID="btnDeletar" runat="server" Text="Deletar Items" OnClick="btnDeletar_Click" />

<asp:Button ID="btnInserir" runat="server" Text="Inserir Items" OnClick="btnInserir_Click" />

<asp:Button ID="btnEditar" runat="server" Text="Editar Items" OnClick="btnEditar_Click" />

<telerik:RadWindowManager ID="Window" runat="server" EnableShadow="true" />

and thats my c# code

protected void RadGrid2_NeedDataSource(object sender, GridNeedDataSourceEventArgs e)

{

// Atribui dados a grid.

RadGrid2.DataSource = this.GridSource;

this.GridSource.PrimaryKey = new DataColumn[] { this.GridSource.Columns["codigo"] };

}

/// <summary>

/// Obtem a source do grid.

/// </summary>

private DataTable GridSource

{

get

{

object obj = ViewState["GRID"];

if ((!(obj == null)))

{

return ((DataTable)(obj));

}

DataTable myDataTable = new DataTable();

myDataTable = Preenche();

ViewState["GRID"] = myDataTable;

return myDataTable;

}

/// <summary>

/// Obtem data table com dados para grid.

/// </summary>

/// <returns>Retorna datatable</returns>

public DataTable Preenche()

{

C001 c001 = new C001();

DataTable dt = new DataTable();

dt = c001.ObterDados();

return dt;

}

Grid

answered on 16 Mar 2012

0 answers

109 views

RadTreeview not visible in Modalpopup

Hi
I have a modal popup on .ascx control & I wish to place radtreeview control on this modal popup.I have done all the coding & datasource property of radtreeview gets populated correctly but When I call DATABIND() method of this control I am not able to see the radtreeview control on modal popup.
Please suggest.

TreeView

asked on 16 Mar 2012

3 answers

2.6K+ views

Dynamically hide GridButtonColumn in RadGrid

Hi,

I have a RadGrid that contains two GridButtonColumns of HeaderButtonType LinkButton. I would like to control the behavior to dynamically hide one column and show the other and vice versa.

In addition, in one of the circumstances there is an additional GridBoundColumn that I would like to hide.

How do I do this? Also, can I do it in the ItemDataBound method or does it need to be done in a PreRender method?

In the Grid below, I want to show the RequestorName and RequestorPd columns and hide the InstitutionName column in one case and in the other I want to show the InstitutionName column and hide the RequestorName and RequestorPd columns.

<telerik:RadGrid ID="RadGridPrescriber" runat="server"

AutoGenerateColumns="false" AllowSorting="True" AllowPaging="false" Skin="Simple" ClientSettings-Resizing-AllowColumnResize="true"

ItemStyle-Wrap="false" Width="95%" HeaderStyle-Wrap="false" PageSize="25"

OnNeedDataSource="RadGridPrescriber_NeedDataSource" OnItemDataBound="RadGridPrescriber_ItemDataBound" OnItemCommand="RadGridPrescriber_ItemCommand">

<ClientSettings>

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

</ClientSettings>

<ExportSettings ExportOnlyData="false" IgnorePaging="true" OpenInNewWindow="true" />

<MasterTableView TableLayout="Fixed" AllowMultiColumnSorting="true" DataKeyNames="RequestorSln" ShowFooter="false" PagerStyle-AlwaysVisible="false" CommandItemDisplay="Top" >

<NoRecordsTemplate>

<asp:Label ID="lblMsg" runat="server" Text="No Records found"></asp:Label>

</NoRecordsTemplate>

<CommandItemSettings ShowExportToPdfButton="true" ShowExportToCsvButton="true" ShowExportToExcelButton="true" ShowRefreshButton="false" ShowAddNewRecordButton="false" />

<Columns>

<telerik:GridButtonColumn HeaderText="Name" HeaderButtonType="LinkButton" UniqueName="RequestorName" CommandName="GetByRequestorSLN" DataTextField="RequestorName" ItemStyle-HorizontalAlign="Left" />

<telerik:GridButtonColumn HeaderText="Name" HeaderButtonType="LinkButton" UniqueName="InstitutionName" CommandName="GetByRequestorSLN" DataTextField="InstitutionName" ItemStyle-HorizontalAlign="Left" />

<telerik:GridBoundColumn HeaderText="PD" HeaderButtonType="TextButton" DataField="RequestorPd" ItemStyle-HorizontalAlign="Left" />

</Columns>

</MasterTableView>

</telerik:RadGrid>

Thanks,

Grid

answered on 16 Mar 2012

0 answers

61 views

Ajaxify Timer Sample in Master Page scenario

To every poor soul trying to make Ajaxify Timer sample from page http://demos.telerik.com/aspnet-ajax/ajax/examples/common/ajaxifytimer/defaultcs.aspx to work in Master page scenario:

You have to set

ClientIDMode="AutoID"

(as described in similar this and more specific this thread).

Cheers,
Jacek

Documentation and Tutorials

asked on 16 Mar 2012

5 answers

426 views

ListView / Items Drag-and-drop

I have been looking at the Drag-and-drop feature in List View specifically the example shown on http://demos.telerik.com/aspnet-ajax/listview/examples/itemdragdrop/defaultcs.aspx. I want to know if it is possible to drag and drop items inside the listview.

kind of like http://www.webreference.com/programming/javascript/mk/column2/
I am using .net 3.5. ASP.NET Help!

ListView

answered on 15 Mar 2012

2 answers

85 views

Problem with empty RadComboBoxContext

Hi all,

I'm facing the problem while using the RadComboBox. I've used the example from Telerik Demo to populate RadComboBox with data on demant in a new empty project. And when the control calls for the WCF service for data the RadComboBoxContext parameter is empty.
Can you please advice me what I'm doing wrong?

ASPX code:

<%@ Page Title="Home Page" Language="C#" MasterPageFile="~/Site.master" AutoEventWireup="true"

CodeBehind="Default.aspx.cs" Inherits="WebApplication1._Default" %>

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

<asp:Content ID="HeaderContent" runat="server" ContentPlaceHolderID="HeadContent">

</asp:Content>

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

<div>

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

</telerik:RadScriptManager>

<telerik:RadComboBox runat="server" ID="RadComboBox1" Height="100px"

EnableLoadOnDemand="true" ShowMoreResultsBox="true" EnableVirtualScrolling="true"

EmptyMessage="Type here ...">

<WebServiceSettings Path="~/ComboBoxWcfService.svc" Method="LoadData" />

</telerik:RadComboBox>

</div>

<asp:LinqDataSource ID="LinqDataSource1" runat="server">

</asp:LinqDataSource>

</asp:Content

>





WCF code:


[ServiceContract(Namespace = "")]
[AspNetCompatibilityRequirements(RequirementsMode = AspNetCompatibilityRequirementsMode.Allowed)]
public class ComboBoxWcfService {
    public void DoWork()
    {
    }
    [OperationContract]
    public RadComboBoxData LoadData(RadComboBoxContext context)
    {
        //The RadComboBoxData object contains all required information for load on demand:
        // - the items 
        // - are there more items in case of paging
        // - status message to be displayed (which is optional)
 
        AdventureWorksDataContext northwind = new AdventureWorksDataContext();
 
 
         
        RadComboBoxData result = new RadComboBoxData();
 
        //Get all items from the Customers table. This query will not be executed untill the ToArray method is called.
        var allCustomers = from customer in northwind.Customers
                           orderby customer.ContactName
                           select new RadComboBoxItemData
                           {
                               Text = customer.ContactName
                           };
 
 
        //In case the user typed something - filter the result set
        string text = context.Text;
        if (!String.IsNullOrEmpty(text))
        {
            allCustomers = allCustomers.Where(item => item.Text.StartsWith(text));
        }
        //Perform the paging
        // - first skip the amount of items already populated
        // - take the next 10 items
        int numberOfItems = context.NumberOfItems;
        var customers = allCustomers.Skip(numberOfItems).Take(10);
 
        //This will execute the database query and return the data as an array of RadComboBoxItemData objects
        result.Items = customers.ToArray();
 
 
        int endOffset = numberOfItems + customers.Count();
        int totalCount = allCustomers.Count();
 
        //Check if all items are populated (this is the last page)
        if (endOffset == totalCount)
            result.EndOfItems = true;
 
        //Initialize the status message
        result.Message = String.Format("Items <b>1</b>-<b>{0}</b> out of <b>{1}</b>",
                                       endOffset, totalCount);
 
        return result;
    }
}



WebConfig:


<service behaviorConfiguration="metadataAndDebug" name="WebApplication1.ComboBoxWcfService">
  <endpoint address="" behaviorConfiguration="WebBehavior" binding="webHttpBinding"
    contract="WebApplication1.ComboBoxWcfService" />
  <endpoint address="mex" binding="mexHttpBinding" contract="IMetadataExchange" />
</service>

ComboBox

answered on 15 Mar 2012

4 answers

161 views

Problem when updating RadGrid with outside dropdown using RadAjaxManager

Hi, I need help for the following problem.

Scenario:
I am trying to update RadGrid with outside dropdown using RadAjaxManager. I need to do this only when the RadGrid is actually included on the page and when the FormTemplate is shown. This "included or not" is determined by page code behind (on the form that contains the grid) using TDs and making them visible or not, which depends on what's selected on the form by the user.

The control where it all is declared is attached (ascx and ascx.cs). This control is loaded dynamically with other controls in one single page. Trying the RadAjaxManager like attached, it gives me the following error:

Microsoft JScript runtime error: Sys.InvalidOperationException: Could not find UpdatePanel with ID 'ctl00_ctl08_ctl00_ctl08_RadGrid1Panel'. If it is being updated dynamically then it must be inside another UpdatePanel.

I suppose this is because the RadGrid is not present yet on the form.
So how can I update the RadGrid from the outer form only when it is present?

Sorry for not attaching classes because they are rather long, but at least here's the xxx declaration:

<telerik:RadAjaxManager ID="RadAjaxManager1" runat="server">
   <AjaxSettings>
        <telerik:AjaxSetting AjaxControlID="ddlMotivoGasto">
            <UpdatedControls>
                <telerik:AjaxUpdatedControl ControlID="RadGrid1" LoadingPanelID="RadAjaxLoadingPanel1" />
                <telerik:AjaxUpdatedControl ControlID="ddlMotivoGasto" />
            </UpdatedControls>
        </telerik:AjaxSetting>
    </AjaxSettings>
</telerik:RadAjaxManager>
<telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server"></telerik:RadAjaxLoadingPanel>

If you need any more code I'll be happy to provide.

Thanks in advance for your kind help.
Regards, Pieter

Grid

answered on 15 Mar 2012

0 answers

56 views

RadGrid virtual Scrolling

Hi Telerik Team,

Will u please respond to this email, I am need of your help.
Please help me.

Thanks
N Aravind

Grid

asked on 15 Mar 2012

2 answers

128 views

RadMaskedTextBox with RegularExpressionValidator in RadInput.Net2

Hi,

We are using "RadInput.Net2.dll" and RadMaskedTextBox for phone number. For validating phone number format as (###) ###-####, we are using RegularExpressionValidator.

Below is the code we used

<radI:RadMaskedTextBox ID="txtPhone" runat="server"></radI:RadMaskedTextBox><br />
<asp:RegularExpressionValidator ID="revOtherPhone" Display="dynamic" ControlToValidate="txtPhone" ValidationExpression ="^($[0-9]\d{2}$|[0-9]\d{2})[- .]?\d{3}[- .]?\d{4}$" ToolTip="Input other phone" ErrorMessage="Enter the correct phone number." runat="server"></asp:RegularExpressionValidator>

The functionality is working fine OnKeyPress event.
But we do not want to display the error message on every key press. We want to display the error message only on tab / mouse out from text box like demo available in "http://demos.telerik.com/aspnet-ajax/input/examples/common/validation/defaultcs.aspx"

But we have used the same code as mentioned in the demo source code. But we are getting the validation message at every key press event instead of tab out.

Iwe could not find out where the RegularExpressionValidator validation event is setup for RadMaskedTextBox key press. Could you please help me to fix this issue?
Thanks in advance.

General Discussions

answered on 15 Mar 2012