Questions on UI for ASP.NET AJAX Forum

2 answers

184 views

Hi All,
I am using Rad grid control inorder to disply some data.
The amount of data is very large therefore I am using virtual scrolling (slider type).
This data need to be refresh every 5 secounds, that's mean that the table itself is refreshed (give it a new data source).
Due to this high (but required) refresh rate, it is almost impossible to work with the table itself, can not scroll (the refresh is cancelling my scroll), can not filter or sort (each refresh clear the tables fileters) and the all table flicker and it is not smooth.
If any one have an idea, what is the best way to overcome those issues I will be gald to hear.
Thanks,
Hagay.

Grid

answered on 23 Sep 2009

3 answers

158 views

Rad Slider not appearing over Content

Hi There,

Im trying to get a RadSplitter going where if the user mouse overs a sliding zone tab I want a panel to slide out and cover some content with the sliding pane content however it doesn't seem to allow the sliding pane to go over the content area and doesn't go past the sliding bar as in the example on http://demos.telerik.com/aspnet-ajax/Splitter/Examples/SP_FirstLook/DefaultCS.aspx

The code I have is:

    
            <%@ Page Language="C#" AutoEventWireup="true"  CodeFile="Default.aspx.cs" Inherits="_Default" %> 
        
            <%@ Register Assembly="RadSplitter.Net2" Namespace="Telerik.WebControls" TagPrefix="telerik" %> 
        
            <%@ Register Assembly="System.Web.Extensions, Version=1.0.61025.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35" 
        
                Namespace="System.Web.UI" TagPrefix="asp" %> 
        
            <html > 
        
            <head id="Head1" runat="server">  
        
            </head> 
        
            <body class="BODY">  
        
                <form id="Form1" method="post" runat="server">  
        
                    <asp:ScriptManager ID="ScriptManager" runat="server" /> 
        
                    <br /> 
        
                    <telerik:RadSplitter ID="RadSplitter1" runat="server" Width="700" Height="500">  
        
                        <telerik:RadPane ID="LeftPane" runat="server" Width="22" Scrolling="none" Locked="true">  
        
                            <telerik:RadSlidingZone ID="SlidingZone1" runat="server" Width="22">  
        
                                <telerik:RadSlidingPane ID="RadSlidingPane1" Title="Pane1" runat="server" Width="150">  
        
                                    Pane 1 Content  
        
                                </telerik:RadSlidingPane> 
        
                            </telerik:RadSlidingZone> 
        
                        </telerik:RadPane> 
        
                        <telerik:RadSplitBar ID="Radsplitbar1" runat="server"></telerik:RadSplitBar> 
        
                        <telerik:RadPane ID="MiddlePane1" runat="server" Scrolling="None">  
        
                           Main Content  
        
                        </telerik:RadPane> 
        
                    </telerik:RadSplitter> 
        
                    <br /> 
        
                </form> 
        
            </body> 
        
            </html>

As a test I then copied the code from http://demos.telerik.com/aspnet-ajax/Splitter/Examples/SP_FirstLook/DefaultCS.aspx and pasted into a blank VS2005 web site solution and none of the sliding zones slide out over the content as in the demo either. I'm using IE 7. Am i missing something here?

Splitter

answered on 23 Sep 2009

1 answer

103 views

RADGrid with filtering and Radcombo, JS Error: Unknown runtime error

I'm having a bit of a cow with 2009 R2 of asp.net controls. The problem seems to be specific to IE8 (developer mode set to IE8 Standards). Changing it to IE7 the problem goes away!

To throw the error i have to select a comboxbox twice and then click into one of the filter fields...number (id) or dob, strangely forenames and surname is fine! Anyway, I get the following error...

Line: 465
Error: Unknown runtime error

If i debug the telerik JS it fails on this line

465: this._textBoxElement.select();

Please review the following code, this is mostly taken from the online demos!

the code behind uses a simple datatable as the datasource which I bound using RadGrid1_NeedDataSource (again as in demo)

<

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

<telerik:RadCodeBlock ID="RadCodeBlock1" runat="server">

<!--

function RowSelected(sender, args) {

document.getElementById(

"<%= Label1.ClientID %>").innerHTML = "<b>ID: </b>" + args.getDataKeyValue("number");

}

-->

</script>

</telerik:RadCodeBlock>

<asp:ScriptManager ID="ScriptManager1" runat="server">

