Questions on UI for ASP.NET AJAX Forum

0 answers

127 views

How to add Ajax Loading Panel for dynamically adding controls ?

Hello,

I am adding the User Control which contains Tabstrip as well as the grid to the sharepoint webpart page. In the OnInit event of the webpart, I have some custom requirement in the Init event due to that I am unable to add the ajax loading panel and ajax manager in it.Please add the necessary Telerik assembly references, build and deploy the WebPart under SharePoint 2010.Presently which tab has been selected depends on it I will generate Radgrid and add it on the multipage on the tabclick event. In the grid contains 100000 records assigned as a datasource so I need to show the loading panel in the grid. I am dynamically adding radgrid so how could I add loading panel to the radgrid ?

I need to add the loading panel in the tabstrip control when the following events occurs

1. Grid Page Size Changed
2. Grid Page Index Changed
3. At the time of Tabclick Event
4. Filtering the Column in the grid.

I have attached the sample project which replicates the actual requirement.

Could you provide a solution for this issue as soon as possible.So how to add ajax loading panel while dynamically adding grid to the tabstrip ?

Regards
Ramalingam S

ScriptManager and StyleSheetManager

asked on 27 Dec 2011

1 answer

78 views

Grid Column doesn't display more than one space

HI,
In grid i am taken on bound column . In this one row contain name like "Sample Text" but its displaying "Sample Text" . Here Problem is that if have any space in the row values . its displaying only one space .

Problem in Live Demo also Please check below link
http://demos.telerik.com/aspnet-ajax/grid/examples/dataediting/editondblclick/defaultcs.aspx

In this example please double click on row for edit In Product Column having value "Chai" .
i am enter new value like that "Testing double space " but its displaying only single space like that "Testing double space".

Grid

answered on 27 Dec 2011

3 answers

88 views

Issue while implementing scrolling in hierarchical gridview

Hello Telerik team,

I have created a telerik grid and customized it to implement hierarchy (The default Telerik hierarchical gridview does not solve our requirements). Within header template I have included the required column headers and column data within multiple item templates. I am using javascript to implement Expand and collapse functionality.

Now, there is a requirement to implement scrolling within this hierarchical grid. I have enabled the 'AllowScroll' property to 'true' as follows:
<ClientSettings>
<Scrolling AllowScroll="True">
</Scrolling>
</ClientSettings>

this is working fine. but, when I set 'UseStaticHeaders' property to 'true' (to get static headers), the whole content of grid gets shrinked. And on expanding and collapsing multiple tables, the table content gets misaligned with the headers.
Can you help me in implementing scrolling for hierarchical grid views with static headers?
Note: I am using 2009 version of Telerik. Is this issue resolved in any newer version?

Thanks,
Pooja

Grid

answered on 27 Dec 2011

1 answer

477 views

RadGrid in RadGrid (EditMode)

Tengo un problema con el RadGrid de Asp.Net Ajax: ¿Como hago para agregar otro Radgrid en un <EditItemTemplate> de un <telerik:GridTemplateColumn> para que se muestre en Modo Editar del RadGrid?, tengo una formulario de mantenimiento donde uno de los campos hace referencia a una gran tabla de cientos de registros, necesito desplegar estos registros en un Grid para poder paginarlos o hasta filtrarlos para que se le haga más facil al usuario seleccionar el detalle. Gracias

--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------

Translated by Google!:

I have a problem with the RadGrid for Asp.Net Ajax: How do I add another RadGrid in a <telerik:GridTemplateColumn> <EditItemTemplate> to display the Edit Mode RadGrid?, I have a maintenance form where one of fields refers to a big table of hundreds of records, these records need to deploy a grid to page or to filter them to make it easier for users to select the item. thanks

Grid

answered on 27 Dec 2011

1 answer

79 views

Double click problem

Hi,

I have this problem with RadGrid:
1- I have a editable grid with javascript, when a try to make double click the event don't return the initial values from the grid. Also I dont know how to fill my grid without SessionDataSource.

I need help please,

Grid

answered on 27 Dec 2011

6 answers

101 views

Coordinate 2 rotators movement

I have a page that contains 2 rotators that I want to move in sync with each other -- when the top one moves, I want that movement to trigger the movement of the bottom one.

I have set up the code to do this except I cannot seem to address the second rotator. I capture the movement of the first, then try to find the second in the control collection and set it's index -- similar to an example on your site. But every time I try to find the second rotator, I find that I have grabbed a "div" control instead.

Can you tell me what I need to do? This needs to run on pages with and without master pages.

I ahve attached 2 related screen captures below from during execution.

Thanks in advance!

Lynn

<body>

<script type="text/javascript">

function OnClientItemShown(sender, eventArgs) {

var idx = eventArgs.get_item().get_index();

var oRotator = document.getElementById("<%= RadRotator2.ClientID %>");

alert(oRotator);

oRotator.set_currentItemIndex('1');

}

</script>

<form id="form1" runat="server">

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

</telerik:RadScriptManager>

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

