Questions on UI for ASP.NET AJAX Forum

1 answer

93 views

Hello,
I have a radgrid like in page http://www.bankofgreece.gr/Pages/el/Markets/Isotimies/deltia.aspx?Filter_by=15&Year=2000
The grid now is
1
2
3
4
5
6
7
8
9
10.
Because they are many dates and only one column, I would like to show them in rows, like
1 2 3 4
5 6 7 8
9 10 11 12
Is this possible?
Thank you

Grid

answered on 23 Apr 2009

1 answer

72 views

RadUploadProgressHandler error

A developer that was fired for doing a really bad job developed part of our internal CRM application using Telerik. Over the last week we have encountered an error message that says the following:
RadUpload Ajax callback error.Source url returned error:2

Is this something that can solved easily or does one need to be a Telerik developer?

Upload (Obsolete)

answered on 23 Apr 2009

1 answer

80 views

RAD AJAX Tutorial RadGridClientSideAPI example

In the RadGridClientSideAPI example the Grid's onRowCreated client event is only firing for the first 11 rows. Thus rows 12 through 15 are not getting the class set nor events wired up. I am using version=2009.1.402.35.

Documentation and Tutorials

answered on 23 Apr 2009

2 answers

164 views

Can't change pages without losing data

I have a RADGrid on my site.

It is bound to a datatable, which is populated by a stored procedure (just selecting all the fields from a table in Sql Server).

There are 78 records in the table. There are 78 records in RADGrid. On each page of the grid, I cannot show this many records. This is fine, but if I go to the next page, the actual content is missing and all I see is just the title bar (drag category here to filter, or something). What (if anything) do I need to do to enable paging? Assuming this is causing the issue. If I go back to the previous page (page 1), there is nothing there.

I am also using RADAjaxPanel but I get the same problem without it.

How can I fix this?

Grid

answered on 23 Apr 2009

2 answers

129 views

[Solved] different row heights in different views

Hi,

Where can I apply this to work:

if (this.RadScheduler1.SelectedView == SchedulerViewType.DayView)

RadScheduler1.RowHeight = 50;

The other views can maintain their own height.

thanks,
LP, Luka

Scheduler

answered on 23 Apr 2009

1 answer

239 views

Dynamically change the RadGrid Page Size

Hi,

I have many pages using RadGrid and default page size is 10 and setup design time.

Now i have a new requirement to set the page size dynamically. so i need to set the RadGrid.PageSize in every single page load.

Is there a way to setup at one place to change all the RadGrid's page size?

Thanks,
Alex

Grid

answered on 23 Apr 2009

1 answer

155 views

Multiple Grids

Grid

answered on 23 Apr 2009

1 answer

132 views

javascript breaks when ajax enabled

I have the an aspx containing the RadAjaxManager, ScriptManager with Panel into which I load various user controls.

One of my usercontrols loads a treeview into a div which is hidden and I have hyperlink to show and hide the div using javascript.

The entire Panel where the user control is loaded is ajaxed through the ajaxmanager.

When I turn off ajax, everything works fine but when Ajax is enabled it says that my function name is undefined for the treeview event OnClientNodeClicking. Also my own javascript function to open the div also says Object Expected (yet all works fine when ajax is disabled).

I've wrapped the javascript in a RadScriptBlock Tag too, and I've used Fiddler2 to examine the output and these functions are there.

I expect this is something trivial but I can't think what else to try, so hoping someone else has some ideas.

This is my javascript, which is at the bottom of my usercontrol.

    
            <telerik:radscriptblock runat="server" ID="rsbEditNewsCategories">  
        
            <script type="text/javascript" language="javascript">  
        
            function TogglePageSelector(event)  
        
            {  
        
            var ChangeLinkPage = document.getElementById("divChangeLinkPage");  
        
            var posx = 0;  
        
            var posy = 0;  
        
            posx = mouseX(event);  
        
            posy = mouseY(event);  
        
            if (ChangeLinkPage.style.display == 'block') {  
        
                ChangeLinkPage.style.display = 'none';}  
        
            else {  
        
                ChangeLinkPage.style.display = 'block';  
        
                ChangeLinkPage.style.top = posy+10+'px';  
        
                ChangeLinkPage.style.left = posx +'px';}  
        
            }  
        
            function SavePageNodeValue(sender, eventArgs)  
        
            {  
        
            var HiddenTextBox = document.getElementById("<%= txttvPageLinks_NodeClicked.ClientID %>");  
        
            var CurrentPageName =  document.getElementById("<%= txtDefaultPageName.ClientID %>");  
        
            var ChangeLinkPage = document.getElementById("divChangeLinkPage");  
        
            var node = eventArgs.get_node();  
        
            HiddenTextBox.value = node.get_value();  
        
            CurrentPageName.value = node.get_text();  
        
            ChangeLinkPage.style.display = 'none';  
        
            }  
        
            function OnPageNodeExpanded(sender, eventArgs)  
        
            {  
        
                var ChangeLinkPage = document.getElementById("divChangeLinkPage");  
        
                ChangeLinkPage.style.display = 'block';  
        
            }  
        
            function mouseX(evt) {  
        
            if (evt.pageX) return evt.pageX;  
        
            else if (evt.clientX)  
        
               return evt.clientX + (document.documentElement.scrollLeft ?  
        
               document.documentElement.scrollLeft :  
        
               document.body.scrollLeft);  
        
            else return null;  
        
            }  
        
            function mouseY(evt) {  
        
            if (evt.pageY) return evt.pageY;  
        
            else if (evt.clientY)  
        
               return evt.clientY + (document.documentElement.scrollTop ?  
        
               document.documentElement.scrollTop :  
        
               document.body.scrollTop);  
        
            else return null;  
        
            }  
        
            </script>  
        
            </telerik:radscriptblock>

