Telerik Forums
UI for ASP.NET AJAX Forum
4 answers
158 views
Hi all,
   I'm using outlook type RadGrid for grouping of my records based on certain status. here I'm having couple of doubts.
       1) when I select a row through mouse, and I click the cancel linkbutton the selected row in Grid should be deselected. I tried lot of examples available in forums. but no one is working fine. May be the problem with the type of Grid that I'm using.
       2) I can navigate the records through the arrow keys. It makes me happy... but when i press Enter key on the certain row, I can handle the functionality based on selected row in server side. But here, inline form is opening. I dont want to open the form. Instead, I want to call a server side method.
    
     Hope this problem can be solved easily in Telerik controls.

    Happy coding...:)

    Thanks in advance
    Prabhu.K
Shinu
Top achievements
Rank 2
 answered on 30 Jan 2009
1 answer
774 views

Hi,

I would like to make a grid where both columns and rows are data from my database and where the cells are values, sums, based on the grouping from the row and the column. That is, if I had different products as columns, and salespersons as rows I would like the cells to enter the sum of the sales for the corresponding salesperson and product.

Is this possible using RadGrid control?

Thanks,
Alex

Princy
Top achievements
Rank 2
 answered on 30 Jan 2009
3 answers
257 views
I am loading approx. 700 records into a radCombo control. I am using LoadOnDemand to do this, but virtual paging is disabled so all 700 records are loaded in one hit. ShowWhileLoading is set to false and item caching disabled.

When the load occurs, the Loading... message is shown at first. This disappears, some data is displayed but the drop down part of the combo becomes unresponsive. It takes a few seconds for it to respond again. This is a big problem as it appears as if the control has finished loading, so users try to select items from the list or scroll up/down. However nothing happens for a few seconds then all their actions occur at once, resulting in list moving up/down repeatedly, random items being selected etc (depending on what user did whilst control was frozen).

I've tried to hook into the client side events to enable a "please wait" message to be shown. However, the OnClientItemsRequested and OnClientDropDownOpened events fire before the control freezes. There is no way programatically I can detect when the control "comes back to life".

The simplistic answers such as reducing data or paging are not an option. Our business requirements prevent us from being able to use virtual paging, reducing the number of items in the list or enabling item caching.

From my understanding, the control should have finished loading before it is displayed. However, it looks like the rendering of so many items is the cause of the "freeze", not the load of the data. The expected behaviour would be for the rendering to complete first, before the data is displayed. The behaviour at present is seen as a showstopper and may prevent us from using the radCombo control at all. Is it possible that this could be looked at, with regard to getting a hotfix for this?

Thanks.


Princy
Top achievements
Rank 2
 answered on 30 Jan 2009
4 answers
129 views
I have a strange issue that I am hoping for some guidance on.

I have two UserControls on my page, one contains a RadGrid inside a RadAjaxPanel and the other has an upload control.

My problem is that whenever I "Page" the RadGrid, a new button is created dynamically inside my RadUpload DIV.

<%@ Control Language="VB" AutoEventWireup="false" CodeFile="Admin_BizForSale_ValueProUploader.ascx.vb" Inherits="App_Controls_Admin_BizForSale_ValueProUploader" %> 
<%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %> 
    <script language="javascript" type="text/javascript">  
        function checkJavaScriptValidity() {  
            document.getElementById("jsEnabled").style.visibility = 'visible';  
            document.getElementById("jsDisabled").style.visibility = 'hidden';  
            document.getElementById("jsDisabled").style.display = 'none';  
        }  
    </script> 
          
      
