Questions on UI for ASP.NET AJAX Forum

2 answers

855 views

get datakey value radlistview

Hi All,

How to get the data key value of a rad list view control in item command.

Regards,

Prassin

ListView

answered on 05 Jun 2017

3 answers

219 views

Htmlchart not displaying after dll upgrade

I was having an issue with databound charts not displaying after upgrading the Telerik.Web.UI.dll from 2014.2.724.40 to 2015.2.623.40, so I decided to try just working with static html instead. I borrowed some demo code and placed it in the same webpage in 2 different .NET projects:

<telerik:RadHtmlChart runat="server" ID="PieChartXX" Width="700" Height="500" Transitions="true" Skin="Silk">
<ChartTitle Text="Browser Usage for April 2012">
<Appearance Align="Center" Position="Top"></Appearance>
</ChartTitle>
<Legend>
<Appearance Position="Right" Visible="true"></Appearance>
</Legend>
<PlotArea>
<Series>
<telerik:PieSeries StartAngle="90">
<LabelsAppearance Position="OutsideEnd" DataFormatString="{0} %"></LabelsAppearance>
<TooltipsAppearance Color="White" DataFormatString="{0} %"></TooltipsAppearance>
<SeriesItems>
<telerik:PieSeriesItem BackgroundColor="#ff9900" Exploded="true" Name="Internet Explorer" Y="18.3"></telerik:PieSeriesItem>
<telerik:PieSeriesItem BackgroundColor="#cccccc" Exploded="false" Name="Firefox" Y="35.8"></telerik:PieSeriesItem>
<telerik:PieSeriesItem BackgroundColor="#999999" Exploded="false" Name="Chrome" Y="38.3"></telerik:PieSeriesItem>
<telerik:PieSeriesItem BackgroundColor="#666666" Exploded="false" Name="Safari" Y="4.5"></telerik:PieSeriesItem>
<telerik:PieSeriesItem BackgroundColor="#333333" Exploded="false" Name="Opera" Y="2.3"></telerik:PieSeriesItem>
</SeriesItems>
</telerik:PieSeries>
</Series>
</PlotArea>
</telerik:RadHtmlChart>

When I run the solution using the earlier version (2014.2) of the dll, I get what is shown in attached file RadHtmlChart-2014.2.724.40.jpg. When I run using the upgraded version (2015.2), I get what is shown in RadHtmlChart-2015.2.623.40.jpg. Can someone point me to where my problem(s) might be? TIA

Chart (HTML5)

answered on 04 Jun 2017

0 answers

119 views

Gantt bind to RadGrid

I have a  Gantt which is bind to Radgrid. RadGrid has some employee list which will have separate task in Gantt. But this code is not working, where I am being wrong.

<telerik:RadGrid ID="RadGrid1" runat="server" CellSpacing="-1" DataSourceID="EmployeeSource" GridLines="Both" GroupPanelPosition="Top" AllowFilteringByColumn="True" AllowPaging="True" AllowSorting="True" ShowGroupPanel="True" EnableHeaderContextAggregatesMenu="True" EnableHeaderContextFilterMenu="True" EnableHeaderContextMenu="True" PageSize="5">

<GroupingSettings CollapseAllTooltip="Collapse all groups"></GroupingSettings>

<ClientSettings AllowColumnsReorder="True" AllowDragToGroup="True" ReorderColumnsOnClient="True" EnablePostBackOnRowClick="True">

<Selecting AllowRowSelect="True" />

</ClientSettings>

<MasterTableView DataKeyNames="EmpID" DataSourceID="EmployeeSource" AutoGenerateColumns="False" CommandItemDisplay="Top" EnableHeaderContextAggregatesMenu="True">

<CommandItemSettings ShowAddNewRecordButton="False" ShowExportToCsvButton="True" ShowExportToExcelButton="True" ShowExportToPdfButton="True" ShowExportToWordButton="True" />

<Columns>