Ajax

answered on 23 Apr 2009

2 answers

138 views

[Solved] Scheduler styles: Problem using pre-defined styles

Hi all,
i search for this feature/troubleshooting without find what i need.

In the appearance -setting -appointment -style, Telerik writes that there are 10 css class to set the appointment style. I follow the guide, and the result is good, but I can't use all the 10 styles. Then the lost styles will be set to default style, and this is bad.

The usable styles are bold:

rsCategoryDarkBlue
rsCategoryBlue
rsCategoryDarkGreen
rsCategoryGreen
rsCategoryDarkRed
rsCategoryOrange
rsCategoryPink
rsCategoryRed
rsCategoryViolet
rsCategoryYellow

I don't understand if i must implement the lost styles by my self, or if i must do something else to use it.
Can you help me?

Thanks

Ellis

Scheduler

answered on 23 Apr 2009

1 answer

114 views

Postback removes template columns

Hi,

I am dynamically creating a radgrid as,

protected

void Page_Load(object sender, EventArgs e)

{

if (!Page.IsPostBack)

{

rgTest.AutoGenerateColumns =

false;

GridBoundColumn boundColumn;

GridButtonColumn btnColOk;

GridButtonColumn btnColCancel;

GridTemplateColumn templateColumn;

dt = GetDataSource();

ViewState[

"dt"] = dt;

for (int i = 0; i < dt.Columns.Count - 1; i++)

{

if (i == 0)

{

boundColumn =

new GridBoundColumn();

rgTest.MasterTableView.Columns.Add(boundColumn);

boundColumn.DataField = dt.Columns[i].ColumnName;

boundColumn.HeaderText = dt.Columns[i].ColumnName;

}

if (i > 0)

{

templateColumn =

new GridTemplateColumn();

rgTest.MasterTableView.Columns.Add(templateColumn);

templateColumn.ItemTemplate =

new GridTemplate(dt.Columns[i].ColumnName);

templateColumn.HeaderText = dt.Columns[i].ColumnName;

templateColumn.DataField = dt.Columns[i].ColumnName;

btnColOk =

new GridButtonColumn();

rgTest.MasterTableView.Columns.Add(btnColOk);

btnColOk.UniqueName =

"btnColOk";

btnColOk.ButtonType =

GridButtonColumnType.ImageButton;

btnColOk.ImageUrl =

@"~\Images\tick.png";

btnColOk.CommandName =

"btnColOk_Click";

btnColCancel =

new GridButtonColumn();

rgTest.MasterTableView.Columns.Add(btnColCancel);

btnColCancel.ButtonType =

GridButtonColumnType.ImageButton;

btnColCancel.ImageUrl =

@"~\Images\delete.png";

btnColCancel.Visible =

false;

}

}

It works perfect. But when i click on the image button, the postback removes all template columns?

Can anyone help, what am i doing wrong?

Thanks

Grid

answered on 23 Apr 2009

	<telerik:radscriptblock runat="server" ID="rsbEditNewsCategories">
	<script type="text/javascript" language="javascript">
	function TogglePageSelector(event)
	{
	var ChangeLinkPage = document.getElementById("divChangeLinkPage");
	var posx = 0;
	var posy = 0;

	posx = mouseX(event);
	posy = mouseY(event);


	if (ChangeLinkPage.style.display == 'block') {
	ChangeLinkPage.style.display = 'none';}
	else {
	ChangeLinkPage.style.display = 'block';
	ChangeLinkPage.style.top = posy+10+'px';
	ChangeLinkPage.style.left = posx +'px';}
	}


	function SavePageNodeValue(sender, eventArgs)
	{
	var HiddenTextBox = document.getElementById("<%= txttvPageLinks_NodeClicked.ClientID %>");
	var CurrentPageName = document.getElementById("<%= txtDefaultPageName.ClientID %>");
	var ChangeLinkPage = document.getElementById("divChangeLinkPage");
	var node = eventArgs.get_node();

	HiddenTextBox.value = node.get_value();
	CurrentPageName.value = node.get_text();
	ChangeLinkPage.style.display = 'none';
	}

	function OnPageNodeExpanded(sender, eventArgs)
	{
	var ChangeLinkPage = document.getElementById("divChangeLinkPage");
	ChangeLinkPage.style.display = 'block';
	}


	function mouseX(evt) {
	if (evt.pageX) return evt.pageX;
	else if (evt.clientX)
	return evt.clientX + (document.documentElement.scrollLeft ?
	document.documentElement.scrollLeft :
	document.body.scrollLeft);
	else return null;
	}
	function mouseY(evt) {
	if (evt.pageY) return evt.pageY;
	else if (evt.clientY)
	return evt.clientY + (document.documentElement.scrollTop ?
	document.documentElement.scrollTop :
	document.body.scrollTop);
	else return null;
	}

	</script>
	</telerik:radscriptblock>