Questions on UI for ASP.NET AJAX Forum

3 answers

401 views

Hi, I know that this topic was raised here before but I can’t really get anywhere reading previous posts. Could someone point me in the right direction?

I have created a clear page , added radgrid, object data source and radscriptmanager, paging enabled(10) . Objectdatasource is using dataset based on stored procedure retrieving 100k rows. I understand that initial load time can be slow as it’s a lot of data, but I was hoping that switching between pages will be really quick. Looking at profiler when I go form one page to another the same query is executed on sql server, I am not sure why we would query for data we already have. Could someone tell me what I am doing wrong and what should I do to make it quicker ?

I am using: version 2011.1.519.35

Thank you for help

Grid

answered on 20 Jan 2012

2 answers

144 views

Loading panel wont show/ajax not working

I'm not sure if the loading panel is not showing because the ajax manager is not working or vice versa. But I do know the loading panel is not showing and it appears that the page is still performing a postback by the looks of the browser. Can you help? Here's my code

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

<AjaxSettings>

<telerik:AjaxSetting AjaxControlID="grdActivity">

<UpdatedControls>

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

</UpdatedControls>

</telerik:AjaxSetting>

</AjaxSettings>

</telerik:RadAjaxManager>

<telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server">

</telerik:RadAjaxLoadingPanel>

<div id="RecentActivityContent" class="QuickViewContent">

<telerik:RadGrid runat="server" ID="grdActivity" DataSourceID="objActivity" Width="360px"

GridLines="Horizontal" Skin="Sunset" ShowHeader="false" >

<HeaderStyle CssClass="HistoryGridHeader" />

<PagerStyle Mode="NextPrevNumericAndAdvanced"></PagerStyle>

<MasterTableView AutoGenerateColumns="false" CssClass="GridRecentActivity">

<GroupByExpressions>

<telerik:GridGroupByExpression>

<SelectFields>

<telerik:GridGroupByField FieldAlias="Date" FieldName="Date" FormatString="{0:D}"

HeaderValueSeparator=" from date: " />

</SelectFields>

<GroupByFields>

<telerik:GridGroupByField FieldName="Date" SortOrder="Descending" >

</telerik:GridGroupByField>

</GroupByFields>

</telerik:GridGroupByExpression>

</GroupByExpressions>

<Columns>

<telerik:GridTemplateColumn DataField="Message" HeaderText="Message" UniqueName="Message">

<ItemTemplate>

<asp:Label runat="server" id="Label1" Text='<%# Eval("Type") %>' CssClass="FirstColumn" /> -

<asp:Label runat="server" id="lblMessage" Text='<%# Eval("Message") %>' />

</ItemTemplate>

</telerik:GridTemplateColumn>

</Columns>

</MasterTableView>

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

<Selecting AllowRowSelect="True"></Selecting>

<Resizing AllowRowResize="True" AllowColumnResize="True" EnableRealTimeResize="True"

ResizeGridOnColumnResize="False"></Resizing>

</ClientSettings>

</telerik:RadGrid>

Thanks,
Ron.

Ajax

answered on 20 Jan 2012

1 answer

97 views

Indexing Issue Tabs not change, page does.

I have set up my tabcontrol, but when it runs it never moves off of the first one. I think it has something to do with the
selectedindex="0", but the builder didn't put anything in for that. I tried the Javascript I found on here but that just generates
an error that Microsoft JScript runtime error: Unable to get value of the property 'get_element': object is null or undefined

<telerik:RadScriptManager ID="RadScriptManager1" Runat="server">

</telerik:RadScriptManager>

<telerik:RadTabStrip ID="RadTabStrip1" runat="server" SelectedIndex="0"

ontabclick="RadTabStrip1_TabClick" Skin="Black">

<Tabs>

<telerik:RadTab runat="server" NavigateUrl="~/Default.aspx"

Selected="True" Text="Home">

<Tabs>

