Questions on UI for ASP.NET AJAX Forum

1 answer

142 views

Set RadRotator ScrollDirection Client side

Hi,

I am using Telerik RadRotator version 2009.3.1208.20.
I am using ScrollDirection property in user control like below code

<

telerik:RadRotator PauseOnMouseOver="false" ScrollDirection="Left"

ID="BannerRotator" runat="server" OnItemDataBound="BannerRotator_ItemDataBound"

OnClientLoad="onRotatorLoadHandler" >

but i want to set rotator's ScrollDirection inside javascript function client side.

Please provide solution for that.I have checked lot of forum post but did not get any proper example to set it.

Thanks,

Divya

Rotator

answered on 05 Jul 2011

1 answer

45 views

a lot of unnecessary space on the chart

How to get rid of unnecessary space on the chart?

Chart (Obsolete)

answered on 05 Jul 2011

1 answer

66 views

RadGrid in a FormView

Hi All,

I've got a RadGrid inside a formview. In the DataBound event of the formview I need to add the ItemDataBound event handler for the RadGrid. I can find the grid just fine using the formview.FindControl method but once done I cannot see the event in the list of properties and methods for a RadGrid. I was thinking that the below should work:

Dim uxRadGrid As Telerik.Web.UI.RadGrid = DirectCast(uxFormView.FindControl("uxRadGrid"), RadGrid)

uxRadGrid.ItemDataBound += New GridItemEventHandler(uxRadGrid_ItemDataBound)

From c# examples it appears to work but in VB.Net you can't access the event view uxRadGrid.ItemDataBound. How do I work around this? You can't even access the event when trying this outside of a formview.

Regards,

Jon

Grid

answered on 05 Jul 2011

9 answers

230 views

Step through nested sqldatasource in radgrid nestedtemplateview

I have a NestedViewTemplate within a RadGrid. Within the NestedViewTemplate I have two other Rad-grids showing data to the parent RadGrid. I'm using a sqldatasource with storedprocedures to populate the data - both on the parent and the embedded grids. The data is populating just fine for all grids. However, when attempting to update the embedded grid, I get the error message:

Procedure or function 'x' has too many arguments specified.

I was already able to debug the parent sqldatasource becuase I received the same error. I did so following another thread on the forum describing how to identify the sql parameters using the sqldatasource updating event to identify the parameters being passed to the data source as well as the names. However, the Visual Studio 2005 code-behind page doesn't recognize the embedded sqldatasource events. If I manually create it, I get a compile error. How can I set up one to view the parameters being passed?

Grid

answered on 05 Jul 2011

1 answer

237 views

Grid virtual scrolling with 100% height

I implemented the second type of virtual scrolling on the following page.
http://www.telerik.com/help/aspnet-ajax/grid-virtual-scrolling.html
I created a more flexible implementation while adding 100% height functionality.

<!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 runat="server">

<title></title>

<style type="text/css">

html, body, form

{

height: 100%;

width: 100%;

margin: 0px;

padding: 0px;

}

</style>

</head>

<body>

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

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

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

<AjaxSettings>

<telerik:AjaxSetting AjaxControlID="RadGrid1">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="RadGrid1" LoadingPanelID="RadAjaxLoadingPanel1" />

</UpdatedControls>

</telerik:AjaxSetting>

</AjaxSettings>

</telerik:RadAjaxManager>

<telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server" />

<script type="text/javascript">

var activeGrid;

function RadGrid1_OnGridCreated(sender, e) {

activeGrid = sender;

RadGrid1_Resize();

}

function RadGrid1_Resize() {

setTimeout(function () {

if (!activeGrid) return;

var scrollDiv = activeGrid.GridDataDiv;

if (scrollDiv) {

var scrollHeight = document.body.offsetHeight - scrollDiv.offsetTop;

var footer = activeGrid.GridFooterDiv;

if (footer) {

scrollHeight -= footer.offsetHeight;

}

var pager = activeGrid.PagerControl;

if (pager) {

scrollHeight -= pager.offsetHeight;

}

scrollDiv.style.height = scrollHeight - 2 + "px";

}

}, 0);

}

window.onresize = window.onload = RadGrid1_Resize;

