Questions on UI for ASP.NET AJAX Forum

3 answers

239 views

Microsoft JScript runtime error: Object doesn't support this property or method

Hello,

I'm getting this error message (Microsoft JScript runtime error: Object doesn't support this property or method) every time I attempt to retrieve the row selected from the RadGrid control. The error message is thrown after clicking a record in the grid.

I noticed through reading other forms that this may be related to an outdated Telerik.Web.UI reference. Therefore, I have already updated my project Telerik.Web.UI references to the latest version in an attempt to fix this problem. My current Telerik.Web.UI version is 2010.3.1215.40. I'm running Visual Studio 2010.

<script type="text/javascript">
   var grid;

   function RowSelected(rowObject)
   {
   var selRow = this.GetCellByColumnUniqueName(rowObject,"Username"); <------ this is the line that is throwing the error.*
   //here selRow.innerHTML will hold the value for the selected row user name
   }

function GridCreated()
{
  grid = this;
}
</script>

Thanks for your help,

Geoffrey Rees

Grid

answered on 05 Jan 2011

3 answers

235 views

Automatic Trimming in RadGrid

hi,
I am trying to display a Record in RadGrid, which contains some continuous spaces. But in RadGrid it is automatically trimed. For example the record has "s a" but it displays "s a". Is there any property for this or we cannot restrict that.

Grid

answered on 05 Jan 2011

1 answer

76 views

can't close-top bar is hidden

I've tried a few different things and can't seem to get my window to open in the right spot. I have a rad window manager on my page and i call it from several different buttons. It should open a report (which it does), but the window always opens up centered on my screen. When I have a smaller screen, the top is cut off and I can't close the rad window. So my buttons and window manager are on the default.aspx page. I have another page (ReportViewer.aspx) that has the report viewer on it, obviously. Here's the asp code on that page:

<telerik:ReportViewer ID="ReportViewer2" runat="server"

Report="clsMetal.InHouseQuote, clsMetal, Version=1.0.0.0, Culture=neutral, PublicKeyToken=null" >

</telerik:ReportViewer>

And I have code behind that actually calls the report and sends a datasource to it.

On my default page, this is my radwindowmanager:

<telerik:RadWindowManager ID="RadWindowManager2" runat="server" CssClass="RadWindow_Default">

</telerik:RadWindowManager>

nothing fancy or anything like that. The button calls this:

Me.WinManager.Windows.Item(0).VisibleOnPageLoad = True

If I change height/width dimensions on the window or anything, the main window seems to stay the same size, but yes, the actual text and everything changes to the dimensions I set. I want that main window to be smaller and to move it down so the top will always be seen so it can be closed. Any ideas?

Window

answered on 05 Jan 2011

1 answer

105 views

Turn off insertmode on edit?

I am working on a radgrid set to AllowMultiRowEdit="false".
When I click on Edit for a data row, data row goes into Edit mode.
If I clicked on another data row, that data row then goes into Edit mode, and the previous data row is no longer in Edit mode (as should happen).
If I click on 'Add New Row', any data row previously in Edit mode is no longer in Edit mode (as should happen, and that is what I want to see as well).

NOW: with an Insert row on display, if I click 'Edit' on a data row, I now have an Insert row AND a data row in Edit mode.
What I would prefer is for the Insert row to disappear.

Is there a way to do this?

I believe there is a way to do this with NewEditIndex property of ASP.NET grid (or list), but I scoured the radgrid and could not find a property via which to achieve this.

Thank you in advance for input.

Grid

answered on 05 Jan 2011

1 answer

119 views

Prevent resizing

Hi, is there anyway I can prevent the user from resizing the rad window?

Window

answered on 05 Jan 2011

2 answers

121 views

Grid - Add and Edit at same time

Hi.

I'm using a radgridview to insert and edit item. i am using the same user control to edit and insert items

i want show only one control at the same time. for example: if the user touch "insert item"; show the user control to insert item. If the insert control is showing and the user do a click in edit. the user control to insert must be hdie and show the user control to edit.

how can i do this?.

Grid

answered on 05 Jan 2011

3 answers

396 views

telerik:GridBoundColumn

I have entries from a SQL database that I am trying to display in a telerik:GridBoundColumn. The entries are multi-lined, with "\r\n" indicating the end of the line.
When the data displays in my "EditForm" it looks fine, but the RadGrid column itself it does not display the "new lines", it just displays my data in one long string.
Can someone tell me how to make RadGrid columns recognize newline characters?

Thanks
(sorry if this is the wrong place to ask this question, I am very new to telerik)

Code snipit -

<telerik:GridBoundColumn HeaderText="Recovery Steps" DataField="RecoverySteps" UniqueName="RecoverySteps">

</telerik:GridBoundColumn>

Grid

answered on 05 Jan 2011

3 answers

211 views

RadListView custom drag handle definition

