Telerik Forums
UI for ASP.NET AJAX Forum
1 answer
111 views
Hi,

I have a RadGrid with approximate 8,000 rows. When i perform any functionality (for example, paging, filtering or checking/unchecking the checkbox), it always throws RequestTimeOut Exception. I am not able to perform any of these operations for such large number of rows.

Because of this situation, i am not able to deliver the project to the client.

Kindly suggest me the possible solutions very urgently to overcome this problem.

Kind Regards.
Iana Tsolova
Telerik team
 answered on 18 Jan 2011
7 answers
342 views
Hi,
I am developing a RadGrid in asp.net Ajax which has features same as that of the RadGrid of the Silverlight component. i have comboboxes as cells in my grid and have a code to navigate the grid with arrow keys. 
<telerik:RadGrid AllowMultiRowSelection="True" ID="RadGrid1" runat="server"
        DataSourceID="AccessDataSource1" GridLines="None"
        OnPreRender="RadGrid1_PreRender" AllowFilteringByColumn="True"
        AllowPaging="True" AllowSorting="True" PageSize="5"
        AutoGenerateEditColumn="True">
        <MasterTableView AutoGenerateColumns="False" DataKeyNames="CustomerID" DataSourceID="AccessDataSource1">
            <RowIndicatorColumn Visible="False">
                <HeaderStyle Width="20px" />
            </RowIndicatorColumn>
            <ExpandCollapseColumn Resizable="False" Visible="False">
                <HeaderStyle Width="20px" />
            </ExpandCollapseColumn>
            <Columns>  <%-- removed onkeydown event from all text boxes --%>
                <telerik:GridBoundColumn DataField="CustomerID" HeaderText="CustomerID" ReadOnly="True"
                    SortExpression="CustomerID" UniqueName="CustomerID">
                </telerik:GridBoundColumn>
                <telerik:GridTemplateColumn DataField="CompanyName" HeaderText="CompanyName" SortExpression="CompanyName"
                    UniqueName="CompanyName">
                    <ItemTemplate>
                       
                            <telerik:RadComboBox ID="RadComboBox1" Runat="server"
                                        DataTextField="CompanyName" AllowCustomText="True"
                                                                    DataValueField="CompanyName"
                                        Text="select value" AutoPostBack="True"
        >
        <Items>
            <telerik:RadComboBoxItem runat="server" Text="arr" Value="arr" />
            <telerik:RadComboBoxItem runat="server" Text="dep" Value="dep" />
        </Items>
                                </telerik:RadComboBox>
                             
                    </ItemTemplate>
                </telerik:GridTemplateColumn>
                <telerik:GridTemplateColumn DataField="ContactName" HeaderText="ContactName" SortExpression="ContactName"
                    UniqueName="ContactName">
                    <ItemTemplate>
                        <asp:TextBox ID="box2" runat="server"
                            Text='<%#Eval("ContactName") %>'></asp:TextBox>
                    </ItemTemplate>
                </telerik:GridTemplateColumn>
                <telerik:GridTemplateColumn DataField="ContactTitle" HeaderText="ContactTitle" SortExpression="ContactTitle"
                    UniqueName="ContactTitle">
                    <ItemTemplate>
                        <asp:TextBox ID="box3" runat="server"
                            Text='<%#Eval("ContactTitle") %>'></asp:TextBox>
                    </ItemTemplate>
                </telerik:GridTemplateColumn>
                <telerik:GridTemplateColumn DataField="Address" HeaderText="Address" SortExpression="Address"
                    UniqueName="Address">
                    <ItemTemplate>
                        <asp:TextBox ID="box4" runat="server"
                            Text='<%#Eval("Address") %>'></asp:TextBox>
                    </ItemTemplate>
                </telerik:GridTemplateColumn>
                <telerik:GridTemplateColumn DataField="City" HeaderText="City" SortExpression="City"
                    UniqueName="City">
                     <ItemTemplate>
                        <asp:TextBox ID="box5" runat="server"
                            Text='<%#Eval("City") %>'></asp:TextBox>
                    </ItemTemplate>
                </telerik:GridTemplateColumn>