<telerik:GridBoundColumn DataField="RegistrationID" HeaderText="RegistrationID" SortExpression="RegistrationID" UniqueName="RegistrationID" HeaderStyle-Width="150px" FilterControlWidth="110px" DataType="System.Int64" FilterControlAltText="Filter RegistrationID column"></telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="EmpID" HeaderStyle-Width="150px" FilterControlWidth="110px" DataType="System.Int64" FilterControlAltText="Filter EmpID column" HeaderText="EmpID" ReadOnly="True" SortExpression="EmpID" UniqueName="EmpID" Display="True"></telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="FirstName" HeaderText="FirstName" SortExpression="FirstName" UniqueName="FirstName" FilterControlAltText="Filter FirstName column"></telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="LastName" HeaderText="LastName" SortExpression="LastName" UniqueName="LastName" FilterControlAltText="Filter LastName column"></telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="Gender" HeaderText="Gender" SortExpression="Gender" UniqueName="Gender" FilterControlAltText="Filter Gender column"></telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="DateOfBirth" HeaderText="DateOfBirth" SortExpression="DateOfBirth" UniqueName="DateOfBirth" DataType="System.DateTime" FilterControlAltText="Filter DateOfBirth column"></telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="Mobile" HeaderText="Mobile" SortExpression="Mobile" UniqueName="Mobile" HeaderStyle-Width="150px" FilterControlWidth="110px" DataType="System.Int64" FilterControlAltText="Filter Mobile column"></telerik:GridBoundColumn>

</Columns>

</MasterTableView>

</telerik:RadGrid>

<asp:SqlDataSource runat="server" ID="EmployeeSource" SelectCommand=

"SELECT [EmpID], [RegistrationID], [FirstName], [LastName], [Gender], [DateOfBirth], [Mobile], [Email] FROM [Employee] WHERE ([Status] = 'Employee')"

></asp:SqlDataSource>

<telerik:RadGantt runat="server" ID="RadGantt1" DataSourceID="TasksDataSource" Height="600px" ListWidth="350px" DependenciesDataSourceID="DependenciesDataSource" SelectedView="WeekView" AutoGenerateColumns="false">

<Columns>

<telerik:GanttBoundColumn DataField="Title" DataType="String" Width="120px"></telerik:GanttBoundColumn>

<telerik:GanttBoundColumn DataField="StartDate" DataType="DateTime" DataFormatString="dd/MM/yy" Width="40px"></telerik:GanttBoundColumn>

<telerik:GanttBoundColumn DataField="EndDate" DataType="DateTime" DataFormatString="dd/MM/yy" Width="40px"></telerik:GanttBoundColumn>

</Columns>

<DataBindings>

<TasksDataBindings IdField="TaskID" ParentIdField="ParentID" StartField="StartDate" EndField="EndDate" OrderIdField="EmpID" SummaryField="Summary" TitleField="Title" PercentCompleteField="PercentComplete" />

<DependenciesDataBindings TypeField="Type" IdField="TaskDependenciesID" PredecessorIdField="PredecessorID" SuccessorIdField="SuccessorID" />

</DataBindings>

</telerik:RadGantt>

<asp:SqlDataSource ID="TasksDataSource" runat="server"

ConnectionString="<%$ ConnectionStrings:SMSConnectionString %>" DeleteCommand="DELETE FROM [Task_Employee] WHERE [TaskID] = @TaskID" InsertCommand="INSERT INTO [Task_Employee] ([ParentID], [EmpID], [Title], [StartDate], [EndDate], [PercentComplete], [Expanded], [Summary]) VALUES (@ParentID, @EmpID, @Title, @StartDate, @EndDate, @PercentComplete, @Expanded, @Summary)" SelectCommand="SELECT [TaskID], [ParentID], [EmpID], [Title], [StartDate], [EndDate], [PercentComplete], [Expanded], [Summary] FROM [Task_Employee] " UpdateCommand="UPDATE [Task_Employee] SET [ParentID] = @ParentID, [EmpID] = @EmpID, [Title] = @Title, [StartDate] = @StartDate, [EndDate] = @EndDate, [PercentComplete] = @PercentComplete, [Expanded] = @Expanded, [Summary] = @Summary WHERE [TaskID] = @TaskID">

