Questions on UI for ASP.NET AJAX Forum

1 answer

141 views

Where can I find documentation on integrating the Telerik SharePoint controls with Office 365?

Is there a product roadmap or demo?

I don't come up with much when searching on "Office 365"

WebParts for SharePoint

answered on 07 Mar 2012

5 answers

149 views

jQuery: Populate on-demand a RadComboBox inside RadGrid

Hi,

I have a radgrid with two combobox (per row), so when the radgrid loads i populate the firts combobox, now i need to populate the second combobox when the selected index of the firts one changes, but i need to do that all by client-side, i am using a code-behind method enabled for access in jquery, that means that the method is decorated with [WebMehod].

Right now i am using an ajax query inside the event onclientindexchanged, i can get the combobox instance and i can look for the items for populate the second combobox, but the big problem im facing is that i have no idea about how do i get the reference/instance of the second combobox inside the same row of the firts one.

i have the data, but how do i populate the second combobox ( in the same row of radgrid ) ?

Here is my jquery ajax function:

function FindRoomsByFloor(sender, eventArgs) {

var params = new Object();

params.idBloque = sender.get_value();

params = JSON.stringify(params);

$.ajax({

type: "POST",

url: "Default.aspx/GetRoomsByFloor",

data: params,

contentType: "application/json; charset=utf-8",

dataType: "json",

async: false,

error: function(XMLHttpRequest, textStatus, errorThrown) {

alert(textStatus + ": " + XMLHttpRequest.responseText);

},

success: function(result) {

$.each(result.d, function() {

//Here i most populate the second combobox in the same row of the first one

});

}

});

}

General Discussions

answered on 07 Mar 2012

1 answer

275 views

Date Addition DatePicker on textbox Onblur event

Hello,
I have to set date of DatePickerSelectLikelyDate to the date which is addition of selected in DatePickerLikelyDate and txtTimeLag (no of days )

but I am getting error that setDate is not supported function. I have used this function on OnBlur event of txtTimeLag.