/Columns>
        </MasterTableView>
        <ClientSettings>
            <Selecting AllowRowSelect="True" />
            <ClientEvents OnKeyPress="keyPress" OnGridCreated="gridCreated" OnRowSelecting="rowSelecting" />
        </ClientSettings>
        <EditItemStyle BackColor="Yellow" />
    </telerik:RadGrid>
 
<script type="text/javascript">
 
        var RadGrid1;
        var columnCounter = 0;
        var rowCounter = 0;
        var currentCell = null;
 
        function getCell(grid) {
 
            var cell;
            var columnName = grid.get_masterTableView().get_columns()[columnCounter].get_uniqueName();
            var row = grid.get_masterTableView().get_dataItems()[rowCounter];
 
            cell = grid.get_masterTableView().getCellByColumnUniqueName(row, columnName);
 
            return cell;
        }
 
        function getColumnName(grid) {
            return grid.get_masterTableView().get_columns()[columnCounter].get_uniqueName();
        }
 
        function handleKeyPress(keyCode) {
 
            if (keyCode == 39) {
 
 
                if (columnCounter < RadGrid1.get_masterTableView().get_columns().length - 1) {
                    if (currentCell != null) {
                        currentCell.className = "";
                    }
 
                    columnCounter++;
 
 
 
                    currentCell = getCell(RadGrid1);
                   
                    currentCell.className = "class1";
 
 
                    if (getColumnName(RadGrid1) == "CustomerID") {
 
 
                        currentCell.className = "class1";
                    }
                    if (getColumnName(RadGrid1) == "CompanyName") {
 
                        
                       
                        $telerik.findElement(currentCell, "RadComboBox1").focus();
                    }
                    if (getColumnName(RadGrid1) == "ContactName") {
 
 
                        $telerik.findElement(currentCell, "box2").focus();
                    }
                    if (getColumnName(RadGrid1) == "ContactTitle") {
 
 
                        $telerik.findElement(currentCell, "box3").focus();
                    }
                    if (getColumnName(RadGrid1) == "Address") {
 
 
                        $telerik.findElement(currentCell, "box4").focus();
                    }
                    if (getColumnName(RadGrid1) == "City") {
 
 
                        $telerik.findElement(currentCell, "box5").focus();
                    }
                    if (getColumnName(RadGrid1) == "Region") {
 
 
                        $telerik.findElement(currentCell, "box6").focus();
                    }
                    if (getColumnName(RadGrid1) == "PostalCode") {
 
 
                        $telerik.findElement(currentCell, "box7").focus();
                    }
                    if (getColumnName(RadGrid1) == "Phone") {
 
 
                        $telerik.findElement(currentCell, "box8").focus();
                    }
                    if (getColumnName(RadGrid1) == "Fax") {
 
 
                        $telerik.findElement(currentCell, "box9").focus();
                    }
                }
            }
 
 
            else if (keyCode == 37) {
                if (currentCell != null) {
                    currentCell.className = "";
                }
 
                if (columnCounter > 0) {
                    columnCounter--;
                    currentCell = getCell(RadGrid1);
                    currentCell.className = "class1";
                }
 
                if (getColumnName(RadGrid1) == "CustomerID") {
 
 
                    currentCell.className = "class1";
                }
                if (getColumnName(RadGrid1) == "CompanyName") {
 
                     
                   $telerik.findElement(currentCell, "RadComboBox1").focus();
                }
                if (getColumnName(RadGrid1) == "ContactName") {
 
 
                    $telerik.findElement(currentCell, "box2").focus();
                }
                if (getColumnName(RadGrid1) == "ContactTitle") {
 
 
                    $telerik.findElement(currentCell, "box3").focus();
                }
                if (getColumnName(RadGrid1) == "Address") {
 
 
                    $telerik.findElement(currentCell, "box4").focus();
                }
                if (getColumnName(RadGrid1) == "City") {
 
 
                    $telerik.findElement(currentCell, "box5").focus();
                }
                if (getColumnName(RadGrid1) == "Region") {
 
 
                    $telerik.findElement(currentCell, "box6").focus();
                }
                if (getColumnName(RadGrid1) == "PostalCode") {
 
 
                    $telerik.findElement(currentCell, "box7").focus();
                }
                if (getColumnName(RadGrid1) == "Phone") {
 
 
                    $telerik.findElement(currentCell, "box8").focus();
                }
                if (getColumnName(RadGrid1) == "Fax") {
 
 
                    $telerik.findElement(currentCell, "box9").focus();
                }
            }
 
 
            else if (keyCode == 38) {
                if (rowCounter > 0) {
                    if (currentCell != null) {
                        currentCell.className = "";
                    }
                    rowCounter--;
 
                    currentCell = getCell(RadGrid1);
                    currentCell.className = "class1";
 
                }
 
                if (getColumnName(RadGrid1) == "CustomerID") {
 
 
                    currentCell.className = "class1";
                }
                if (getColumnName(RadGrid1) == "CompanyName") {
 
                   
                   
                    $telerik.findElement(currentCell, "RadComboBox1").focus();
                }
                if (getColumnName(RadGrid1) == "ContactName") {
 
 
                    $telerik.findElement(currentCell, "box2").focus();
                }
                if (getColumnName(RadGrid1) == "ContactTitle") {
 
 
                    $telerik.findElement(currentCell, "box3").focus();
                }
                if (getColumnName(RadGrid1) == "Address") {
 
 
                    $telerik.findElement(currentCell, "box4").focus();
                }
                if (getColumnName(RadGrid1) == "City") {
 
 
                    $telerik.findElement(currentCell, "box5").focus();
                }
                if (getColumnName(RadGrid1) == "Region") {
 
 
                    $telerik.findElement(currentCell, "box6").focus();
                }
                if (getColumnName(RadGrid1) == "PostalCode") {
 
 
                    $telerik.findElement(currentCell, "box7").focus();
                }
                if (getColumnName(RadGrid1) == "Phone") {
 
 
                    $telerik.findElement(currentCell, "box8").focus();
                }
                if (getColumnName(RadGrid1) == "Fax") {
 
 
                    $telerik.findElement(currentCell, "box9").focus();
                }
            }
 
            else if (keyCode == 40) {
                if (rowCounter < RadGrid1.get_masterTableView().get_dataItems().length - 1) {
                    if (currentCell != null) {
                        currentCell.className = "";
                    }
                    rowCounter++;
                    currentCell = getCell(RadGrid1);
                    currentCell.className = "class1";
                }
 
                if (getColumnName(RadGrid1) == "CustomerID") {
 
 
                    currentCell.className = "class1";
                }
                if (getColumnName(RadGrid1) == "CompanyName") {
 
                     
                   
                    $telerik.findElement(currentCell, "RadComboBox1").focus();
                }
                if (getColumnName(RadGrid1) == "ContactName") {
 
 
                    $telerik.findElement(currentCell, "box2").focus();
                }
                if (getColumnName(RadGrid1) == "ContactTitle") {
 
 
                    $telerik.findElement(currentCell, "box3").focus();
                }
                if (getColumnName(RadGrid1) == "Address") {
 
 
                    $telerik.findElement(currentCell, "box4").focus();
                }
                if (getColumnName(RadGrid1) == "City") {
 
 
                    $telerik.findElement(currentCell, "box5").focus();
                }
                if (getColumnName(RadGrid1) == "Region") {
 
 
                    $telerik.findElement(currentCell, "box6").focus();
                }
                if (getColumnName(RadGrid1) == "PostalCode") {
 
 
                    $telerik.findElement(currentCell, "box7").focus();
                }
                if (getColumnName(RadGrid1) == "Phone") {
 
 
                    $telerik.findElement(currentCell, "box8").focus();
                }
                if (getColumnName(RadGrid1) == "Fax") {
 
 
                    $telerik.findElement(currentCell, "box9").focus();
                }
            }
 
        }
 
        function textBoxKeyPress(e) {
 
            var evt = e ? e : window.event;
            //focus next control in the cell
            //or if not any, continue to next cell.
            handleKeyPress(e.keyCode);
 
        }
 
        function keyPress(sender, args) {
 
            var keyCode = args.get_keyCode();
            handleKeyPress(keyCode);
 
 
        }
 
        function gridCreated(sender, args) {
            RadGrid1 = sender;
            currentCell = RadGrid1.get_masterTableView().getCellByColumnUniqueName(RadGrid1.get_masterTableView().get_dataItems()[0], "CustomerID");
            currentCell.className = "class1";
        }
 
        function rowSelecting() {
            return false;
        }
 
