Questions on UI for ASP.NET AJAX Forum

1 answer

81 views

Buy SharePoint 2010 RadListView Webpart

Hello,
Our company is interested in the SP2010 SPRadListView Webpart and SPRadGrid webpart. I was asked to inquire about how we buy these web parts, how much the price is and whether or not these are supported. Please let me know our options.

WebParts for SharePoint

answered on 25 May 2011

10 answers

565 views

How to disable a Control inside CommandItemTemplate in Client Side.

Hi All

Have a Grid with some records, which works fine.

Have included a RadToolBar inside CommandItemTemplate of the Grid, which contains two RadToolBarButton "Edit" and "Close".

While I am selecting a row in the grid, Need to check a field "Termination Status", If it is not equal to "T" then need to disable the RadToolBarButton "Edit" in RadToolBar. Need to do it in Client Side.

    
                                                   <CommandItemTemplate> 
        
                                                        <div> 
        
                                                            <table width="103%" border="0" cellpadding="0" cellspacing="0" style="margin-top: -2px; 
        
                                                                margin-left: -4px; margin-bottom: -3px;"> 
        
                                                                <tr> 
        
                                                                    <telerik:RadToolBar runat="server" ID="RTBTermination" Skin="Office2007" Width="100%" 
        
                                                                        OnClientButtonClicked="RTBTerminationclientButtonClicked" OnButtonClick="RTBTermination_ButtonClick"> 
        
                                                                        <Items> 
        
                                                                            <telerik:RadToolBarButton Text="Edit" Font-Size="9" ForeColor="#00156E" CommandName="Edit" 
        
                                                                                ImagePosition="Left" ImageUrl="images/penedit.png"> 
        
                                                                            </telerik:RadToolBarButton> 
        
                                                                            <telerik:RadToolBarButton Text="Close" Font-Size="9" ForeColor="#00156E" ImagePosition="Left" 
        
                                                                                ImageUrl="images/closeeeeeee.gif"> 
        
                                                                            </telerik:RadToolBarButton> 
        
                                                                            <telerik:RadToolBarButton Text="" Font-Size="9" Width="800px" Enabled="false" ForeColor="#00156E"> 
        
                                                                            </telerik:RadToolBarButton> 
        
                                                                        </Items> 
        
                                                                    </telerik:RadToolBar> 
        
                                                                </tr> 
        
                                                            </table> 
        
                                                        </div> 
        
                                                    </CommandItemTemplate>

Have used the RowSelect in Client Side

    
            function rgvReport_RowSelect(sender, eventArgs) { 
        
                            var rowindex = eventArgs.get_itemIndexHierarchical(); 
        
                            document.getElementById("<%=txtrgvReportRowIndex.ClientID%>").value = eventArgs.get_itemIndexHierarchical(); 
        
                            //alert(rowindex); 
        
                            var TerGrid = $find("<%=rgvReport.ClientID %>"); 
        
                            var gridRow = TerGrid.MasterTableView.get_dataItems()[rowindex]; 
        
                            var TerStatus = gridRow.getDataKeyValue("TerminationStatus");                  
        
                            //alert(TerStatus); 
        
                            //alert(RTBButton); 
        
                        }

Is there any option to solve this problem

Thanking You

-Anto

Grid

answered on 25 May 2011

2 answers

77 views

Set Paging as i want

Hello,

I have 2 questions:
1) I have paging in my grid(Attached:CurrentPaging), and dont want the whole pager, i want only part of it (Attached:wantedPaging)
How do i do that?
2) at the paging, the prev,next,home and end buttons are arrows
How can i write text(Attached:PrevNextPaging)?

thanks,
yoni

Grid

answered on 25 May 2011

1 answer

90 views

RadContext Menu with Dundas Charts

Hello Telerik,

