Questions on UI for ASP.NET AJAX Forum

8 answers

326 views

Hi there,

I am developing an application that uses client-side bound RadGrid's. The grids get refreshed (rebound) each second to a web service method result. Everything works fine with that...

However I was required to color differently cells that change their value. In OnRowDataBound for example can I access the old data item that was bound to the current row in order to compare some of their members?

Alternatively I could probably handle some other event (OnDataBound or OnDataBinding) and store all data items in a javascript collection. But how do I access the collection of retrieved data items?

Best regards,
Valery Dachev.

Grid

answered on 11 Jan 2010

2 answers

223 views

Access EditItemTemplate's text box in javascript

Hi ,
I am trying to access the EditItemTemplate's text box control id(tbEntityID) in javascript to assign a new value to it. I searched many forums solution and tried many way, but no luck for me. following is the code snippet what i've followed.
Please help me to sort out this problem.

ASPX

    
            <telerik:GridTemplateColumn HeaderText="Client Id" UniqueName="txtEntityId" EditFormColumnIndex="0" DataField="EntityID">  
        
            <ItemTemplate> 
        
            <asp:Label runat="server" ID="lblEntityID" Text='<%# Eval("EntityID", "{0:C}") %>'></asp:Label> 
        
            </ItemTemplate> 
        
            <EditItemTemplate> 
        
            <asp:TextBox runat="server" ID="tbEntityID" Text='<%# Bind("EntityID") %>'></asp:TextBox> 
        
            </EditItemTemplate> 
        
            </telerik:GridTemplateColumn>

C#

    
            protected void GrdBPOClients_OnItemDataBound(object sender, GridItemEventArgs e)  
        
            {  
        
                        if (e.Item is GridEditableItem && e.Item.IsInEditMode)  
        
                        {  
        
                            GridEditableItem editedItem = (GridEditableItem)e.Item;  
        
                            System.Web.UI.WebControls.TextBox textbx = (System.Web.UI.WebControls.TextBox)editedItem.FindControl("tbEntityID");  
        
                        }  
        
            }

JavaScript

    
            function OnClientEntityClose(oWnd, oArg)   
        
            {  
        
                            //get the transferred arguments  
        
                            var arg = oArg.get_argument();  
        
                            if (arg) 

                                    {  
        
                                        if (arg.NewEntityId!= '')  
        
                                        document.getElementById('textbx').value = arg.NewEntityId;  

                                    }
        
            }

Thanks in Advance
Bharani

Grid

answered on 11 Jan 2010

2 answers

155 views

Toggle function

Hi,

Is it possible to create a server-side toggle function for the date selection like the way you demonstrate client side on your site?

I have to write the selected date to DB and delete it if a date is unselected by the user.

Thanks for your information.

Marc

Calendar

answered on 11 Jan 2010

5 answers

362 views

[Solved] Rad Ajax Panel First Time Post Back

Hello,
           I am working in sharepoint moss site.I have created one web part. In my web part i am using Rad Ajax Panel with some ASP.net controls. I am using <asp:panel> and <asp:LinkButton> and rad rotator , inside Rad Ajax Panel. My problem is that ,when i click on any link button first time , the PAGE is getting full post back.After that it behaves as expected.

Following is my code:-

<telerik:RadAjaxPanel ID="RadAjaxPanel1" runat="server">
<table width="652" border="0" cellspacing="0" cellpadding="0">
<tr>
    <td align="left" valign="top" scope="col"><table width="100%" border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td align="left" valign="top" scope="col" class="prismbannerTopleft"></td>
        <td align="left" valign="top" scope="col" class="prism_bannerTopMiddle"></td>
        <td align="left" valign="top" scope="col" class="prismbannerTopRight"></td>
      </tr>
      <tr>
        <td align="left" valign="top" scope="col" class="prism_bannerMiddleleft"> </td>
        <td align="left" valign="top" scope="col" >

<telerik:RadRotator ID="rrMonths" runat="server" AutoPostBack="false"
    OnItemDataBound="rrMonths_ItemDataBound" ScrollDuration="2000" >
   <ItemTemplate>
      <asp:Image AlternateText="IMAGE" ID="Image2" runat="server" ImageUrl='<%#DataBinder.Eval(Container.DataItem, "Image") %>'/>
   <asp:HiddenField ID ="hdnid" runat ="server" Value='<%# DataBinder.Eval(Container.DataItem, "Id") %>' />
      </ItemTemplate>