</telerik:RadAjaxManager>

<div>

<br /><br />

<telerik:RadRotator runat="server" DataSourceID="xmlDataSource1" ID="rotator1" OnClientItemShown="OnClientItemShown"

ScrollDirection="Left" SlideShowAnimation-Type="Fade" RotatorType="SlideShow"

FrameDuration="6000" Width="955px" ItemWidth="955px" Height="398px" ItemHeight="398px">

<ItemTemplate>

<div class="itemTemplate">

<img src="<%# XPath("Image") %>" alt="<%# XPath("Title") %>" style="border: 0px;" />

</div>

</ItemTemplate>

</telerik:RadRotator>

<br /><br />

<div class="xscrollContainer" >

<telerik:RadRotator runat="server" DataSourceID="xmlDataSource2" ID="RadRotator2" ScrollDirection="Left"

SlideShowAnimation-Type="Fade" RotatorType="SlideShow"

FrameDuration="6000" Width="390px" ItemWidth="390px" Height="30px" ItemHeight="30px">

<ItemTemplate>

<div class="itemTemplate">

<%# XPath("Title") %>

</div>

</ItemTemplate>

</telerik:RadRotator>

</div>

<br /><br />

</div>

<asp:XmlDataSource ID="xmlDataSource1" runat="server" DataFile="photos.xml"></asp:XmlDataSource>

<asp:XmlDataSource ID="xmlDataSource2" runat="server" DataFile="titles.xml"></asp:XmlDataSource>

Rotator

answered on 27 Dec 2011

4 answers

88 views

Implementing CRUD server side

Hi. I'm using the scheduler control and would appreciate some help.

Ultimately I would like to implement a custom form to create and edit events but for now the standard forms are fine. However, the data isn't stored in a simple single table and it would be impossible to write an sql to act as a datasource to load the scheduler.

I can build the data in code behind and bind it. That's fine and I'm ok doing that. However, how do I reference the recordId/datakey in events like appointInsert or appointmentDelete? If I have a recordId (primary key in the underlying table) I obviously want to store that in the Appointment and access it in the update/delete event code.

Thanks

Scheduler

answered on 26 Dec 2011

10 answers

808 views

Proper way to Enable/Disable RadListBox from both client and server side?

Working with version 2009.2.826.20.

I have a RadListBox on a page that I need to enable/disable via javascript. When the page loads, the control defaults to Enabled="False", which seems to work fine. However, in the javascript, there doesn't appear to be a way to enable the control itself directly. The enable/disable functions are on the items only.

So I tried disabling all the items in the RadListBox at load, leaving the control itself enabled. But when the items are disabled, I can't seem to get the client script to enable them (I can get it to work the other way though for some odd reason - disabling items from an enabled state works OK).

This has been a maddening problem today! Seems like there should a simple enable/disable functionality on both the server and the client RadListBox object. Can someone there please provide a working example of how this works?

Thanks,
--nick

ListBox

answered on 26 Dec 2011

2 answers

54 views

User Control javascript event bubbling from RadCombobox

I have a user control with several RadComboBoxes. My user control implements IScriptControl. It also has properties to allow the person using the control to set the handlers for events I am raising from the user control. I would like to handle the events from the comboboxes in my userControl javascript prototype, but I'm having an issue with this code:

_onDropDownSelectedIndexChanged: function(source, e){
if(!this._events) return;
var handler = this._events.getHandler("selectedIndexChanged");
if(handler)
handler(this,e);
}

The problem is the context of "this". I had expected it to be my prototype object, but it's not even though this is defined within my prototype.

Here's my hook up in my initialize:
ddlStore.add_selectedIndexChanged(this._onDropDownSelectedIndexChanged);

Any help or examples would be greatly appreciated.

ComboBox

answered on 26 Dec 2011

2 answers

91 views

RadProgressArea Question

Hi. Here's my scenario:

One RadProgressArea and one RadProgressManager and one button on my aspx page. I want to monitor the call to my simple web service and display time until process is complete.

Here is C# code behind for button onClick event:

public partial class IISProcess : System.Web.UI.Page
{
    protected void Page_Load(object sender, EventArgs e)
    {
        if (!IsPostBack)
        {
            RadProgressArea1.Localization.UploadedFiles = "Completed Steps: ";
            RadProgressArea1.Localization.CurrentFileName = "Step: ";
            RadProgressArea1.Localization.TotalFiles = "Total Steps: ";
        }
    }

    protected void myProgressButton_Click(object sender, EventArgs e)
    {
        UpdateProgressContext();
    }

    private void UpdateProgressContext()
    {
        RadProgressContext progress = RadProgressContext.Current;
        IIS_1 IISWebService = new IIS_1();
        string theOrder = "0038240";
        IISWebService.GetOrdersFromIIS(theOrder);
    }
}

My question is how can I monitor my web service process via the RadProgressArea control ???? What is missing in my code?

Thank You in advance.

Documentation and Tutorials

answered on 26 Dec 2011