<telerik:RadTab runat="server" NavigateUrl="~/Careers.aspx"

Text="Careers">

</telerik:RadTab>

<telerik:RadTab runat="server" NavigateUrl="~/ContactUs.aspx"

Text="ContactUs">

</telerik:RadTab>

<telerik:RadTab runat="server" NavigateUrl="~/About.aspx"

Text="About Us">

</telerik:RadTab>

</Tabs>

</telerik:RadTab>

<telerik:RadTab runat="server" NavigateUrl="~/Service.aspx"

Text="Services">

<Tabs>

<telerik:RadTab runat="server" NavigateUrl="~/GetAQuote.aspx"

Text="Get A Quote">

</telerik:RadTab>

</Tabs>

</telerik:RadTab>

<telerik:RadTab runat="server" NavigateUrl="~/Products.aspx"

Text="Products">

<Tabs>

<telerik:RadTab runat="server" NavigateUrl="~/pads.aspx" Text="Pads">

</telerik:RadTab>

<telerik:RadTab runat="server" NavigateUrl="~/holiday1.aspx"

Text="Holiday Cards">

</telerik:RadTab>

</Tabs>

</telerik:RadTab>

<telerik:RadTab runat="server" NavigateUrl="~/Resources.aspx"

Text="Resources">

</telerik:RadTab>

<telerik:RadTab runat="server" NavigateUrl="~/Uploadafile.aspx"

Text="Up Load A File">

</telerik:RadTab>

<telerik:RadTab runat="server" BackColor="Transparent" Font-Bold="True"

ForeColor="Red" Text="On-line Specials" NavigateUrl="~/Specials.aspx">

</telerik:RadTab>

</Tabs>

</telerik:RadTabStrip>

<script type="text/javascript">

function pageLoad() {

var tabstrip = $find("RadTab");

$telerik.$("a", tabstrip.get_element()).bind("focus", function () {

var index = $telerik.$("a", tabstrip.get_element()).index(this);

tabstrip.get_tabs().getTab(index).set_selected(true);

});

}

</script>

TabStrip

answered on 20 Jan 2012

8 answers

105 views

[Solved] Scrolling Sticks when Mousing over

Hi,

I'm trying to use the rotator in a few sites but the one common feedback I get back is that the users do not like how the scrolling with the mouse wheel sticks and stops their ability to continue scrolling down the page.

I know that the mouse wheel is trying to scroll through images, but I couldn't find anything that would simply stop the sticking. I don't need the mouse wheel scrolling the images, I would like the mouse wheel to operate as normal and continue scrolling down the page.

You can see an example here: http://www.entertheworshipcircle.com

Your feedback would be appreciated!

Thanks,
Chris

Rotator

answered on 20 Jan 2012

2 answers

127 views

Customizing resource header