my problem is that on focus of the combobox, i want to navigate through the items in the combobox or in case of a text box edit the item, but as per above code when i press the arrow key i am moved onto next cell. can you please help me out with this?

an alternative solution that would be helpful:
in simple terms i want to have a radGrid in asp.net which has features of the silverlight radgrid controls. that is what i am trying to achieve through above code. A sample code for the same will be very helpful.
Radoslav
Telerik team
 answered on 18 Jan 2011
1 answer
197 views
I have a list of events in the database for certain days. I need to display this on dropdown list inside each days cell in the calender.  I know how to put a dropdown inside the calendar cell
1) but I dont know where and in what event I can loop through the days in the calendar
2) and how to get a reference to the dropdown list in its cell

I looked through the examples but still have not much clue.  any help is appreciated.
Maria Ilieva
Telerik team
 answered on 18 Jan 2011
4 answers
57 views
hi team,

i wish to display the "show 24 hours" as a full stretch throughout the footer.. i.e. the link should be available through all the footer... is it possible?
ganesh
Top achievements
Rank 2
 answered on 18 Jan 2011
1 answer
76 views
Okay - I have created a radWindow before, but did not run into this problem.  Also, this radWindow is a little different as there is no RadGrid within the radWindow.  It is just labels and textboxes for editing.  Here is my  code:  Thank you so much for your help.  When I click edit it opens the radWindow but it does not diplay anything but the title and then 15 seconds later it closes.