<div class="customheader">Upload ValuePro</div> 
<div class="panelbody_bottom">  
    <table> 
        <tr> 
            <td> 
            <div id="jsEnabled" style="visibility: hidden">  
                <telerik:RadProgressManager ID="RadProgressManager1" runat="server" /> 
                <telerik:RadUpload ID="RadUpload1"   
                                   runat="server"   
                                   Skin="Default2006"   
                                   TargetFolder="~/App_Data/ValuePro"   
                                   AllowedFileExtensions=".xml"   
                                   Width="370px"   
                                   ControlObjectsVisibility="None"   
                                   InputSize="33"   
                                   MaxFileInputsCount="1"   
                                   Localization-Select="Browse..." /> 
                                   <asp:Label ID="Label2" runat="server" Visible="false" /> 
            </div> 
           <div id="jsDisabled" style="color:Red;">  
               Uploading ValuePro requires a <href="http://en.wikipedia.org/wiki/JavaScript" target="_blank" style="color:Red;">JavaScript Enabled Browser</a>.<br /> 
               Click <href="http://www.google.com/support/bin/answer.py?hl=en&answer=23852" target="_blank" style="color:Red;">Here</a> to see how you can enable JavaScript.<br /><br /> 
               We are sorry for the inconvenience.  
           </div> 
            </td> 
            <td style="padding-left:10px;">  
                Business-Trader.com is set up to allow you to upload your ValuePro1 and your ValuePro10 information via XML to your Businesses For Sale Profile.&nbsp; Once your Ad is uploaded and paid for, it will be available in the   
                <asp:HyperLink ID="HyperLink1" runat="server" NavigateUrl="~/Search.aspx">Search</asp:HyperLink> &nbsp;area of Business-Trader.com.<br /> 
                </td> 
        </tr> 
        <tr> 
            <td colspan="2">  
                <telerik:RadProgressArea ID="RadProgressArea1" ProgressIndicators="TotalProgressBar, TotalProgress, TotalProgressPercent, RequestSize, TimeElapsed, TimeEstimated, TransferSpeed" runat="server"   
                    Skin="Default2006" /> 
            </td> 
        </tr> 
    </table> 
</div> 
 <script type="text/javascript">  
    function pageLoad() {  
            var upload = $find("<%= RadUpload1.ClientID %>");  
            var uploaduploadDiv = upload.get_element();  
 
            var input = document.createElement("input");  
            input.type = "submit";  
            input.className = "ruButton";  
            input.value = "Upload";  
            inputinput.id = input.name = upload.getID("submitButton");  
            input.onclick = onClickHandler;  
 
            //the UL element of the upload  
            var ul = uploadDiv.getElementsByTagName("UL");  
            //the array of all LI elements of the UL element  
            var LIs = ul[0].getElementsByTagName("LI");  
            //Last LI item - the button area  
            var lastLi = LIs[LIs.length - 1];  
            lastLi.appendChild(input);  
        }  
    function onClickHandler() {  
        __doPostBack("submitButton", "");  
    }  
</script>   
<asp:Label ID="Label1" runat="server" /> 

Here is the screenshot
Hossam
Top achievements
Rank 1
 answered on 30 Jan 2009
1 answer
132 views
Greetings,

A user drags a column to the group header section, and the grid is now grouped.  How do I programatically remove that dragged group?

Cheers

Chuck Craig
City of Mesa Az
Shinu
Top achievements
Rank 2
 answered on 30 Jan 2009
10 answers
242 views
Hi all,

I have a calendar control on my page which when clicked updates another control. Sometimes when I click on a number of different dates it suddenly stops updating. I've used firebug and have noticed this error when it decides not to work.
--------------------------------------------------
[Exception... "'Sys.ParameterCountException: Sys.ParameterCountException: Parameter count mismatch.' when calling method: [nsIDOMEventListener::handleEvent]" nsresult: "0x8057001c (NS_ERROR_XPC_JS_THREW_JS_OBJECT)" location: "JS frame :: http://localhost:2746/ScriptResource.axd?d=_lUa4n39bb-ijpkuJgIb02dLY7OBI5co3f5bpUItCCR61j8_Lrs8viB4JBegquumXxvDkITdu3fPhW2z7apaI8gjYcY9JReCxamJIF12_UM1&t=633338379110710201 :: Sys$Net$XMLHttpExecutor$abort :: line 5344" data: no]
_getAbbrMonthIndex()("")ScriptRe...160000000 (line 761)
BoxSide()ScriptRe...860000000 (line 499)
this._upperAbbrMonths=this._toUpperArray...s.dateTimeFormat.AbbreviatedMonthNames);
---------------------------------------------------------------------
I'm not sure if that is any use but it looks to me like there is a problem when the calendar tries to do something with the month.

What are your thoughts on this?