Hello

    I want my scheduler to appear similar to the image attached.  (i.e Room ID's in top)

How should I implement it ?

Abhishek

Scheduler

answered on 20 Jan 2012

1 answer

216 views

Sorting Currency/Numbers with Grid created in code behind

Hi,

I have Telerik grid control where the columns and rows are added in the code behind.

Everything works great - except the sorting. I need to have currency fields sort by currency/number fields sort properly instead of using string sort.

Any idea the best way to go about this is for the approach below is?

Thanks,
Chris

DataTable dt = new DataTable();

dt.Columns.Add("Column1");

dt.Columns.Add("Cost");

string[] info = new string[2];

info[0] = "Row1_cell1";

info[1] = "23.00";

Session["DataTable"] = dt;

RadGrid1.DataSource = dt;

RadGrid1.DataBind();

Grid

answered on 20 Jan 2012

5 answers

147 views

[Solved] Disabled items

Hello

I have a slider where i can select a number from 0-5. If I disable one of these items it is still possible to select it. Even If I set the element to visible=false it is still selecteble just that the layout get mixed upp.

I just want it grayed out and non selecteble. If I try to select it or drag it to that number it will just go back to its previous position.
Is this possible?

Slider

answered on 20 Jan 2012

15 answers

336 views

URGENT:Load On Demand RadPanelBar with MultiPage

CASE SCENARIO :

I have a rad panel bar as you can see it in the code below,a MultiPage and 2 usercontrols..

WHAT I WANT:

Whenever we click on any item in the panel , new pageview gets created from code-behind , the ID of pageview is same as value of item getting clicked, the pageview dynamically loads an usercontrol (refer C# code)
The Panel clicking also fires a javascript event in which if the pageview is already loaded it simply displays that pageview without any server-side event or postback occuring(refer javascript code)

WHAT IS THE PROBLEM IN MY CODE? WHY AIN'T IT WORKING THE WAY IT IS EXPECTED TO ? Thanks

ASPX CODE:

<telerik:RadPanelBar style="margin-left:8px;" ID="RadPanelBar1" Runat="server" Skin="Office2007"

Width="210px" onitemclick="RadPanelBar1_ItemClick" OnClientItemClicked="onitemclick">

<Items>

<telerik:RadPanelItem runat="server"

Owner="RadPanelBar1" Text="Speak & Listen.." Expanded="True">

<Items>

<telerik:RadPanelItem runat="server" Owner=""

Selected="True" Text="Friends News Feed" Value="nfeed">

</telerik:RadPanelItem>

<telerik:RadPanelItem runat="server"

Owner=""

Text="Following Public Profiles" Value="try">

</telerik:RadPanelItem>

</Items>

</telerik:RadPanelItem>

</telerik:RadPanelBar

>

<telerik:RadMultiPage ID="RadMultiPage1" runat="server" OnPageViewCreated="RadMultiPage1_PageViewCreated">

			    </telerik:RadMultiPage>

C# CODE

protected void RadMultiPage1_PageViewCreated(object sender, RadMultiPageEventArgs e)

{

}

protected void RadPanelBar1_ItemClick(object sender, RadPanelBarEventArgs e)

{

RadPageView pager = new RadPageView();

pager.ID = e.Item.Value.ToString();

Control userControl = Page.LoadControl("Newsfeed/" + e.Item.Value.ToString() + ".ascx");

userControl.ID = e.Item.Value.ToString() + "usercontrol";

pager.Selected = true;

pager.Controls.Add(userControl);

RadMultiPage1.Controls.Add(pager);

}

JAVASCRIPT CODE

function onitemclick(sender, args) {

var multiPage = $find("<%=RadMultiPage1.ClientID%>");

var item = args.get_item();

var itemt = item.get_value();

if (multiPage.get_pageViews().get_count() > 2) {

for (var i = 0; i < multiPage.get_pageViews().get_count(); i++) {

if (multiPage.get_pageViews().getPageView(i).get_id() == itemt) {

var pageView = multiPage.findPageViewByID(itemit);

pageView.set_Selceted(true);

pageView.show();

item.set_postBack(false);

}

PanelBar

answered on 20 Jan 2012

1 answer

141 views

Radgrid auto-scroll while drag & drop

Hello,

I have a radgrid for which scrolling occurs when the item count is beyond 15.

The grid has been availed with the feature to drag and drop the items with in the grid.

Now when the scrolling occurs, I feel uneasy to drop the rows at the position where it needs scrolling.

Can auto-scrolling be achieved while drag and drop of rows in the radgrid?

If so, please help me for doing the same.

Thanks in advance!

Prasad.

General Discussions

answered on 20 Jan 2012

3 answers

250 views

RadTimePicker add hours with client side api

How do I add hours to the current time on the RadTimePicker control?

Currently my 'End' RadTimePicker automatically defaults to the 'Start' time RadTimePicker when the user selects the Start time. My desired output is for the End RadTimePicker to automatically default the the Start time RadTimePicker, plus one hour, when the user selects the Start time.

Thanks for any help :)

Calendar

answered on 20 Jan 2012