I have a hard time in getting this problem solved, if you guys can help me that would be really grateful, I have a situation where we are implementing DundasCharts which loads dynamically. we have a requirement that as the user right click on the chart he should have an option of changing the chart types (bar Charts, Pie charts, Line graph, so on..) so for this we thought of implementing the RadContextmenu. but we were unable to add context menu. if you can help me with this situation either providing me the snippet or the sample project which implements my scenario ( context menu for Dundas charts), that would be really helpful for me.

Thanks,
Gautham Gorla

General Discussions

answered on 25 May 2011

14 answers

351 views

Customize the Advanced Form Template Error (object does not support this property or method.)

Hi,

I'm trying to follow this tutorial:-
http://www.telerik.com/help/aspnet-ajax/schedule_advancedformtemplate.html
Sample downloaded SchedulerCustomAdvancedFormQ2__SP1_2009.zip

I've created my own project etc and keep getting this error:-
object does not support this property or method.
When I debug it points to line 5?

    
                <script type="text/javascript">  
        
                    //<![CDATA[ 
        
                    function schedulerFormCreated(scheduler, eventArgs) { 
        
                        var mode = eventArgs.get_mode(); 
        
                        if (mode == Telerik.Web.UI.SchedulerFormMode.AdvancedInsert || 
        
                                mode == Telerik.Web.UI.SchedulerFormMode.AdvancedEdit) { 
        
                            // Initialize the client-side object for the advanced form 
        
                            var schedulerElement = scheduler.get_element(); 
        
                            var formElement = eventArgs.get_formElement(); 
        
                            var isModal = scheduler.get_advancedFormSettings().modal; 
        
                            var advancedTemplate = new window.SchedulerAdvancedTemplate(schedulerElement, formElement, isModal); 
        
                            advancedTemplate.initialize(); 
        
                            // Are we using Web Service data binding? 
        
                            if (!scheduler.get_webServiceSettings().get_isEmpty()) { 
        
                                // Populate the form with the appointment data 
        
                                var apt = eventArgs.get_appointment(); 
        
                                var isInsert = mode == Telerik.Web.UI.SchedulerFormMode.AdvancedInsert; 
        
                                var editSeries = eventArgs.get_editingRecurringSeries(); 
        
                                advancedTemplate.populate(apt, isInsert, editSeries); 
        
                            } 
        
                        } 
        
                    } 
        
                    //]]> 
        
                </script>

I've double checked my code etc and can't see what has gone wrong. When I click on recurrence nothing happens, the same error appears (when in debug mode).

I then went to the sample project and ran that and the same error occurs. Can any one help?

Many thanks

Scheduler

answered on 25 May 2011

1 answer

113 views

Default time on page load when showing full 24 hours

Is there a way to have the schedular automatically scroll to a certain time on page load when in Day/Week view?

e.g. If the full 24 hours of a day are being displayed, the scheduler shows from 12:00am when the page first loads. Can you make it so the scheduler shows from 8:00am onwards but still be able to scroll back to view the previous hours?

Thanks

Scheduler

answered on 25 May 2011

3 answers

62 views

RadLoadingPanel causes user control(Datalist) to not display

I've implemented the RadAjaxPanel on my ascx page. using the method described here http://www.telerik.com/help/aspnet-ajax/ajax-loadingpanel-animation.html

Everything appears to be working within the ascx page except the datalist on the master page never displays. If I remove the RadAjaxLoadingPanel from the ascx page the datalist functions as expected.

Any ideas? Or places to start looking?

<script type="text/javascript">

function MyClientShowing(sender, args) {

document.title = "show " + new Date(); args.get_loadingElement().style.border = "2px solid red"; args.set_cancelNativeDisplay(true);

$telerik.$(args.get_loadingElement()).show("slow");

}

function MyClientHiding(sender, args) {

document.title = "hide " + new Date(); args.get_loadingElement().style.border = "2px solid blue"; args.set_cancelNativeDisplay(true);

$telerik.$(args.get_loadingElement()).hide("slow");

}

</script>

</telerik:RadCodeBlock>

<style type="text/css">

.hiddencol

{

display:none;

}

.viscol

{

display:block;

}

</style>

