Questions on UI for ASP.NET AJAX Forum

2 answers

184 views

Ok, the issue is like, I want to bind list view on client side. I have found solutions on forum and demos but i am getting error on set_dataSource(data); like set_dataSource is undefined, morover, i cannot also find <DataBinding> tag within client setting as it is shown in demos. I am using 2011.2.915.40 version of telerik.

Below is my aspx Code:

<telerik:RadListView ID="lstViewNotes" runat="server" OnItemCommand="lstViewNotes_ItemCommand">

<EmptyDataTemplate>

<table id="Table1" style="">

<tr>

<td>

<%=GetGlobalResourceObject("General","EmptyData") %>

</td>

</tr>

</table>

</EmptyDataTemplate>

<ItemTemplate

>

                 <table>

<tr>

<td colspan="3">

<div style="width: 100%">

<asp:HiddenField ID="hfNoteId" runat="server" Value='<%#Eval("NotesId") %>' />

<asp:LinkButton ID="lblCreate" runat="server" Text='<%#Eval("UserName") %>' CssClass="label_n_t"

CommandName="Select" /><asp:LinkButton ID="NameLabel" runat="server" Text='<%# Eval("CreateDate") %>'

CssClass="label_n_t" CommandName="Select" /></div>

<div style="width: 100%">

<asp:LinkButton ID="lblNotesDesc" runat="server" Text='<%# Eval("MemoDesc") %>' CssClass="label_n_c"

CommandName="Select" /><br />

<br />

</div>

</td>

</tr

>

                  </table>

</ItemTemplate>

</telerik:RadListView>

Below is my JS Code:

var listView = $find('<%= lstMemo.ClientID%>');

listView.set_dataSource(result.lstMemo);

listView.dataBind();

ListView

answered on 23 Mar 2012

1 answer

53 views

Copy And Paste Issue in FireFox on MAC

Hi,
I have tried to paste "<A href="[=Link3]" target=_self>Read</A><BR>" to telerik editor in firexfox on Mac machine from notepad. When i paste this in telerik editor it converts it to "<A href="%5B=Link3%5D" target=_self>Read</A><BR>" . Please note the highlighted part of the text. Please help me on this.

Thanks,
Abhinandan Bansal

Editor

answered on 23 Mar 2012

5 answers

125 views

Annoying display issue

I have a minor but annoying display issue I don't know how to resolve. Whenever I enable RadGrid scrolling (Scrolling-AllowScroll="true"), an unsightly hole opens up above the scroll bar on the right side of the grid (see attached). I've tried various ways of filling this hole using css, but have found nothing that really works.

I know I can't be the only one who finds this a deficiency in an otherwise great product.

Does anyone have any ideas on how to resolve this issue?

Grid

answered on 23 Mar 2012

4 answers

199 views

[Solved] Problem: RadComboBox inside ItemTemplate of RadMenuItem

Hi,
Code Example:

    
            <telerik:RadMenu ID="RadMenu1" runat="server">  
        
                <Items> 
        
                    <telerik:RadMenuItem Text="RadMenuItem1">  
        
                        <Items> 
        
                            <telerik:RadMenuItem> 
        
                                <ItemTemplate> 
        
                                    <telerik:RadComboBox ID="RadComboBox1" runat="server" Style="z-index: 8001;">  
        
                                        <Items> 
        
                                            <telerik:RadComboBoxItem Text="RadComboBoxItem1" /> 
        
                                            <telerik:RadComboBoxItem Text="RadComboBoxItem2" /> 
        
                                            <telerik:RadComboBoxItem Text="RadComboBoxItem3" /> 
        
                                        </Items> 
        
                                    </telerik:RadComboBox> 
        
                                </ItemTemplate> 
        
                            </telerik:RadMenuItem> 
        
                        </Items> 
        
                    </telerik:RadMenuItem> 
        
                </Items> 
        
            </telerik:RadMenu>

The problem occurs when putting RadComboBox inside ItemTemplate of RadMenuItem.

When user activates the menu item and then activates the dropdown, the selection pane shows, as the user attempts to select from the list of the dropdown the menu retrieves leaving just the selection pane open.

The fix would be in my opinion to make sure menu dropdown does not retreat when mouse is still over any of the child elements.

Thanks,
Kris

ComboBox

answered on 23 Mar 2012