Parent page:

 

<

 

telerik:RadCodeBlock ID="RadCodeBlock2" runat="server">

 

 

 

 

 

<script type="text/javascript">
var parent_window = window;

 

 

function openNewVenWin() {
var oWnd1 = radopen("Vendor_Add.aspx", "RadWindow1");
}

 

 

function openEditVenWin(vendorCode) {
var oWnd2 = radopen("Vendor_Edit.aspx?ID=" + vendorCode, "RadWindow2");
}

 

 

function openMaintWin() {
var oWnd3 = radopen("Maintenance.aspx", "RadWindow3");
}

 

 

function CloseOnReload() {
$find(
"<%= RadAjaxManager1.ClientID %>").ajaxRequest();
}

function
confirmDelete(vendor) {
confirm(
"Are you sure that you want to delete " + vendor + "?");
}
</script>
</telerik:RadCodeBlock>

 

<

 

telerik:RadWindowManager ID="RadWindowManager1" ShowContentDuringLoad="false" VisibleStatusbar="false"
ReloadOnShow="true" runat="server" Skin="Sunset">
<Windows>|
<telerik:RadWindow ReloadOnShow="true" ID="RadWindow1"
Width="880px" Height="600px" Title="Add New Vendor" Behaviors="Close, Move, Resize, Maximize"
runat="server" NavigateUrl="Vendor_Add.aspx" Modal="true">
</telerik:RadWindow>
<telerik:RadWindow ReloadOnShow="true" ID="RadWindow2"
Width="880px" Height="600px" Title="Edit Vendor" Behaviors="Close, Move, Resize, Maximize"
runat="server" NavigateUrl="Vendor_Edit.aspx" Modal="true">
</telerik:RadWindow>
<telerik:RadWindow O ReloadOnShow="true" ID="RadWindow3"
Width="880px" Height="600px" Title="Maintenance" Behaviors="Close, Move, Resize, Maximize"
runat="server" NavigateUrl="Maintenance.aspx" Modal="true">
</telerik:RadWindow>
</Windows>
</telerik:RadWindowManager>