<DeleteParameters>

<asp:Parameter Name="TaskID" Type="Int32" />

</DeleteParameters>

<InsertParameters>

<asp:Parameter Name="ParentID" Type="Int32" />

<asp:Parameter Name="EmpID" Type="Int32" />

<asp:Parameter Name="Title" Type="String" />

<asp:Parameter Name="StartDate" Type="DateTime" />

<asp:Parameter Name="EndDate" Type="DateTime" />

<asp:Parameter Name="PercentComplete" Type="Decimal" />

<asp:Parameter Name="Expanded" Type="Boolean" />

<asp:Parameter Name="Summary" Type="Boolean" />

</InsertParameters>

<SelectParameters>

<asp:ControlParameter ControlID="RadGrid1" PropertyName="SelectedValue" Name="EmpID" Type="Int32"></asp:ControlParameter>

</SelectParameters>

<UpdateParameters>

<asp:Parameter Name="ParentID" Type="Int32" />

<asp:Parameter Name="EmpID" Type="Int32" />

<asp:Parameter Name="Title" Type="String" />

<asp:Parameter Name="StartDate" Type="DateTime" />

<asp:Parameter Name="EndDate" Type="DateTime" />

<asp:Parameter Name="PercentComplete" Type="Decimal" />

<asp:Parameter Name="Expanded" Type="Boolean" />

<asp:Parameter Name="Summary" Type="Boolean" />

<asp:Parameter Name="TaskID" Type="Int32"></asp:Parameter>

</UpdateParameters>

</asp:SqlDataSource>

<asp:SqlDataSource ID="DependenciesDataSource" runat="server"

ConnectionString="<%$ ConnectionStrings:SMSConnectionString %>" DeleteCommand="DELETE FROM [Task_EmployeeDependencie] WHERE [TaskDependenciesID] = @TaskDependenciesID" InsertCommand="INSERT INTO [Task_EmployeeDependencie] ([PredecessorID], [SuccessorID], [Type]) VALUES (@PredecessorID, @SuccessorID, @Type)" SelectCommand="SELECT [TaskDependenciesID], [PredecessorID], [SuccessorID], [Type] FROM [Task_EmployeeDependencie]" UpdateCommand="UPDATE [Task_EmployeeDependencie] SET [PredecessorID] = @PredecessorID, [SuccessorID] = @SuccessorID, [Type] = @Type WHERE [TaskDependenciesID] = @TaskDependenciesID">

<DeleteParameters>

<asp:Parameter Name="TaskDependenciesID" Type="Int32" />

</DeleteParameters>

<InsertParameters>

<asp:Parameter Name="PredecessorID" Type="Int32" />

<asp:Parameter Name="SuccessorID" Type="Int32" />

<asp:Parameter Name="Type" Type="Int32" />

</InsertParameters>

<UpdateParameters>

<asp:Parameter Name="PredecessorID" Type="Int32" />

<asp:Parameter Name="SuccessorID" Type="Int32" />

<asp:Parameter Name="Type" Type="Int32" />

<asp:Parameter Name="TaskDependenciesID" Type="Int32" />

</UpdateParameters>

</asp:SqlDataSource>

Gantt

asked on 04 Jun 2017

4 answers

246 views

ImageButton showing 'Submit Query'

I have an imagebutton column:

<telerik:GridButtonColumn CommandName="MyCommand" ButtonType="ImageButton" UniqueName="ViewNote">

</telerik:GridButtonColumn>

The image is not displaying, but 'Submit Query'.

I read somewhere this was because the URL was wrong, however my URL to the image is the same as the URL's to all the images on that page.

Any ideas?

If (TypeOf e.Item Is GridDataItem) Then

Dim dataItem As GridDataItem = CType(e.Item, GridDataItem)