Scenario1: I'm trying to set the custom drag handle for the list view items.    I used the below code snippet to my Listview control Image item. The below "onmousedown" event works fine for the first time of page load of Radlistview.

   <ItemTemplate>
       <div class="rlvI">
           <div class="rlvDrag"
            onmousedown="Telerik.Web.UI.RadListView.HandleDrag(event, '<%# Container.OwnerListView.ClientID %>', <%# Container.DisplayIndex%>)">
           </div>
       <div>
   </ItemTemplate>

Isssue: Within application I'm changing the listview data and populating through AJAX method.   After the data gets rebinded in the RadListview the event is not working and not able to drag the items.   Do I need to dynamically set this event for new Listview items at runtime ?    How do I set this "onmousedown" event dynamically in the codebehind while populating the listview ?

Scenario2: Similar issue happens if I use the RadListViewItemDragHandle, it is throwing item_drag is null during the mousedown of the draghandle item for the second time after listview rebind. I'm thinking the item is not set correctly for dynamically changing listview items in both the scenarios.

Any help is much appreciated..

Thanks

ListView

answered on 05 Jan 2011

2 answers

241 views

Added Custom Header Row - How Do I Remove or Suppress the "rgHeader" Css Class from the Generated <TH> Element?

Telerik.Web.UI v2010.3.1109.35

We have a radgrid (Theme/Skin="Windows7") and we've added a custom header row like this:

// ***** Add Grid Header Summary Row *****

GridItem[] header = this.MyWorkRadGrid.MasterTableView.GetItems(GridItemType.Header);

//get the current THead element

GridTHead head = ((GridTHead)header[0].Parent.Controls[1].Parent);

//create a new GridHeaderItem which will be the new row

GridHeaderItem newHeaderItem = new GridHeaderItem(this.MyWorkRadGrid.MasterTableView, 0, 0);

newHeaderItem.Width = Unit.Percentage(100);

newHeaderItem.Height = Unit.Pixel(23);

// Create a cell to hold the toolbar

GridTableHeaderCell newHeaderCell = new

GridTableHeaderCell() { Width = Unit.Percentage(100), HorizontalAlign = HorizontalAlign.Left, VerticalAlign = VerticalAlign.Top };

newHeaderItem.Cells.Add(new GridTableHeaderCell() { Text = "" });

newHeaderCell.ColumnSpan = 5;

newHeaderItem.Width = Unit.Percentage(100);

newHeaderItem.Height = Unit.Pixel(23);

// Create the toolbar

RadToolBar toolBar = new RadToolBar();

toolBar.Height = Unit.Pixel(23);

toolBar.Skin = "Windows7";

toolBar.Width = Unit.Percentage(100);

// Create the toolbar item

RadToolBarButton button = new RadToolBarButton("Contact List");

toolBar.Items.Add(button);

// Add Controls

newHeaderCell.Controls.Add(toolBar);

newHeaderItem.Cells.Add(newHeaderCell);

for (int i = 0; i < head.Controls.Count; i++)

{

// loop through the header controls collection and find the 'row' that has the same type of GridHeaderItem

// Then insert the new row just above it - remember the 0 based index will push the original header row down

if (head.Controls[i].GetType() == newHeaderItem.GetType())

{

head.Controls.AddAt(i, newHeaderItem);

}

In this case, we added a toolbar to the header to be consistent with toolbars we have as headers on a left and right pane that sit next to this grid in the center pane.
The output of this is shown in image "Ex1.jpg" where the text is "Contact List".

The problem is that the new grid header has default padding that ends up surrounding any content you put into it.
See image "Ex2.jpg" where the purple color is the padding surrounding our content (which is a RadToolBar shown in blue shade).

When you look at the output in FireBug, the offending css class is "rgHeader" on the generated <TH> element.
See image "Ex3.jpg" - highlighted in blue.

When I use FireBug to remove that class, the padding is gone and the toolbar takes up the entire space (no more padding) and matches the other toolbars across all RadPanes.
See image "Ex4.jpg" - you can see "Contact List" toolbar text matches the toolbar on the left pane "My Workspace".

We want to keep the Windows7 Themes on the controls but can you show me how to remove or suppress that "rgHeader" class from the generated <TH> element so that we do not have to deal with the left,top,right,bottom padding it generates?

If solution can be done in code-behind, great, give me that.
If solution is style/css based in aspx page, then show me what I need to do/add.

Thanks,
Ray

Grid

answered on 04 Jan 2011

3 answers

657 views

RadGrid ItemStyle Padding-Right

Hi
A bit of a newbie question so should be quick to answer. I have created a radgrid with some columns with numeric data that also have filters. I have aligned these columns right but that leaves my text aligned with the filter symbol. I would like to add right padding to the cells so that the text is indented. I have applied a CssClass which works for font, background etc but I din't have any success when using the padding-right statement. Here is my code:

ASPX

CSS

.ItemCellPad

{

padding-right:10px;

}

What am I doing wrong??

cheers

Michael

Grid

answered on 04 Jan 2011