</asp:ScriptManager>

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

<telerik:AjaxSetting AjaxControlID="RadGrid1">

<telerik:AjaxUpdatedControl ControlID="RadGrid1" />

</UpdatedControls>

</telerik:AjaxSetting>

</AjaxSettings>

</telerik:RadAjaxManager>

<telerik:RadCodeBlock runat="server" ID="radCodeBlock">

function showFilterItem(){

$find(

'<%=RadGrid1.ClientID %>').get_masterTableView().showFilterItem();

}

function hideFilterItem(){

$find(

'<%=RadGrid1.ClientID %>').get_masterTableView().hideFilterItem();

}

</script>

</telerik:RadCodeBlock>

<div>

Show filtering item

</div>

<br/>

<telerik:RadGrid AutoGenerateColumns="false" ID="RadGrid1"

Width="760px" AllowFilteringByColumn="True" AllowSorting="True"

PageSize="15" ShowStatusBar="true" ShowFooter="True" AllowPaging="True" runat="server"

GridLines="None" EnableLinqExpressions="false" OnNeedDataSource="RadGrid1_NeedDataSource">

</ClientSettings>

<MasterTableView AutoGenerateColumns="false" EditMode="InPlace" AllowFilteringByColumn="True"

ShowFooter="True" TableLayout="Auto" AllowMultiColumnSorting="true" ClientDataKeyNames="number">

<telerik:GridNumericColumn DataField="number" AutoPostBackOnFilter="true" HeaderText="id" SortExpression="number"

UniqueName="number" FilterControlWidth="40px" CurrentFilterFunction="equalto" ShowFilterIcon="true">

</telerik:GridNumericColumn>

<telerik:GridBoundColumn FilterControlWidth="50px" DataField="title" HeaderText="title" SortExpression="title"

UniqueName="title" CurrentFilterFunction="Contains">

<telerik:RadComboBox ID="RadComboBoxTitle" DataTextFormatString="" DataTextField="title"

DataValueField="title" SelectedValue='<%# ((GridItem)Container).OwnerTableView.GetColumn("title").CurrentFilterValue %>'

runat="server" OnClientSelectedIndexChanged="TitleIndexChanged">

<Items>

<telerik:RadComboBoxItem Text="All" />

<telerik:RadComboBoxItem Text="Mr" Value="Mr" />

<telerik:RadComboBoxItem Text="Mrs" Value="Mrs" />

<telerik:RadComboBoxItem Text="Ms" Value="Ms" />

<telerik:RadComboBoxItem Text="Miss" Value="Miss" />

<telerik:RadComboBoxItem Text="Dr" Value="Dr" />

</Items>

</telerik:RadComboBox>

<telerik:RadScriptBlock ID="RadScriptBlock2" runat="server">

function TitleIndexChanged(sender, args) {

var tableView = $find("<%# ((GridItem)Container).OwnerTableView.ClientID %>");

tableView.filter(

"title", args.get_item().get_value(), "EqualTo");

}

</script>

</telerik:RadScriptBlock>

</FilterTemplate>

</telerik:GridBoundColumn>

<telerik:GridBoundColumn FilterControlWidth="50px" DataField="forenames" HeaderText="forenames" SortExpression="forenames"

UniqueName="forenames">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn FilterControlWidth="120px" DataField="surname" HeaderText="surname" SortExpression="surname"

UniqueName="surname">

</telerik:GridBoundColumn>

<telerik:GridDateTimeColumn FilterControlWidth="100px" DataField="dob" HeaderText="dob" SortExpression="dob"

UniqueName="dob" PickerType="DatePicker" DataFormatString="{0:D}" DataType="System.DateTime">

</telerik:GridDateTimeColumn>

<telerik:GridBoundColumn FilterControlWidth="50px" DataField="sex" HeaderText="sex" SortExpression="sex"

UniqueName="sex" CurrentFilterFunction="Contains">

<telerik:RadComboBox ID="RadComboBoxSex" DataTextFormatString="" DataTextField="sex"

DataValueField="sex" Width="75px" AppendDataBoundItems="true" SelectedValue='<%# ((GridItem)Container).OwnerTableView.GetColumn("sex").CurrentFilterValue %>'

runat="server" OnClientSelectedIndexChanged="SexIndexChanged">

<Items>

<telerik:RadComboBoxItem Text="All" />