<asp:Panel ID="pnl_CartContent" runat="server" cssclass="collapsePanel" Height="100%">

<table width="264"> ... </table>

</asp:Panel>

<ACTK:AlwaysVisibleControlExtender ID="avce_Cart" runat="server" TargetControlID="pnl_CartContent" VerticalSide="Top" VerticalOffset="225" HorizontalSide="Left" HorizontalOffset="650" ScrollEffectDuration=".1" />

<telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server" Skin="Default" OnClientShowing="MyClientShowing" OnClientHiding="MyClientHiding" />

<telerik:RadAjaxManager ID="RadAjaxManager2" runat="server" DefaultLoadingPanelID="RadAjaxLoadingPanel1">

<AjaxSettings>

<telerik:AjaxSetting AjaxControlID="btn_Search">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="pnl_SearchHeaderMain" />

</UpdatedControls>

</telerik:AjaxSetting>

</AjaxSettings>

</telerik:RadAjaxManager>

<asp:Panel id="pnl_SearchHeaderMain" runat="server">

<div>...</div>

</asp:Panel>

Ajax

answered on 25 May 2011

3 answers

248 views

Custom handling of Rad Grid Paging, Sorting and Filtering with an ObjectDatasource

Hello all,

I am running into a very interesting issue and I was hoping one of you coud help. It appears that paging with an object datasource works perfectly with sorting, but as soon as I try to implement custom filtering, paging appears to not take the "SelectCount" method on the object datasource using the number of records returned as to total number of records.

I cannot use the Enable Linq expressions as it does not meet my needs for the Entity Framework selects I am performing so I have created my on linq predicate parser based on the filter expressions provided by Telerik.

I have defined the following RadGrid:

<telerik:RadGrid ID="rgProjects" runat="server" CommandItemDisplay="Top"

GridLines="None" AllowCustomPaging="True" AllowPaging="true" PagerStyle-AlwaysVisible="true"

PageSize="10" CellSpacing="0" AllowFilteringByColumn="True" EnableLinqExpressions="false"

AllowSorting="True" AutoGenerateColumns="False" DataSourceID="dsProjects"

onitemcommand="rgProjects_ItemCommand" >

<MasterTableView EditMode="InPlace" CommandItemDisplay="None" OverrideDataSourceControlSorting="true" PagerStyle-AlwaysVisible="true">

<NoRecordsTemplate>

<asp:Label ID="lbNoUsers" runat="server"

Text="There are currently no Project records in the system."></asp:Label>

</NoRecordsTemplate>

<Columns>

<telerik:GridHyperLinkColumn DataNavigateUrlFields="ProjectKey"

DataNavigateUrlFormatString="~/ProjectCreation/CreateProject.aspx?NK=3&P={0}"

DataTextFormatString="Project {0}" DataTextField="ProjectKey"

FilterControlAltText="Filter column column" HeaderText="Project"

UniqueName="ProjectKey" SortExpression="PROJECT_KEY">

</telerik:GridHyperLinkColumn>

<telerik:GridTemplateColumn FilterControlAltText="Filter PrimaryClientNumber column" HeaderText="Primary Client Number"

UniqueName="PrimaryClientNumber" SortExpression="PRIMARY_CLIENT.CLIENT_NUMBER">

<ItemTemplate>

<MlCts:SecuredLabel ID="lbPrimaryClientNumber" runat="server" BindingObjectTextPropertyName="ClientNumber" BindingPath=".PrimaryClient"></MlCts:SecuredLabel>

</ItemTemplate>

</telerik:GridTemplateColumn>

..removed for brevity

<telerik:GridTemplateColumn FilterControlAltText="Filter SecondaryMatterName column" HeaderText="Secondary Matter Name"

UniqueName="SecondaryMatterName" SortExpression="SECONDARY_MATTERMATTER_NAME">

<ItemTemplate>

<MlCts:SecuredLabel ID="lbSecondaryMatterName" runat="server" BindingObjectTextPropertyName="MatterDescription" BindingPath=".SecondaryMatter"></MlCts:SecuredLabel>