Thanks
Jon

Jafin
Top achievements
Rank 2
 answered on 30 Jan 2009
2 answers
54 views
Hi,

Our site uses the ClassicRed & ClassicBlue tab strips, and really sad to see they've been dropped in the latest release.

Just wondering if I've missed something, or if anybody has already migrated these skins?

Thanks in Advance   :-)
vtech
Top achievements
Rank 1
 answered on 30 Jan 2009
3 answers
150 views
Hello,
I have a form with the following components.
telerik ajax manager
radajaxloadingpanel
2 radio buttons
2 panels
1 button.

The option buttons(ajax initiators) show and hide the panels(updated by ajax) based on selection.

The problems I have.
1. If I include the button to be updated with ajax, the button click does not work any longer.

2. If I leave the button out of the ajax the button works but if it is clicked and there is an error the user is displayed the page again but the radio buttons will only update once after the postback. So if you click the unselected radio button the new panel is displayed but if you try to click the other radio button again. Nothing happens.

Any help would be appreciated. Thank you.

Brian


Brian Goldman
Top achievements
Rank 2
 answered on 29 Jan 2009
7 answers
168 views
hi

I would not like to show all items inside the combo when the page load >>>> I just want to load data when user type something
just like yahoo search combo box.

can u help please.
regards
Chris
Top achievements
Rank 1
 answered on 29 Jan 2009
14 answers
728 views
I am trying to use a custom skin on a gird.  I have the skin created and working in most instances except this one: 

http://www.telerik.com/DEMOS/ASPNET/Prometheus/Controls/Examples/Integration/GridEditors/DefaultCS.aspx

When I set the skin on the grid to:

Skin

="DWDS" EnableEmbeddedSkins="false"


and declare the css:

<

link href="/Skins/DWDS/Grid.DWDS.css" rel="stylesheet" type="text/css" />

<

link href="/Skins/DWDS/Calendar.DWDS.css" rel="stylesheet" type="text/css" />

<

link href="/Skins/DWDS/Editor.DWDS.css" rel="stylesheet" type="text/css" />


the images for the datetimepicker do not show.  When I look at the properties the image path is not correct.  I have set the ImagesPath for the grid images (although I have only seen this make a difference on the paging images - am I using if wrong?)

How do I get the correct images for the column editors when using a custom skin?

I also can't get the code to update the data base.  The two dates (start and end) get submitted but the two 

GridHTMLEditorColumn

send null (on Firefox but on IE 7 they send the value).  Part of this problem stems from the Editor picking up some of the styles from my sites stylesheet.  I will post that in the Editor section.