1 answer

99 views

Issue with scroll into view a specific timeslot

Hi,

    I have implemented the scroll into view specific timeslot to view the time slots pertaining to the current time as shown in the below KB link.

   http://www.telerik.com/support/kb/aspnet-ajax/scheduler/how-to-scroll-into-view-a-specific-time-slot-on-initial-page-load.aspx

But if the scheduler has horizontal scroll then the row headers are getting hidden and to make them view we need to scroll to the right end.

    Please let me know how I can resolve this. I am using Telerik.Web.UI dll version 2010.2.713.35

Thanks
Lokesh

Scheduler

answered on 23 Mar 2012

1 answer

187 views

Custom Advanced Appointment Form

Dear Sir,

http://demos.telerik.com/aspnet-ajax/scheduler/examples/customization/defaultcs.aspx

I am referring above link.

I am trying to design advanced Appointment Form for creating new appointment and editing appointment.
But I am not getting from where appointment form is open modally. And where is this appointment form in sample code?

Can we open Appointment form on single click instead of double click?

Thanks
Rupesh

Scheduler

answered on 23 Mar 2012

3 answers

619 views

RadGrid - itemtemplate vs edititemtemplate

Hi,

I am having an issue that I hope you can help me out with. Perhaps I am using item template and edit item template wrong. I have a grid that contains an <itemtemplate> and an <edititemtemplate>. I was under the assumption that when my grid loads up in view mode, it would display what's in the <itemtemplate>. Then when I go to edit mode, it would display the items in <edititemtemplate>. However I am seeing that it's using <itemtemplate> in both cases. Is this how it's supposed to work? My grid code is below: (keep in mind some custom controls are in the grid and i can tell that it's using <itemtemplate> in view and edit mode because of the LabelText "item temp column".

<wasp:WLPGrid

ID="GroupGrid"

EditMode="InPlace"

runat="server"

GridLines="None"

AutoGenerateColumns="False"

Width="100%"

AutoInsertOnAdd="false"

AllowMultiRowEdit="true"

skin=""

>

<ClientSettings>

<Selecting AllowRowSelect="True" />

</ClientSettings>

<MasterTableView CommandItemDisplay="Top" DataKeyNames="Key" Width="100%">

<CommandItemTemplate></CommandItemTemplate>

<Columns>

<wasp:GridTemplateControl UniqueName="HeaderColumns">

<ItemTemplate>

<table width="100%">

<tr>

<td colspan="2">

<wasp:CheckBoxControl ID="IsGroupSelected" LabelText="Selected" runat="server" ResourceName="IsGroupSelected" Value='<%# Bind("IsGroupSelected") %>' ReadOnly="true" />

</td>

</tr>

<tr>

<td>

<wasp:TextBoxControl ID="EnglishDesc" LabelText="item temp column" runat="server" ResourceName="EnglishDesc" Value='<%# Bind("EnglishDesc") %>' ReadOnly="true" />

</td>

<td>

<wasp:TextBoxControl ID="FrenchDesc" LabelText="French Desc:" runat="server" ResourceName="FrenchDesc" Value='<%# Bind("FrenchDesc") %>' ReadOnly="true" />

</td>

</tr>

<tr>

<td>

<wasp:ComboBoxControl ID="DatabaseSecurityRoleId" LabelText="Database Role" runat="server" Type="DatabaseSecurityRoleId" ondatabinding="PopulateCombo" ResourceName="DatabaseSecurityRoleId" Value='<%# Bind("DatabaseSecurityRoleId") %>' ReadOnly="true"></wasp:ComboBoxControl>

</td>

<td>

<wasp:ComboBoxControl ID="GuiSecurityRoleId" LabelText="GUI Role" runat="server" Type="GuiSecurityRoleId" ondatabinding="PopulateCombo" ResourceName="GuiSecurityRoleId" Value='<%# Bind("GuiSecurityRoleId") %>' ReadOnly="true"></wasp:ComboBoxControl>

</td>

</tr>

</table>

<hr />

</ItemTemplate>

<EditItemTemplate>

<table width="100%">

<tr>

<td>

<wasp:CheckBoxControl ID="IsGroupSelected" LabelText="Selected" runat="server" ResourceName="IsGroupSelected" Value='<%# Bind("IsGroupSelected") %>' ReadOnly="false" />