If (dataItem("FileStatus").Text = "Requested") Then

dataItem.ForeColor = Drawing.Color.Crimson

dataItem.Font.Bold = True

CType(dataItem("ViewNote").Controls(0), ImageButton).ImageUrl = "../images/time_icon.jpg"

Else

dataItem("ViewNote").Controls(0).Visible = False

End If

Grid

answered on 03 Jun 2017

1 answer

517 views

RadNumericTextBox.set_value() doesn´t change value at all (ClientSide)

Hello everybody,
I had two RadNumericTextBox TextInicio & TextFin (initial text and final text).
The rule here is:
The value in TextInicio can not be bigger than TextFin and viceversa.

So I created a function to check values entered by the user. If one of these values break this rule then it will be necesary to change its value to correct this situation.

The thing is that set_value() is not working; the value remains unset.

I also debugged it with Firefox Developer Tools.

NOTE: Min and Max values are set on server side at page´s Load method. But they usually goes from 1 to 2000.

Are there any others factors I have to take under consideration?
Any ideas about what could be the cause of this??

Am I doing something wrong? If you need something else please let me know.

Here is the code in my page.

01....

02.

03. <script type="text/javascript" id="telerikClientEvents1">

04.//<![CDATA[

05.

06. function checkValues(sender, args, isInitial) {

07. var txtIni = $find("<%=TextInicio.ClientID%>");

08. var ini = txtIni.get_value();

09.

10. var txtFin = $find("<%=TextFin.ClientID%>");

11. var fin = txtFin.get_value();

12.

13. if (ini > fin) // if initial is bigger than final then it is necesary to adjust a value

14. {

15. if (isInitial) // which value will be set

16. {

17. txtIni.set_value(fin);

18. }

19. else

20. {

21. txtFin.set_value(ini);

22. }

23. }

24.

25. } // END of checkValues function

26.

27. //]]>

28. </script>

29.

30....

01. <telerik:RadScriptManager ID="RadScriptManager1" Runat="server" EnablePageMethods="True">

02. </telerik:RadScriptManager>

03. <telerik:RadWindowManager ID="RadWindowManager1" runat="server" ResolvedRenderMode="Classic">

04. </telerik:RadWindowManager>

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

06. </telerik:RadAjaxManager>

07....

08. <telerik:RadNumericTextBox ID="TextInicio" runat="server" Value="0" DataType="System.Int32" MinValue="1">

09. <NumberFormat ZeroPattern="n" DecimalDigits="0"></NumberFormat>

10. <ClientEvents OnValueChanged="function(sender, args){checkValues(sender, args, true);}" />

11. </telerik:RadNumericTextBox>

12....

13.

14. <telerik:RadNumericTextBox ID="TextFin" runat="server" Value="0" DataType="System.Int32" MinValue="1">

15. <NumberFormat ZeroPattern="n" DecimalDigits="0"></NumberFormat>

16. <ClientEvents OnValueChanged="function(sender, args){checkValues(sender, args, false);}" />

17. </telerik:RadNumericTextBox>

18....

Input

answered on 02 Jun 2017

6 answers

280 views

Expand all in RadGrid using Javascript

How to expand all items in master table in RadGrid using javascript in the hierarchyload mode is client

Grid

answered on 02 Jun 2017

1 answer

134 views

Two lines buttons with primaryicon

Hello,

With version 2017.2.503.45 we different results than with version 2016.3.1027.45 for telerik:RadButton. See attached image.

How can we keep the former design?

Thank you

<telerik:RadButton runat="server" ID="chkUrlType" ToggleType="Radio" Text="URL" meta:resourcekey="URL" GroupName="IconType" Value="U" OnClick="chkUrlType_OnClick">

<Icon PrimaryIconUrl="/Content/MyHomeInterface/webUrl.png" />

</telerik:RadButton>

<telerik:RadButton runat="server" ID="chkFormType" ToggleType="Radio" Text="Formulario" meta:resourcekey="Form" GroupName="IconType" Value="F" OnClick="chkFormType_OnClick">