<asp:Content ID="myBody" runat="server" ContentPlaceHolderID="cphBody">  
<link href="/Skins/DWDS/Grid.DWDS.css" rel="stylesheet" type="text/css" /> 
<link href="/Skins/DWDS/Calendar.DWDS.css" rel="stylesheet" type="text/css" /> 
<link href="/Skins/DWDS/Editor.DWDS.css" rel="stylesheet" type="text/css" /> 
<h2>Calendar Management</h2> 
    <telerik:RadAjaxManager ID="RadAjaxManager1" runat="server">  
        <AjaxSettings> 
            <telerik:AjaxSetting AjaxControlID="RadGrid2">  
                <UpdatedControls> 
                    <telerik:AjaxUpdatedControl ControlID="RadGrid2" LoadingPanelID="RadAjaxLoadingPanel1" /> 
                </UpdatedControls> 
            </telerik:AjaxSetting> 
        </AjaxSettings> 
    </telerik:RadAjaxManager> 
    <telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server" Height="75px" Width="75px" Transparency="25">  
        <img alt="Loading..." src='<%= RadAjaxLoadingPanel.GetWebResourceUrl(Page, "Telerik.Web.UI.Skins.Default.Ajax.loading.gif") %>' style="border:0;" /> 
    </telerik:RadAjaxLoadingPanel> 
    <telerik:RadGrid ID="RadGrid2" runat="server" AllowAutomaticInserts="True" AllowAutomaticDeletes="True" AllowAutomaticUpdates="True" Width="100%" AutoGenerateColumns="false" 
        AllowPaging="true" PageSize="15" DataSourceID="SqlDataSource1" AllowSorting="true" Skin="DWDS" EnableEmbeddedSkins="false" ImagesPath="/Skins/DWDS/Grid/">  
        <MasterTableView CommandItemDisplay="Top" DataKeyNames="ID"  Width="100%" EditMode="EditForms">  
            <CommandItemTemplate> 
                <asp:LinkButton Style="vertical-align: bottom" ID="btnEditSelected" runat="server" CommandName="EditSelected" Visible='<%# RadGrid2.EditIndexes.Count == 0 %>'>  
                    <img style="border:0px" alt="" src="/Skins/DWDS/Grid/Edit.gif" /> Edit Calendar Entry  
                </asp:LinkButton> 
                <asp:LinkButton ID="btnUpdateEdited" runat="server" CommandName="UpdateEdited" Visible='<%# RadGrid2.EditIndexes.Count > 0 %>'>  
                    <img style="border:0px" alt="" src="/Skins/DWDS/Grid/Update.gif" /> Update Calendar  
                </asp:LinkButton> 
                &nbsp;  
                <asp:LinkButton ID="btnCancel" runat="server" CommandName="CancelAll" Visible='<%# RadGrid2.EditIndexes.Count > 0 || RadGrid2.MasterTableView.IsItemInserted %>'>  
                    <img style="border:0px" alt="" src="/Skins/DWDS/Grid/Cancel.gif" /> Cancel editing  
                </asp:LinkButton> 
                &nbsp;  
                <asp:LinkButton ID="LinkButton2" runat="server" CommandName="InitInsert" Visible='<%# !RadGrid2.MasterTableView.IsItemInserted %>'>  
                    <img style="border:0px" alt="" src="/Skins/DWDS/Grid/AddRecord.gif" /> Add new Calendar Entry</asp:LinkButton> 
                <asp:LinkButton ID="LinkButton3" runat="server" CommandName="PerformInsert" Visible='<%# RadGrid2.MasterTableView.IsItemInserted %>'>  
                    <img style="border:0px" alt="" src="/Skins/DWDS/Grid/Insert.gif" /> Add this Entry</asp:LinkButton> 
                &nbsp;  
                <asp:LinkButton ID="LinkButton1" OnClientClick="javascript:return confirm('Delete all selected calendar entries?')" runat="server" CommandName="DeleteSelected" > 
                    <img style="border:0px" alt="" src="/Skins/DWDS/Grid/Delete.gif" /> Delete Selected Entries  
                </asp:LinkButton> 
                &nbsp;&nbsp;&nbsp;  
                <asp:LinkButton ID="LinkButton4" runat="server" CommandName="RebindGrid">  
                    <img style="border:0px" alt="" src="/Skins/DWDS/Grid/Refresh.gif" /> Refresh Calendar list  
                </asp:LinkButton> 
                <br /> 
                &nbsp;  
            </CommandItemTemplate> 
             <Columns> 
                <telerik:GridEditCommandColumn ButtonType="ImageButton" UpdateImageUrl="/Skins/DWDS/Grid/Update.gif" 
                    EditImageUrl="/Skins/DWDS/Grid/Edit.gif" InsertImageUrl="/Skins/DWDS/Grid/Insert.gif" 
                    CancelImageUrl="/Skins/DWDS/Grid/Cancel.gif" UniqueName="EditCommandColumn">  
                    <HeaderStyle Width="25px" /> 
                </telerik:GridEditCommandColumn> 
                <telerik:GridButtonColumn ConfirmText="Delete this entry?" ButtonType="ImageButton" ImageUrl="/Skins/DWDS/Grid/Delete.gif" CommandName="Delete" Text="Delete" UniqueName="DeleteColumn">  
                    <HeaderStyle Width="25px" /> 
                    <ItemStyle Width="25px" /> 
                </telerik:GridButtonColumn> 
                  
                <telerik:GridBoundColumn DataField="ID" HeaderText="ID" ReadOnly="True" SortExpression="ID" UniqueName="ID" Visible="False" /> 
                <telerik:GridDateTimeColumn HeaderText="Start Time/Date" UniqueName="st" DataField="EventDateBeg" PickerType="DateTimePicker" /> 
                <telerik:GridDateTimeColumn HeaderText="End Time/Date" UniqueName="et" DataField="EventDateEnd" PickerType="DateTimePicker" /> 
                <telerik:GridHTMLEditorColumn HeaderText="Entry Name" UniqueName="EventName" DataField="EventName" /> 
                <telerik:GridHTMLEditorColumn HeaderText="Entry Description" UniqueName="EventDescription" DataField="EventDescription" /> 
                  
                  
            </Columns> 
            <EditFormSettings CaptionDataField="EventDateBeg" CaptionFormatString="Edit properties of Calendar Entry: {0}"  > 
                <FormTableItemStyle Wrap="False" Width="300px"></FormTableItemStyle> 
                <FormCaptionStyle CssClass="EditFormHeader"></FormCaptionStyle> 
                <FormMainTableStyle GridLines="Horizontal" CellSpacing="10" CellPadding="10" BackColor="White" /> 
                <FormTableStyle CellSpacing="5" CellPadding="5" CssClass="module" Height="110px" BackColor="White" /> 
                <FormTableAlternatingItemStyle Wrap="False"></FormTableAlternatingItemStyle> 
                <EditColumn ButtonType="ImageButton" UpdateImageUrl="/Skins/DWDS/Grid/Update.gif" 
                    EditImageUrl="/Skins/DWDS/Grid/Edit.gif" InsertImageUrl="/Skins/DWDS/Grid/Insert.gif" 
                    CancelImageUrl="/Skins/DWDS/Grid/Cancel.gif" InsertText="Insert Order" UpdateText="Update record" 
                    UniqueName="EditCommandColumn1" CancelText="Cancel edit">  
                </EditColumn> 
                <FormTableButtonRowStyle HorizontalAlign="Left" CssClass="EditFormButtonRow"></FormTableButtonRowStyle> 
            </EditFormSettings> 
        </MasterTableView> 
    </telerik:RadGrid> 
    <asp:SqlDataSource ID="SqlDataSource1" runat="server" ConnectionString="<%$ ConnectionStrings:oConnDW %>" SelectCommand="Calendar_List" SelectCommandType="StoredProcedure" 
        UpdateCommand="Calendar_Update_B" UpdateCommandType="StoredProcedure" DeleteCommand="Calendar_Delete_By_ID" DeleteCommandType="storedprocedure" InsertCommand="Calendar_Insert_B" 
        InsertCommandType="storedprocedure">  
        <UpdateParameters> 
            <asp:Parameter Name="EventDateBeg" Type="datetime" /> 
            <asp:Parameter Name="EventDateEnd" Type="datetime" /> 
            <asp:Parameter Name="EventName" Type="string" /> 
            <asp:Parameter Name="EventDescription" Type="string" /> 
        </UpdateParameters> 
        <InsertParameters> 
            <asp:Parameter Name="EventDateBeg" Type="datetime" /> 
            <asp:Parameter Name="EventDateEnd" Type="datetime" /> 
            <asp:Parameter Name="EventName" Type="string" /> 
            <asp:Parameter Name="EventDescription" Type="string" /> 
        </InsertParameters> 
        <DeleteParameters> 
            <asp:Parameter Name="ID" Type="int16" /> 
        </DeleteParameters> 
    </asp:SqlDataSource> 
 
</asp:Content> 


The code behind adds a project ID to the SQL statement but that is it.

Any ideas on how to use custom skins with this?

Thanks


chris
Top achievements
Rank 1
 answered on 29 Jan 2009
Narrow your results
Selected tags
Tags
+? more
Top users last month
Shiori
Top achievements
Rank 2
Iron
Tien
Top achievements
Rank 1
Iron
Robert
Top achievements
Rank 1
Rob
Top achievements
Rank 4
Bronze
Bronze
Iron
Geoff
Top achievements
Rank 1
Want to show your ninja superpower to fellow developers?
Top users last month
Shiori
Top achievements
Rank 2
Iron
Tien
Top achievements
Rank 1
Iron
Robert
Top achievements
Rank 1
Rob
Top achievements
Rank 4
Bronze
Bronze
Iron
Geoff
Top achievements
Rank 1
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?