function SetLikelyDate(txtTimeLag) {

var text = document.getElementById('<%=txtTimeLag.ClientID%>');

var datePicker = $find("<%= DatePickerLikelyDate.ClientID %>");

var datePickerSelectLikelydate = $find("<%= DatePickerSelectLikelyDate.ClientID %>");

if (text != null) {

var timelag = text.value;

var currentdate = new Date(datePicker.get_selectedDate()).format("MM/dd/yyyy");

alert(timelag);

currentdate.setDate(currentdate.getDate() + timelag);

datePickerSelectLikelydate.set_selectedDate(currentdate);

alert(currentdate);

}

Please suggest.

Thanks,
Nandkishor.

Calendar

answered on 07 Mar 2012

1 answer

68 views

Slow performance selecting all accounts with a grid control in IE8

I am working on testing a grid control that has select all rows enabled. Overall it is working great. I have noticed though that the select all functionality in the control in IE8 is quite a bit poorer than in other browsers (IE9, Chrome, Firefox, etc) Once I get over 10 items in a row the select all often takes several seconds to become enabled. In other browsers there is very little delay if any. Is this something in how IE8 handles the javascript? Or are there some possible optimizations that could be suggested.

Grid

answered on 07 Mar 2012

10 answers

942 views

RadUploadTemp folder not getting cleaned up

I find that the RadUploadTemp folder is not being cleaned up. I have the various files RadAsyncUpload creates in that folder from months ago. Is this expected behavior? If so, is there a way to get the files to be cleaned up in some automatic fashion, or do I need to write some custom code to go in and delete files older than a certain time?

AsyncUpload

answered on 07 Mar 2012

3 answers

111 views

SAK web parts localization

Is it possible to localize web parts included in SAK? I tried to create my own language resource file but web part fails to use it.

What I did was follow documentation on localizing RadGrid. I created a copy of SPRadGrid.Main.resx from C:\Program Files (x86)\Telerik\RadControls for ASP.NET AJAX Q1 2012\App_GlobalResources for my language, translated its contents, finally copied the file to C:\Program Files\Common Files\Microsoft Shared\Web Server Extensions\wpresources\RadEditorSharePoint\6.3.0.0__1f131a624888eeed\Resources\App_GlobalResources as well.
I did iisreset and nothing happened.

Am I missing something?

Sharepoint Integration

answered on 07 Mar 2012

1 answer

130 views

ComboBox Value Field

Hello,
Using the combox box and populating it from the code behind, where I'm accessing our DAL. Its working ok, however there is no value field being rendered out to the HTML. So when it submits I'm getting the Text field submitted for example '16th century' when I need the value field i.e. '34' (its id number).
Here is a snippet of the rendered HTML:

<li class="rcbItem ">15th century</li><li class="rcbItem ">16th century</li>

Can some please explain why the ID field is not being rendered out here?
Many thanks,
Alan

Front End:

<label for="radComboPeriod">Time Period: </label>
            <telerik:RadComboBox ID="radComboPeriod" Width="300px" Height="140px" EmptyMessage="Type a Period" runat="server">
            <ExpandAnimation Type="OutBack" Duration="300" />
            <CollapseAnimation Type="InBack" Duration="300" />
            </telerik:RadComboBox>

Code Behind:

protected void Load_Periods(bool valpass)
        {
            //--   Create the connection- get the details and render them to the Datagrid.
            p2pDAL crudopsDAL = new p2pDAL();
            DataTable result = crudopsDAL.select_periods(); //use method to return all the cats 
            if (!IsPostBack)
            {
                radComboPeriod.DataSource = result;
                radComboPeriod.DataValueField = "PeriodID";
                radComboPeriod.DataTextField = "Period";
                string rebindValPer = (string)(Session["Period"]);
                if (valpass == false && rebindValPer != "Type a Period")
                {
                    radComboPeriod.SelectedValue = rebindValPer;
                }
                radComboPeriod.DataBind();
            }
        }

ComboBox

answered on 07 Mar 2012

1 answer

59 views

LoadingPanelID causes Grid to flash on pagination

I have the following .aspx code in my page. When I have the LoadingPanelID on the AjaxUpdatedControl line, my grid flashes when paginating/sorting. What I mean is that it disappears and re-appears with the grid in the right page. If I take off the LoadingPanelID, the grid paginates/sorts/filters correctly but without the flash. Am I doing something wrong? My telerik version is 2009.3.1314.20.

<telerik:RadStyleSheetManager ID="RadStyleSheetManager1" runat="server">

</telerik:RadStyleSheetManager>

<uc1:UcHeader ID="UcHeader" runat="server" />

<telerik:RadScriptManager ID="RadScriptManager1" runat="server" />

<telerik:RadAjaxManager ID="RadAjaxManager1" runat="server" EnableAJAX="true">

<telerik:AjaxSetting AjaxControlID="rgGeography">

<telerik:AjaxUpdatedControl ControlID="rgGeography" LoadingPanelID="RadAjaxLoadingPanel1" />

</UpdatedControls>

</telerik:AjaxSetting>

</AjaxSettings>

</telerik:RadAjaxManager>

<telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" Runat="server" />

<tr>

</tr>

<tr>

<td><telerik:RadComboBox ID="rdExistingSubVersions" OnItemsRequested="rdExistingSubVersions_ItemsRequested"

AllowCustomText="true" EmptyMessage="Pick a Sub-Version" HighlightTemplatedItems="true" EnableLoadOnDemand="true" Filter="StartsWith" MarkFirstMatch="true" CssClass="BlackHeaders8ptBoldNoUnderline" AutoPostBack="True" Runat="server">

</telerik:RadComboBox>

</td>

</tr>

<tr>

<td><telerik:RadComboBox ID="rdVersion" OnItemsRequested="rdVersion_ItemsRequested"

AllowCustomText="true" EmptyMessage="Pick a Version" HighlightTemplatedItems="true" EnableLoadOnDemand="true" Filter="StartsWith" MarkFirstMatch="true" CssClass="BlackHeaders8ptBoldNoUnderline" AutoPostBack="True" Runat="server">

</telerik:RadComboBox>

</td>

</tr>

<tr>

<telerik:RadGrid ID="rgGeography" runat="server" PageSize="250" AllowPaging="True" AllowFilteringByColumn="True" Width="600px" Height="400px" AllowSorting="True" AllowMultiRowSelection="True">

<telerik:GridTemplateColumn AllowFiltering="false" SortExpression="Selected" HeaderText="Selected" ItemStyle-HorizontalAlign="Center" DataField="Selected" HeaderStyle-HorizontalAlign="Center" UniqueName="CheckBoxTemplateColumn">

<asp:CheckBox id="headerChkbox" OnCheckedChanged="ToggleSelectedState" AutoPostBack="True" runat="server"></asp:CheckBox>

</HeaderTemplate>

<asp:CheckBox id="CheckBox1" Checked='<%# Eval("Selected") %>' OnCheckedChanged="ToggleRowSelection" AutoPostBack="True" runat="server"></asp:CheckBox>

</ItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridBoundColumn AutoPostBackOnFilter="true" CurrentFilterFunction="EqualTo" ItemStyle-HorizontalAlign="Center" HeaderStyle-HorizontalAlign="Center" DataField="Geography" HeaderText="Geography"

SortExpression="Geography" UniqueName="Geography"/>

<telerik:GridBoundColumn ItemStyle-HorizontalAlign="Center" HeaderStyle-HorizontalAlign="Center" DataField="CircType" HeaderText="Circulation Type"

SortExpression="CircType" UniqueName="CircType" AutoPostBackOnFilter="true"/>

<telerik:GridBoundColumn DataField="id" UniqueName="id" Visible ="false"/>

</Columns>

</MasterTableView>

</ClientSettings>

</telerik:RadGrid>

</td>

</tr>

<tr>

</tr>

</table>

</form>

Grid

answered on 07 Mar 2012

2 answers

74 views

GridDropDownColumn with tristate booleans

I am using a GridDropDownColumn to show values from my tri-state boolean, and in edit-mode, this works. But I can't get it to show any value when not in edit-mode. Does anyone have any example on how to do this?

I am using OnItemDataBound to bind the value dynamically, like this:

if (e.Item is GridEditableItem && e.Item.IsInEditMode)
{
	GridEditableItem editedItem = e.Item as GridEditableItem; 
	GridDropDownListColumnEditor editList = editedItem.EditManager.GetColumnEditor("DropDownColumnId") as GridDropDownListColumnEditor;
	if (editList != null)
	{
		editList.DataSource = GetDropDownListDataSource("DropDownColumnId");
		editList.DataBind();
		string selectedValue = "";

if (((Template)e.Item.DataItem).EnableCalculation.HasValue)
{
if ((bool)((Template)e.Item.DataItem).EnableCalculation)
selectedValue = "1";
else
selectedValue = "0";
}
editList.DropDownListControl.SelectedValue = selectedValue;
}
}

How do I get hand on the GridDropDownListColumn when not in edit-mode?

Grid

answered on 07 Mar 2012

3 answers

77 views

set_currentItemIndex and CrossFade Empty Frame

I implemented a slideshow:

<telerik:RadRotator ID="radSlideShow" runat="server" DataSourceID="xmlSlideShowSource"

Width="516px" Height="310px" ItemWidth="516px" ItemHeight="310px"

RotatorType="SlideShow" FrameDuration='<%$ AppSettings:SlideShowFrameDuration %>'

OnClientItemShown="radSlideShow_OnClientItemShown"

OnClientLoad="radSlideShow_OnClientLoad">

<SlideShowAnimation Duration='<%$ AppSettings:SlideShowFadeDuration %>' Type="CrossFade" />

<ItemTemplate>

<a href='<%# XPath("href") %>'>

<img

src='<%# System.Configuration.ConfigurationManager.AppSettings("SlideShowImagesRelativePath") + XPath("filename") %>' alt='<%# XPath("description") %>' % style="border-width: 0px;" />

</a>

</ItemTemplate>

</telerik:RadRotator>

And it transitions nicely from frame to frame without any problems. But, I also included a custom navigation control that uses the clientside API to change the current visible frame by the index.

function showItemByIndex(index) {

/* Be sure the slideShow RadRotator object is assigned */

if (slideShow == null) return;

/* Set the current frame index, 'false' to disable animation */

slideShow.set_currentItemIndex(index, false);

/* Reset the slideshow's timer, so that it doesn't just quickly change */

slideShow.stop();

slideShow.start();

/* Set the CSS of the button that the user clicked on */

setButtonByIndex(index);

}

The code appears to be working, except that whatever the previous slide was that was animated, it is not visible to go back to. For example, assume three slides:

Page is loaded
Slide[0] is displayed
Slide[0] fades out, as Slide[1] fades in
User clicks on NavigationButton[0]
"showItemByIndex(0)" is executed
RadRotator sets the current item index to 0
Slide[0] is still faded out, and a blank frame is displayed

In my tests, the previous frame is always invisible because it was faded out. I hope I explained this well enough. I used "Fade" instead of "CrossFade" for an animation, and it works fine, so I've implemented that although I prefer the cross fade.

Rotator

answered on 07 Mar 2012