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

[Sumit Pokhriyal]

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.

[Georgi Tunev]

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