This is a migrated thread and some comments may be shown as answers.

How to add Telerik.Web.UI.RadSliderItem through Javascript

1 Answer 31 Views
Slider
This is a migrated thread and some comments may be shown as answers.
Sumit Pokhriyal
Top achievements
Rank 1
Sumit Pokhriyal asked on 30 Jul 2010, 10:24 PM
Here is the control which I declared in my aspx

<

telerik:RadSlider runat="server" ID="RadSlider1" Visible="true"

 

 

Orientation="Horizontal" Width="350px" Height="60px"

 

 

ItemType="Item" IsSelectionRangeEnabled="false" CssClass="ItemsSlider"

 

 

ThumbsInteractionMode="Free" OnClientValueChange="loadNxtPage"

 

 

Skin="Vista">

 

 

<Items>

 

 

<telerik:RadSliderItem Text="1" Value="1" />

 

 

<telerik:RadSliderItem Text="2" Value="2" />

 

 

<telerik:RadSliderItem Text="3" Value="3" />

 

 

<telerik:RadSliderItem Text="4" Value="4" />

 

 

<telerik:RadSliderItem Text="5" Value="5" />

 

 

<telerik:RadSliderItem Text="6" Value="6" />

 

 

<telerik:RadSliderItem Text="7" Value="7" />

 

 

<telerik:RadSliderItem Text="8" Value="8" />

 

 

<telerik:RadSliderItem Text="9" Value="9" />

 

 

<telerik:RadSliderItem Text="10" Value="10" />

 

 

<telerik:RadSliderItem Text="11" Value="11" />

 

 

<telerik:RadSliderItem Text="12" Value="12" />

 

 

</Items>

 

 

</telerik:RadSlider>

 

 on OnClientValueChange="loadNxtPage" I put the following javascript in LoadNxtPage function

 

var slider = $find("<%= RadSlider1.ClientID %>");

 

 

var slideItem = new Telerik.Web.UI.RadSliderItem;

 

slideItem.set_text(

"13");

 

slideItem.set_value(

"13");

 

slider.trackChanges();

slider.get_items().add(comboItem);

slideItem.select();

slider.commitChanges();

 Code in Bold throws error.so ultimately I am not able to add one more RadSliderItem in my slider. Please help me I want to add these RadSliderItem from client side only.

Basically I want to use this slider as a paging mechanism. So all these RadSliderItems act as page No. for my datagrid.I am trying to achieve paging mechanism like the way Google search engine does. But all this functionality I want to do from client side not from code behind.
I cannot use Radgrid as the paging option given in that control requires to bind complete set of data initially I can't do that as I have around 40,000-50,000 rows of data so it takes lots of time. By customizing paging,every time user clicks to radSliderItem, I fetch only certain rows from client side say around 100s and thus saves lots time in rendering data.

1 Answer, 1 is accepted

Sort by
0
Georgi Tunev
Telerik team
answered on 05 Aug 2010, 08:30 AM
Hello Sumit Pokhriyal,

I am afraid this is not possible - RadSlider does not support creating RadSliderItems on the client.


All the best,
Georgi Tunev
the Telerik team
Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items
Tags
Slider
Asked by
Sumit Pokhriyal
Top achievements
Rank 1
Answers by
Georgi Tunev
Telerik team
Share this question
or