This is the button  that I am selecting to open up the radWindow:
<asp:Button ID="editButton" style="text-decoration:none" CommandName="EditButton" runat="server"
Text="Edit" OnClientClick='<%# Eval("VendorCode", "return openEditVenWin(\"{0}\")")%>' >
</asp:Button>

RadAjaxManager on parent page:
<telerik:RadAjaxManager ID="RadAjaxManager1" runat="server">
<AjaxSettings>
<telerik:AjaxSetting AjaxControlID="radGrid">
<UpdatedControls>
<telerik:AjaxUpdatedControl ControlID="radGrid" />
</UpdatedControls>
</telerik:AjaxSetting>
</AjaxSettings>
</telerik:RadAjaxManager>

Child page:

<telerik:RadCodeBlock ID="RadCodeBlock2" runat="server">
<script type="text/javascript">
function GetRadWindow() {
var oWindow = null;
if (window.radWindow)
oWindow = window.radWindow;
else if (window.frameElement.radWindow)
oWindow = window.frameElement.radWindow;
return oWindow;
}

 

 

function closeWin() {
GetRadWindow().close();
}

 

 

function CloseAndRedirect(sender, args) {
GetRadWindow().close();
GetRadWindow().BrowserWindow.location.reload();
GetRadWindow().BrowserWindow.location.href =
'Checklist.aspx'; //Redirect to new url
// //GetRadWindow().BrowserWindow.location.reload('Checklist.aspx');
// GetRadWindow().close(); //closes the window
}

 

 

function confirmDelete(vendor) {
confirm(
"Are you sure that you want to delete " + vendor + "?");
}
</script>
</telerik:RadCodeBlock>

RadAjaxManager on child:
<telerik:RadAjaxManager ID="RadAjaxManager1" runat="server" >
<AjaxSettings>
<telerik:AjaxSetting AjaxControlID="main">
<UpdatedControls>
<telerik:AjaxUpdatedControl ControlID="main" />
<telerik:AjaxUpdatedControl ControlID="blistErrors" />
</UpdatedControls>
</telerik:AjaxSetting>
</AjaxSettings>
</telerik:RadAjaxManager>

 

Svetlina Anati
Telerik team
 answered on 18 Jan 2011
5 answers
120 views

I have a mode in application that uses radeditor where a certain role, call it “user” has no ability to modify content other than through 3 custom “note annotation” buttons on custom tool bar and in the context menu (add note, delete note, modify note).  I figure there are two ways of doing this with radeditor;

1.       Use Design mode and when the ‘user role’ is detected go into design mode remove all the tool bars except the one that has the 3 annotation buttons remove all context menus except the 3 annotation buttons.  I can disable content by catching all keystokes (that I want to catch) in a client side key event handler.  (This mode is the one I’m currently coding to at the moment)

Problems with this method:

1.       I have some bordered colored span tags that the “user role” can grab with the mouse and move around, which I would like to disable.

2.       Some content is in tables and the “user role” can size the borders, which I would like to disable.

3.       All tables even with invisible borders can have their border sized modified by the “user role”

2.       Use Preview mode.  I can enable the three button based on this support article http://www.telerik.com/support/kb/aspnet-ajax/editor/enabling-print-button-in-preview-mode.aspx .  Here there is not the problems listed in #1 but there are other problems introduced;

Problems with this method (so far)

1.       Some html document elements don’t work, like getElementById which is essential for inserting annotations into document

2.       It does not appear that the editor content can be modified by client side programming.

3.       Cursor selection is disabled

If I could overcome the problems for either 1 or 2 I think I could fulfill my “user role” requirement with limited user editing via client/server program control

Thank you for any thoughts on the issue.

Dobromir
Telerik team
 answered on 18 Jan 2011