<telerik:RadComboBoxItem Text="Male" Value="Male" />

<telerik:RadComboBoxItem Text="Female" Value="Female" />

</Items>

</telerik:RadComboBox>

<telerik:RadScriptBlock ID="RadScriptBlock1" runat="server">

function SexIndexChanged(sender, args) {

var tableView = $find("<%# ((GridItem)Container).OwnerTableView.ClientID %>");

tableView.filter(

"sex", args.get_item().get_value(), "EqualTo");

}

</script>

</telerik:RadScriptBlock>

</FilterTemplate>

</telerik:GridBoundColumn>

</Columns>

</MasterTableView>

</ClientSettings>

</telerik:RadGrid>

<br />

<asp:Label ID="Label1" runat="server"></asp:Label>

<asp:Button Text="PostBack" runat="server" ID="Button1" CssClass="button" style="margin:0 20px 0;" />

Click "PostBack" to see the state of the grid is preserved.

</form>

Grid

answered on 23 Sep 2009

1 answer

215 views

treeview checkstate always Unchecked

I have following radtreeview defined

<telerik:RadTreeView ID="tvGroups" runat="server" TriStateCheckBoxes="true" CheckBoxes="true" OnClientNodeChecked="nodeChecked" >
        </telerik:RadTreeView>

On the server I have the following code.
foreach (RadTreeNode node in tvGroups.CheckedNodes)
            {
                Trace.Warn("Value: " + node.Value + ":: Text: " + node.Text +" :: Checked: " + node.Checked.ToString() + ":: CheckedState: " + node.CheckState.ToString());
                if (node.CheckState == TreeNodeCheckState.Checked)
                {
                      //Do something only if the Checkbox is checked.
                      //Ignore if its indeteminate.
                }
            }

The problem is that the CheckState is always Unchecked. I am not sure what I am doing wrong.

THanks

TreeView

answered on 23 Sep 2009

7 answers

459 views

Group on DateTime Column

I have a grid that has a datetime field in it. The field shows the date and the corresponding time and is a valid date. I now want to group on this field, however, my grouping i want to be at the "Date" portion of the date, not the "Date and Time." Can this be done?

If so, how would this work and where would i put the corresponding format expression.

Grid

answered on 23 Sep 2009

6 answers

419 views

Validation Summary in rad window

is there any way to show validation summary in radwindow or rad alert?

Window

answered on 23 Sep 2009

1 answer

156 views

Rad Editor edit at runtime

Hi

I need to edit radeditor control at runtime in edit form?

I am binding radeditor as

radeditor.content = Session["html"].tostring();
Session["html"] has the page content and images.

Now I need to add few text in radeditor body and send a mail.

How it is poassibel?

Please suggest me.

Thanks
Vikas

UI for ASP.NET AJAX in ASP.NET MVC

answered on 23 Sep 2009

2 answers

62 views

Show Selection on Menu

How can I highlite the currenty selected menu in the radmenu ASP.NET control. e.g. like the community menu is currently selected on this site. Seems it should be a simple option but I cant find anything. I have no problem showing selected item in Radtree and tabstrip.

General Discussions

answered on 23 Sep 2009

3 answers

236 views

[Solved] Radwindow as a splash screen

Hi,

I want to configure Radwindow as a clickable splash screen.

I have

<telerik:RadWindow ID="RadWindow1" VisibleOnPageLoad="true" Modal="True" NavigateUrl="~/images/splash.png" runat="server" VisibleStatusBar="False" VisibleTitleBar="False" Width="650" Height="500">
</telerik:RadWindow>

Some questions:
Is there a way to make the whole Radwindow object clickable?
When applying VisibleTitleBar="False the top part of the Radwindow has no corner images. Must I use custom skin to alter this?

Window

answered on 23 Sep 2009

2 answers

149 views

Skip multiple frames?

Hi, I have a rotator setup with the following settings:

rotatorType="ButtonsOver" Width="690px" Height="120px" itemHeight="120px" itemWidth="220px"

so the rotator is showing 3 items in view at any particular point and is databound to 10-20 items.

Currently, if the user hovers a button to move the rotator, it moves one frame to the left. This isn't great in my scenario as I'm showing 3 frames at a time. Is there a way to make rotator move 3 frames to the left on buttonover instead of the default 1 frame?

Thanks,
Matt

Rotator

answered on 23 Sep 2009