</ItemTemplate>

</telerik:GridTemplateColumn>

</Columns>

<EditFormSettings EditColumn-ButtonType="ImageButton"

EditColumn-Display="false" EditColumn-Visible="true"

EditFormType="AutoGenerated">

<EditColumn ButtonType="ImageButton" Display="False">

</EditColumn>

</EditFormSettings>

</MasterTableView>

</telerik:RadGrid>

Using the the following data source:

<asp:ObjectDataSource ID="dsProjects" EnablePaging="true" MaximumRowsParameterName="PageSize"

SelectCountMethod="SelectCount" StartRowIndexParameterName="CurrentRowIndex"

TypeName="PTDSA.DataSources.ProjectDatasource" SortParameterName="SortParam"

runat="server" OldValuesParameterFormatString="original_{0}"

SelectMethod="Select" onselecting="dsProjects_Selecting">

<SelectParameters>

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

<asp:Parameter Name="FilterValue" Type="Object" />

</SelectParameters>

</asp:ObjectDataSource>

I have defined the 2 events in the code behind as follows:

object _filtervalue = null;

string _filterpredicate = null;

string _operation = null;

protected void dsProjects_Selecting(object sender, ObjectDataSourceSelectingEventArgs e)

{

e.Arguments.MaximumRows = rgProjects.MasterTableView.PageSize;

if (_filtervalue != null)

{

if (_operation == "NoFilter")

{

_filtervalue = null;

_filterpredicate = null;

}

e.Arguments.StartRowIndex = 0;

e.InputParameters["FilterOperation"] = _filterpredicate;

e.InputParameters["FilterValue"] = _filtervalue;

}

protected void rgProjects_ItemCommand(object sender, GridCommandEventArgs e)

{

if (e.Item != null)

{

if (e.Item.ItemType == GridItemType.FilteringItem)

{

Pair filterPair = e.CommandArgument as Pair;

if (filterPair != null)

{

GridColumn currentCol = e.Item.OwnerTableView.GetColumn(filterPair.Second.ToString());

if (currentCol != null)

{

_filtervalue = Convert.ChangeType(currentCol.CurrentFilterValue, currentCol.DataType);

//This is my custom linq predicate creation

_filterpredicate = e.GetDynamicLinqFilter(currentCol.SortExpression, false);

_operation = filterPair.First.ToString();

}

The object data source DataObject is very simple:

[DataObject(true)]

public class ProjectDatasource

{

public Project[] Select(

string FilterOperation,

object FilterValue,

string SortParam,

int PageSize,

int CurrentRowIndex

)

{

using (...Custom Data Provider)

{

string sortBy = String.IsNullOrWhiteSpace(SortParam) ? "PROJECT_KEY" : SortParam;

sortBy = Utilities.getSortParamName(sortBy);

bool isAscending = Utilities.getIsAscending(sortBy);

Project[] returnItems = dataProvider.GetProjectsBySearchParams(PageSize,

CurrentRowIndex,

sortBy,

isAscending,

FilterOperation,

FilterValue

);

return returnItems;

}

public int SelectCount(

string FilterOperation,

object FilterValue)

{

using (..Custom Data Provder)

{

return dataProvider.GetProjectsBySearchParamsCount(

FilterOperation,

FilterValue

);

}

I am hoping you can help in this matter as it is quite a road block for several of the pages we would like to implement.

Thank you

Grid

answered on 25 May 2011

3 answers

123 views

Cannot make RadWindow work with Ajax panel.

Hello
I have custom control (ascx) for change password:

<%@ Register TagPrefix="telerik" Namespace="Telerik.Web.UI" %>

<telerik:RadAjaxPanel ID="pnlChangePassword" runat="server" DefaultButton="btnChange" LoadingPanelID="ralMain">

<div class="box" style="width: 445px;">

<fieldset>

<asp:Label ID="lblOldPassword" AssociatedControlID="txbOldPassword" runat="server" Text="<%$ Resources: Common, OldPassword_label %>" />

<asp:TextBox ID="txbOldPassword" TextMode="Password" runat="server" MaxLength="100" />

</fieldset>

<fieldset>

<asp:Label ID="lblPassword" AssociatedControlID="txbPassword" runat="server" Text="<%$ Resources: Common, NewPassword_label %>" />

<asp:TextBox ID="txbPassword" TextMode="Password" runat="server" MaxLength="100" />

</fieldset>

<fieldset>

<asp:Label ID="lblConfirmPassword" AssociatedControlID="txbConfirmPassword" runat="server" Text="<%$ Resources: Common, NewPasswordConfirm_label %>" />

<asp:TextBox ID="txbConfirmPassword" TextMode="Password" runat="server" MaxLength="100" />

</fieldset>

</div>

<div>

<asp:Button ID="btnChange" runat="server" CssClass="button" Text="<%$ Resources: Common, ChangePassword_button %>" OnClick="HandlerButtonOnClick" />

</div>

</telerik:RadAjaxPanel>

Which is loaded on other custom control (ascx) with folowing code

<script type="text/javascript">

//<![CDATA[

function CloseWin() {

$find('<%= changePasswordWindow.ClientID %>').close();

}

function OpenWin() {

$find('<%= changePasswordWindow.ClientID %>').show();

}

//]]>

</script>

<telerik:RadWindow ID="changePasswordWindow"

Title="<%$ Resources: Common, ChangeYourPassword_title %>" runat="server" Modal="true" Behavior="Close" EnableShadow="true" Width="530px"

Height="300px" VisibleStatusbar="false">

<ContentTemplate>

<div style="margin: 10px;">

<ref:ChangePassword ID="changePassword" runat="server" />

</div>

<asp:LinkButton ID="btnBack" runat="server" Text="<%$ Resources: Common, Close_label %>" CausesValidation="false" OnClientClick="CloseWin();return false;" />

</ContentTemplate>

</telerik:RadWindow>

this windows is opened with button:

<asp:Button ID="btnChange" runat="server" CssClass="button"

Text="<%$ Resources: Common, ChangePassword_button %>" CausesValidation="false" OnClientClick="OpenWin();return false;" />

Now when I press change button on window, ajax panel is not showing. Wait cursor is not loading. How can I fix it.
Marcin

P.S.
If I put validators inside this change password control, they are fired also if window is not shown. And vice versa. If window is shown it firering also validators on parent control. Is it any way to prevent that?

Window

answered on 25 May 2011

1 answer

45 views

not creating control on desing mode

i have created a webpage using telerik control, now i am not able to open control on desing mode, so please help me...

Thanks
Mukesh Mishra

General Discussions

answered on 25 May 2011

	<script type="text/javascript">
	//<![CDATA[

	function schedulerFormCreated(scheduler, eventArgs) {
	var mode = eventArgs.get_mode();
	if (mode == Telerik.Web.UI.SchedulerFormMode.AdvancedInsert \|\|
	mode == Telerik.Web.UI.SchedulerFormMode.AdvancedEdit) {
	// Initialize the client-side object for the advanced form
	var schedulerElement = scheduler.get_element();
	var formElement = eventArgs.get_formElement();
	var isModal = scheduler.get_advancedFormSettings().modal;
	var advancedTemplate = new window.SchedulerAdvancedTemplate(schedulerElement, formElement, isModal);
	advancedTemplate.initialize();

	// Are we using Web Service data binding?
	if (!scheduler.get_webServiceSettings().get_isEmpty()) {
	// Populate the form with the appointment data
	var apt = eventArgs.get_appointment();
	var isInsert = mode == Telerik.Web.UI.SchedulerFormMode.AdvancedInsert;
	var editSeries = eventArgs.get_editingRecurringSeries();
	advancedTemplate.populate(apt, isInsert, editSeries);
	}
	}
	}

	//]]>
	</script>