</telerik:RadRotator>

        </td>
      <td align="left" valign="top" scope="col" class="prism_bannerMiddleRight"> </td>
      </tr>
        <tr>
        <td align="left" valign="top" scope="col" class="prism_bannerBottomleft"></td>
        <td align="left" valign="middle" scope="col" class="prismbannerBottomtext">

   <table width="100%" border="0" cellspacing="0" cellpadding="0">
       <tr>
          <td width="72%" height="30" align="right" valign="middle" scope="col">
                <asp:Panel runat="server" ID="PanelNumber" Width="200" HorizontalAlign="Right">
           <asp:LinkButton ID="lnkdemo1" runat="server">1</asp:LinkButton> <br/>
                   <asp:LinkButton ID="lnkdemo2" runat="server">2</asp:LinkButton><br/>
                   <asp:LinkButton ID="lnkdemo3" runat="server">3</asp:LinkButton><br/>
                   <asp:LinkButton ID="lnkdemo4" runat="server">4</asp:LinkButton><br/>
                   <asp:LinkButton ID="lnkdemo5" runat="server">5</asp:LinkButton><br/>
             </asp:Panel>
          </td>
      </tr>
   </table>
</td>
<td align="left" valign="top" scope="col" class="prism_bannerBottomRight"></td>
</tr>
</table></td>
</tr>
</table>
</telerik:RadAjaxPanel>

If you have any solution regarding my problem ,send me ASAP.
Thanks in Advance.

Ajax

answered on 11 Jan 2010

1 answer

59 views

(newbie) Question about pane titles

I'm experimenting with converting an existing Infragistics based page to Telerik. Everything is going fine except that I can't find a replacement for WebPanel. This control basically just puts a nicely rendered title bar at the top of the pane. How would you do this with Telerik controls?

I can see that the Dock does this, but it would be very complicated to set up just to then turn off all the docking features. I want something simple that will respond to the RadFormDecorator.

Some of these panes are held within a RadPane within a splitter. Many cover an entire pane.

General Discussions

answered on 11 Jan 2010

1 answer

108 views

grdconditionalformatting source

Hi All

I want http://www.telerik.com/help/aspnet-ajax/grdconditionalformatting.html source

Can I try It?

Grid

answered on 11 Jan 2010

1 answer

127 views

[Solved] Rad editor and Iframe alternate text

Hi ,

In html view of the rad editor i am pasting

<iframe border=0 src="http://qcf.iisserv01/output/page272.asp" width=600 height=600>
Alternative text for browsers that do not understand IFrames.
</iframe>

But if i go back to design and come back the text i am getting is

<iframe width="600" height="600" src="http://qcf.iisserv01/output/page272.asp" border="0" />

The alternate text is gone missing ,i set converttoxhtml=false , that doesn't help me.

Any help is appreciated , thanks

Editor

answered on 11 Jan 2010

1 answer

96 views

Not able to display LoadingPanel with Grid

Hi,
I'm working on a grid to provide simple maintenance of some tables. Everything looks fine except for the fact that the grid doesn't display the loading panel with the corresponding transparency and image.

I must be missing something, can you please help me?