1 answer
55 views
In My RadGrid there is 3 listbox where user can select multiple option and then he can update his/her data.I have done dropdown with single selection but not listbox with multiple option. I need ur help. When User will update then Id will be save to database.How Can I find value of selected text.Please Help me. Asp.net3.5.
Princy
Top achievements
Rank 2
 answered on 18 Jan 2011
3 answers
192 views
I'm running VS2010
I have an existing web project
When I open a web form in which I want to place a control I see all the standard web form controls but no Telerik.
I tried launching the Toolbox Configurator and then tell it to install the v.2010.3.1215.40 [Installation Folder] [Trial]
After relaunching they were in the toolbox for a second but when I opened it again they were gone.
Now they never appear after running the configurator.  Even if I exit and relaunch VS 2010;
Petar
Telerik team
 answered on 18 Jan 2011
3 answers
134 views
Howdy,

I am looking for more info on the Custom Links drop-down used on the editor control.  I am adding a bunch of custom links to the control and everything is working great. However, the link display is not the best.  The value of the Name property on some of the links is fairly long (30+ chars) and these links are one to two levels deep in the drop-down (I have the links in two levels of categories) which means there is white space to the left of the link names.  

When the link is long, the link that follows the long one is indented and does not look proper. Can I control how the links are displayed (ie no wrap)? Can I get rid of the unwanted indention? I have not seen any example of nested links with long text. Also can I control the width of the drop-down area, so that the control width remain normal in the toolbar, but the drop-down is large to handle the long link name?

Thanks,
Seth
Dobromir
Telerik team
 answered on 18 Jan 2011
1 answer
111 views
Hello,

I have a simple drop down:

<div style="margin: 0 0 15px 0;"><b>Available User(s):</b>
<telerik:RadComboBox ID="rcbApprovalUsers" runat="server" MarkFirstMatch="true" AllowCustomText="false"
    Filter="Contains" Width="250px" />
</div>

void rcbApprovalUsers_DataBinding(object sender, EventArgs e)
{
    List<ApproverInfo> unassignedApprovalUsers =
        CustomerFactory.ApprovalForwardingGetUnassigned(ECISite.ID, Master.ECICustomer.ID, Master.ECISession.AccountInfo.AccountNumber);
 
    rcbApprovalUsers.Visible = bAddApprover.Visible = (unassignedApprovalUsers.Count != 0);
    lNoApproversAvailable.Visible = (unassignedApprovalUsers.Count == 0);
 
 
    if (unassignedApprovalUsers.Count > 0)
    {
        rcbApprovalUsers.DataSource = unassignedApprovalUsers;
        rcbApprovalUsers.DataTextField = "UserInfo";
        rcbApprovalUsers.DataValueField = "CustomerID";
        rcbApprovalUsers.SelectedValue = unassignedApprovalUsers[0].CustomerID.ToString();
    }
}

If I click on this drop-down I see the following behaviors:

1) Text for selected value is highlighted.
2) Combo box expands to display values
3) On typing values the values filter to those containing the typed text

However, if I tab to this drop-down the behavior is different.  The combo box won't expand when I start typing and the only way to make this happen is to physically click on the combo box.

Is there a way to make the combo box expand when they start typing regardless of whether they tabbed or clicked to it?  Basically I would like the user to be able to see the available values containing their typed text without having to click the drop-down.

Thanks,
Andy
Kate
Telerik team
 answered on 18 Jan 2011
Narrow your results
Selected tags
Tags
+? more
Top users last month
Bohdan
Top achievements
Rank 3
Iron
Iron
Iron
Rob
Top achievements
Rank 3
Bronze
Bronze
Iron
Elliot
Top achievements
Rank 1
Iron
Iron
Iron
Sunil
Top achievements
Rank 1
Cynthia
Top achievements
Rank 1
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Bohdan
Top achievements
Rank 3
Iron
Iron
Iron
Rob
Top achievements
Rank 3
Bronze
Bronze
Iron
Elliot
Top achievements
Rank 1
Iron
Iron
Iron
Sunil
Top achievements
Rank 1
Cynthia
Top achievements
Rank 1
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?