function RadGrid1_OnScroll(sender, eventArgs) {

if (eventArgs.isOnBottom) {

var masterTableView = sender.MasterTableView;

if (masterTableView.PageSize * (masterTableView.CurrentPageIndex + 1) < masterTableView.get_virtualItemCount()) {

masterTableView.fireCommand("PageSizeIncrease", "50");

}

</script>

test

<div>

<telerik:RadGrid ID="RadGrid1" runat="server" Height="100%" PageSize="50" AllowPaging="True" AllowCustomPaging="true">

<MasterTableView Width="100%" />

<PagerStyle Visible="false" />

<ClientSettings>

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

<ClientEvents OnGridCreated="RadGrid1_OnGridCreated" OnScroll="RadGrid1_OnScroll" />

</ClientSettings>

</telerik:RadGrid>

</div>

</form>

</body>

</html>

Private Sub RadGrid1_ItemCommand(ByVal sender As Object, ByVal e As Telerik.Web.UI.GridCommandEventArgs) Handles RadGrid1.ItemCommand

Select e.CommandName

Case "PageSizeIncrease"

RadGrid1.PageSize += e.CommandArgument

RadGrid1.Rebind()

End Select

End Sub

Private Sub RadGrid1_NeedDataSource(ByVal sender As Object, ByVal e As Telerik.Web.UI.GridNeedDataSourceEventArgs) Handles RadGrid1.NeedDataSource

Dim Table As New DataTable

Table.Columns.Add(New DataColumn("Id", GetType(Integer)))

Dim nStart As Integer = (RadGrid1.CurrentPageIndex * RadGrid1.PageSize) + 1

Dim nEnd As Integer = (RadGrid1.CurrentPageIndex + 1) * RadGrid1.PageSize

For i As Integer = nStart To nEnd

Dim Row As DataRow = Table.NewRow

Row("Id") = i

Table.Rows.Add(Row)

Next

RadGrid1.DataSource = Table

RadGrid1.VirtualItemCount = "1000"

End Sub

Grid

answered on 05 Jul 2011

1 answer

95 views

Radgrid selected Item to Selected_item table in databas.

Hi Guru's
I am working on the RadGrid control & stuck at a point where I want to basically do the following operation:

I have a button named "Update"
then a radgrid

The requirement is as follow: The user visits the site on load of the page he will see the grid with the selected items that he had selected in his last visit... we have these values from the database,

Now when he selects the new row I have a table in the database named : "userselected" I want that his userID should be added in the list with this new itemno that he has selected..

I am using entity framework to communicate to the database.

thanks in advance
SPTECH

Grid

answered on 05 Jul 2011

2 answers

210 views

radmaskedtextbox ontextchanged

<telerik:RadMaskedTextBox ID="PostalCode" runat="server" Text='<%#Bind("PostalCode")%>' 
                                  Mask="L#L #L#"  OnTextChanged="PostalCode_OnTextChanged" AutoPostBack="true" Width="50" />
I'm having trouble with the ontextchanged event of the radmaskedtextbox.

I enter my postal code into the mask and tab to the next field. It posts back and calls the ontextchanged event.
However, the first time is posts back, the text value is blank "". 
If i enter the postal code a second time, the ontextchanged event picks up the value.

It seems it needs a postback to actually change the value in the  page, but the ontextchanged event runs before the value has been changed.

Is there a workaround for this behaviour?

Input

answered on 05 Jul 2011

3 answers

60 views

TabStrip with Export Grid problem and Submit Form problem

I'm using a tabstrip control with 3 tabs.

- tab 1 is static content - works fine

- tab 2 is a RadGrid (data loads fine, paging is fine, details all fine, however commanditem export doesnt work.
- note i put the same grid in a page by itself (no tabs) and export work just fine.

- tab 3 is a form of user fields with a submit button (in buttonclick event, data is saved to sql db). When debugging form seems to work fine. i can set a break point on ButtonClick and it gets called everytime and data is properly saved. When the page is put on production server buttonClick event doesnt seem to fire. I put the exact same code outside the tabcontrol and it work perfect on production server and debug. buttonclick always fires.

I'm using whatever the newest version of rad controls is, as of this post.

thoughts?

jason

TabStrip

answered on 05 Jul 2011

4 answers

166 views

GridTemplateColumn Cascading RadComboBox Binding

Hello Everyone...

I have a problem Binding ComboBoxes. Here is my example:-
I have a table in my database which has a list of company vehicles. Another table has a complete list of any vehicles ID, vehicleMake, vehicleModel, vehicleEngineSize.

In edit mode the company vehicles can be changed colour etc. Also there are three comboboxes. 1: List all the possible Makes. Ford, Volvo etc. The second all Models and the final one all engine sizes.

So that the user is only able to select the correct combination the boxes load by EnableLoadOnDemand. I used the Telerik help file here: Help File

Ok so my problem comes when I want to update any possible changes.

THIS WORKES:-

<

telerik:GridTemplateColumn DataField="vehicleModel" HeaderText="vehicleModel"

SortExpression="vehicleModel" UniqueName="vehicleModel">

<EditItemTemplate>

<telerik:RadComboBox ID="rcb_vehicleModel" runat="server"

Text='<%#DataBinder.Eval(Container.DataItem,"vehicleModel")%>' EnableLoadOnDemand="True" OnItemsRequested="rcb_vehicleModel_ItemsRequested" AutoPostBack="true">

</telerik:RadComboBox>

</EditItemTemplate>

<ItemTemplate>

<asp:Label ID="lbl_vehicleModel" runat="server" Text='<%# Eval("vehicleModel") %>'></asp:Label>

</ItemTemplate>

<HeaderStyle Width="6em" />

</telerik:GridTemplateColumn

DOES NOT WORK:-

<

telerik:GridTemplateColumn DataField="vehicleModel" HeaderText="vehicleModel"

SortExpression="vehicleModel" UniqueName="vehicleModel">

<EditItemTemplate>

<telerik:RadComboBox ID="rcb_vehicleModel" runat="server" DataSourceID="sqlds_vehicleModel" DataTextField="vehicleModel"

DataValueField="vehicleMake" SelectedValue="<%# bind('vehicleModel') %>" AutoPostBack="True">

</telerik:RadComboBox>

</EditItemTemplate>

<ItemTemplate>

<asp:Label ID="lbl_vehicleModel" runat="server" Text='<%# Eval("vehicleModel") %>'></asp:Label>

</ItemTemplate>

<HeaderStyle Width="6em" />

</telerik:GridTemplateColumn>

As you can see in the first example there is no SelectedValue="<%# bind('vehicleModel') %>" in the above template. If I include this i get the error:-

Databinding methods such as Eval(), XPath(), and Bind() can only be used in the context of a databound control

But without the Bind the changes obviously are not returned to the table

Protected Sub rcb_vehicleModel_ItemsRequested(ByVal sender As Object, ByVal e As RadComboBoxItemsRequestedEventArgs)

Dim editedItem As GridEditableItem = CType(CType(sender, RadComboBox).NamingContainer, GridEditableItem)

Dim ddl_make As RadComboBox = DirectCast(editedItem.FindControl("rcb_vehicleMake"), RadComboBox)

Dim ddl_model As RadComboBox = DirectCast(editedItem.FindControl("rcb_vehicleModel"), RadComboBox)

Dim ddl_vehicleEngine As RadComboBox = DirectCast(editedItem.FindControl("rcb_vehicleEngineSize"), RadComboBox)

Dim SQLstr As String

SQLstr = "SELECT DISTINCT vehicleModel FROM dbo.vehicleTypes WHERE (vehicleMake = '" & ddl_make.SelectedValue.ToString & "')"

' change the data source for ContactTitle with custom code here

sqlds_vehicleModel.SelectCommand = SQLstr

ddl_model.DataValueField = "vehicleModel"

ddl_model.DataTextField = "vehicleModel"

ddl_model.DataSource = sqlds_vehicleModel

ddl_model.DataBind() '********@ERROR HERE AS ABOVE: Databinding methods such as Eval(), XPath(), and Bind() can only be used in the context of a databound control

End Sub

My question therefore is how do I rebind the changes back to the database. I think the error above is because I am calling the Bind to early but I'm not sure... Hopefully someone will have the answer as this problem is driving me mad!!!

Thanx for looking. Marcus

PS Can any code suggestions be in VB pls

Grid

answered on 05 Jul 2011

1 answer

152 views

RadPanelbar Parent item properties

Hi,

I am using RadPanelbar as menu item in my app. The PanelBar is getting created dynamically from the database. I would like to differentiate parent and child menu items. The following is what I would like to do. Please let me how I can get this functionality.

1) User should not be able to click on the Parent item.
2) Add 2 different icons to Parent and Child menu items.

The following is my code.

Public Sub BindPanelBar(ByVal ds As DataSet)
        RadPanelBar1.DataTextField = "description"
        RadPanelBar1.DataNavigateUrlField = ""
        RadPanelBar1.DataFieldID = "id"
        RadPanelBar1.DataFieldParentID = "PARENT_ID"
        RadPanelBar1.DataValueField = "Code"
        RadPanelBar1.DataSource = ds
        RadPanelBar1.DataBind()

End Sub

Protected Sub RadPanelBar1_ItemDataBound(ByVal sender As Object, ByVal e As RadPanelBarEventArgs) Handles RadPanelBar1.ItemDataBound
        Dim row As DataRowView = DirectCast(e.Item.DataItem, DataRowView)
        e.Item.Enabled = [Boolean].Parse(row("enable_status").ToString())
        e.Item.Expanded = True
        e.Item.ToolTip = e.Item.Text

End Sub

Thank you,

PanelBar

answered on 05 Jul 2011