</td>

</tr>

<tr>

<td>

<wasp:TextBoxControl ID="EnglishDesc" LabelText="edit item column" runat="server" ResourceName="EnglishDesc" Value='<%# Bind("EnglishDesc") %>' ReadOnly="true" />

</td>

<td>

<wasp:TextBoxControl ID="FrenchDesc" LabelText="French Desc:" runat="server" ResourceName="FrenchDesc" Value='<%# Bind("FrenchDesc") %>' ReadOnly="true" />

</td>

</tr>

<tr>

<td>

<wasp:ComboBoxControl ID="DatabaseSecurityRoleId" LabelText="Database Role" runat="server" Type="DatabaseSecurityRoleId" ondatabinding="PopulateCombo" ResourceName="DatabaseSecurityRoleId" Value='<%# Bind("DatabaseSecurityRoleId") %>' ReadOnly="true"></wasp:ComboBoxControl>

</td>

<td>

<wasp:ComboBoxControl ID="GuiSecurityRoleId" LabelText="GUI Role" runat="server" Type="GuiSecurityRoleId" ondatabinding="PopulateCombo" ResourceName="GuiSecurityRoleId" Value='<%# Bind("GuiSecurityRoleId") %>' ReadOnly="true"></wasp:ComboBoxControl>

</td>

</tr>

</table>

<hr />

</EditItemTemplate>

</wasp:GridTemplateControl>

</Columns>

</MasterTableView>

UI for ASP.NET AJAX in ASP.NET MVC

answered on 23 Mar 2012

1 answer

138 views

RadFilter & Export to Excel not working

Hi,

Previously had a control to export the grid to excel and was working fine.
Later on we found that we need to filter the records using the Radfilter control. So added the code as below:

<telerik:RadAjaxManager runat="server" ID="RadAjaxManager1" DefaultLoadingPanelID="RadAjaxLoadingPanel1">
            <AjaxSettings>
                <telerik:AjaxSetting AjaxControlID="RadFilter1">
                    <UpdatedControls>
                        <telerik:AjaxUpdatedControl ControlID="RadFilter1" />
                    </UpdatedControls>
                </telerik:AjaxSetting>
                <telerik:AjaxSetting AjaxControlID="RadGrid1">
                    <UpdatedControls>
                        <telerik:AjaxUpdatedControl ControlID="RadGrid1" />
                    </UpdatedControls>
                </telerik:AjaxSetting>
            </AjaxSettings>
        </telerik:RadAjaxManager>
        <telerik:RadAjaxLoadingPanel runat="server" ID="RadAjaxLoadingPanel1" />
        <div class="filterDiv">
            <telerik:RadFilter runat="server" ID="RadFilter1" FilterContainerID="RadGrid1" ShowApplyButton="false" />
        </div>

                                    <CommandItemTemplate>
                    <telerik:RadToolBar runat="server" ID="RadToolBar1" OnButtonClick="RadToolBar1_ButtonClick">
                        <Items>
                            <telerik:RadToolBarButton Text="Apply filter" CommandName="FilterRadGrid" ImageUrl="<%#GetFilterIcon() %>"
                                ImagePosition="Right" />
                        </Items>
                    </telerik:RadToolBar>

</CommandItemTemplate>

Also made changes in the code behind file to fire the Filter command.

But now the Export to excel image button is not visible ......

Can anyone help ....

General Discussions

answered on 23 Mar 2012

4 answers

404 views

Enable/Disable RadUpload

I have some javascript that fires with the OnClientCheckChanged event of 2 radio buttons. It enables/disables the RadUpload control on the page depending on the radio button selected (see client code below). This code works fine until the page posts back to the server (see server code below), at which point I cannot enable the RadUpload control with the client code. I think I may need to enable/disable the individual buttons inside RadUpload (Select and Clear) on the server, but I'm not sure how to access them. Any help would be appreciated.

client code

var newDocButton = $find("<%= RadButton1.ClientID %>");

var newLinkButton = $find("<%= RadButton2.ClientID %>");

var upload = GetRadUpload("<%= RadUpload1.ClientID %>");

if (newDocButton.get_checked())

upload.Enabled = false;

else

upload.Enabled = true;

server code

if (RadButton1.Checked)

RadUpload1.Enabled = true;

else