<Icon PrimaryIconUrl="/Content/MyHomeInterface/forms.png" />

</telerik:RadButton>

<telerik:RadButton runat="server" ID="chkGalleryType" ToggleType="Radio" Text="Galería" meta:resourcekey="Gallery" GroupName="IconType" Value="F" OnClick="chkGalleryType_OnClick">

<Icon PrimaryIconUrl="/Content/MyHomeInterface/Gallery.png" />

</telerik:RadButton>

Button

answered on 02 Jun 2017

0 answers

76 views

RadSlidingPane title text export to PDF issue

Hi,

I have an issue with RadSlidingPane title text export to PDF.

Here are two images showing the difference between WebPage text and PDF text.

Could you please take a look?

Thanks.

Splitter

asked on 02 Jun 2017

7 answers

783 views

Radgrid filter with textbox and custom button

Hi, I am trying to make a filter template with RadTextBox and custom filter button, but it's not working. Please, help.
Here is my code:

<telerik:GridBoundColumn UniqueName="ItemNumber" DataField="ItemNumber" HeaderText="Item Number" HeaderStyle-Width="150px" AutoPostBackOnFilter="true" AllowFiltering="true">

<FilterTemplate>

<telerik:RadTextBox ID="txtItemNumber" runat="server" Width="75px" AutoCompleteType="None">

</telerik:RadTextBox>

<asp:ImageButton ID="btnFilterItemNumber" runat="server" Width="24px" Height="24px" ImageUrl="~/Images/filter.png" OnClientClick="FilterItemNumber()" />

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

<script type="text/javascript">

function FilterItemNumber(sender, args)

{

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

var item = document.getElementById("<%# txtItemNumber.ClientID %>").value;

tableView.filter("ItemNumber", item, "Contains");

}

</script>

</telerik:RadScriptBlock>

</FilterTemplate>

</telerik:GridBoundColumn>

Grid

answered on 02 Jun 2017

8 answers

346 views

EnableVirtualScrolling strange behaviour

Hi,

I've found that Virtual Scrolling of a RadComboBox with EnableLoadOnDemand set to true doesn't work properly.
First situation: I have a RadGrid with a GridDropDownColumn. In the ItemDataBound event handler I look for the ComboBox and convert it to ComboBox with LoadOnDemand enabled:

    
            cmbUsers.EnableLoadOnDemand = true; 
        
            cmbUsers.ShowMoreResultsBox = true; 
        
            cmbUsers.AppendDataBoundItems = true; 
        
            cmbUsers.MarkFirstMatch = true; 
        
            cmbUsers.ItemRequestTimeout = 1000; 
        
            cmbUsers.EnableVirtualScrolling = true; 
        
            cmbUsers.WebServiceSettings.Method = "GetComboUsers"; 
        
            cmbUsers.WebServiceSettings.Path = "Edit1.aspx";

In this case VirtualScrolling works perfectly.

Second situation: I have a form with a RadComboBox on it:

    
            <telerik:RadComboBox runat="server" ID="ddlAttendant" Width="120px" Skin="Default" TabIndex="2" EnableLoadOnDemand="true" 
        
                      AppendDataBoundItems="True" DropDownWidth="130px" ShowMoreResultsBox="True" EnableVirtualScrolling="true" 
        
                      EmptyMessage="Select the attendant" MarkFirstMatch="True" AllowCustomText="True" ShowDropDownOnTextboxClick="False"> 
        
                  <CollapseAnimation Duration="200" Type="OutQuint" /> 
        
                   <WebServiceSettings Method="GetComboUsers" Path="Edit1.aspx" />                                           
        
                </telerik:RadComboBox>

So, I use same method to retrieve the data for my ComboBox, but in this case VirtualScrolling doesn't work at all.

I've tried different approaches (like assign properties' values in Page_Init or even create RadComboBox during Init) without any success.
Could you tell me why does it happen and how can I resolve this problem?

ComboBox

answered on 02 Jun 2017