Regards,
Marco

    
            <td colspan="2"> 
        
                            <telerik:RadCodeBlock ID="RadCodeBlock1" runat="server"> 
        
                                <script type="text/javascript"> 
        
                                function RowDblClick(sender, eventArgs) 
        
                                { 
        
                                  sender.get_masterTableView().editItem(eventArgs.get_itemIndexHierarchical()); 
        
                                } 
        
                                </script> 
        
                            </telerik:RadCodeBlock>                 
        
                            <telerik:RadAjaxManager ID="RadAjaxManager1" runat="server"> 
        
                                <AjaxSettings> 
        
                                    <telerik:AjaxSetting AjaxControlID="RadGrid1"> 
        
                                        <UpdatedControls> 
        
                                            <telerik:AjaxUpdatedControl ControlID="RadGrid1" LoadingPanelID="LoadingPanel1" /> 
        
                                            <telerik:AjaxUpdatedControl ControlID="RadWindowManager1" /> 
        
                                        </UpdatedControls> 
        
                                    </telerik:AjaxSetting>                         
        
                                </AjaxSettings> 
        
                            </telerik:RadAjaxManager> 
        
                            <telerik:RadAjaxLoadingPanel id="LoadingPanel1" Runat="server" EnableSkinTransparency="true">                   
        
                            </telerik:RadAjaxLoadingPanel>  
        
                            <telerik:RadGrid ID="RadGrid1" GridLines="Both" runat="server"  AllowPaging="True" PageSize="15" 
        
                                AllowAutomaticDeletes="True" 
        
                                AllowAutomaticInserts="True"   
        
                                AllowAutomaticUpdates="False" 
        
                                AutoGenerateColumns="False"  
        
                                OnUpdateCommand="RadGrid1_UpdateCommand"                     
        
                                OnPageIndexChanged="Grid_PageIndexChanged" 
        
                                OnPageSizeChanged="Grid_PageSizeChanged"                                       
        
                                Skin="Telerik"                     
        
                                > 
        
                                <PagerStyle Mode="NextPrevAndNumeric" />                      
        
                                <MasterTableView Width="100%" CommandItemDisplay="TopAndBottom" DataKeyNames="Code" 
        
                                    HorizontalAlign="NotSet" AutoGenerateColumns="False" EditMode="InPlace"> 
        
                                    <Columns> 
        
                                        <telerik:GridEditCommandColumn ButtonType="ImageButton" UniqueName="EditCommandColumn"> 
        
                                            <ItemStyle CssClass="MyImageButton" /> 
        
                                        </telerik:GridEditCommandColumn> 
        
                                        <telerik:GridBoundColumn DataField="Code" HeaderText="Code" ColumnEditorID="GridTextBoxColumnEditor1"/> 
        
                                        <telerik:GridBoundColumn DataField="Description" HeaderText="Description" ColumnEditorID="GridTextBoxColumnEditor2"/> 
        
                                        <telerik:GridButtonColumn ConfirmText="Delete this record?" ConfirmDialogType="RadWindow" 
        
                                            ConfirmTitle="Delete" ButtonType="ImageButton" CommandName="Delete" Text="Delete" 
        
                                            UniqueName="DeleteColumn"> 
        
                                            <ItemStyle HorizontalAlign="Center" CssClass="MyImageButton" /> 
        
                                        </telerik:GridButtonColumn> 
        
                                    </Columns>                        
        
                                </MasterTableView> 
        
                                <ClientSettings EnableRowHoverStyle="true">                         
        
                                    <ClientEvents OnRowDblClick="RowDblClick" /> 
        
                                </ClientSettings> 
        
                            </telerik:RadGrid> 
        
                            <telerik:GridTextBoxColumnEditor ID="GridTextBoxColumnEditor1" runat="server" TextBoxStyle-Width="100px" /> 
        
                            <telerik:GridTextBoxColumnEditor ID="GridTextBoxColumnEditor2" runat="server" TextBoxStyle-Width="300px" />                 
        
                            <telerik:RadWindowManager ID="RadWindowManager1" runat="server"></telerik:RadWindowManager>                 
        
                        </td>

Thanks in advance,
Marco

Grid

answered on 11 Jan 2010

1 answer

190 views

Change the filter and pager style

Hi,

I am trying to change the skin of a telerik grid with a custom skin. Much of the grid is changed according to my skin but I am not able to change the css for filter in the grid. How do i change the filter image according to the my skin and also filter menu. I have a DateTime column in the grid with the filter. How do I change datepicker calender according to my skin?

With the pager, I am using mode="NextPrevAndNumeric". I am able to get Firstpage, prevpage, nextpage,lastpage image urls but how do i change the style of combobox (Pagesize with a combobox)? Is there any possibility that I can remove that Pagesize combobox?

Thank you,
Radhika

Grid

answered on 11 Jan 2010

3 answers

302 views

[Solved] call webservice for auto complete extender textbox

HI all

i am using radtextbox i want textbox like autocomplete when i click the letters it would show all data from first letters in textbox entered value in webservice

Thanks

suresh.S

Splitter

answered on 11 Jan 2010