how to perform filter operation in grid view values using ajax multislider extender?

i bind airline and price values in grid view. And now i want to perform filter operation on grid view using ajax multi slider extender.

ex:

airlie: price

aa 5000

bb 10000

cc 2000

(Fliter using ajax multislider Extednder)

how to do that? i am in need now.. thanks in advance..

Re: how to perform filter operation in grid view values using ajax multislider extender?

I started with this.

http://www.asp.net/web-forms/tutorials/ajax-control-toolkit/slider/using-the-slider-control-with-auto-postback-cs

And built this real quick. It uses a table that has two fields, a string field (aaa, bbb, ccc) and a value field (123.50, 440.10, 225.50).

This is hardly an ideal solution but should get you where you need to go.

<div>
        <asp:ScriptManager ID="s1" runat="server" />
        <asp:TextBox ID="txtValueFilter" runat="server" AutoPostBack="true" />
        <asp:TextBox ID="sliderValue" runat="server" AutoPostBack="true" />
        <ajaxToolkit:SliderExtender ID="se1" runat="server" TargetControlID="sliderValue"
            BoundControlID="txtValueFilter" Minimum="0" Maximum="1000" />
        <br />
        <asp:UpdatePanel ID="upd1" runat="server">
            <ContentTemplate>
                <asp:GridView ID="GridView1" runat="server" DataSourceID="SqlDataSource1" AutoGenerateColumns="False"
                    DataKeyNames="id" Width="313px">
                    <Columns>
                        <asp:BoundField DataField="name" HeaderText="name" SortExpression="name" />
                        <asp:BoundField DataField="value" HeaderText="value" SortExpression="value" />
                    </Columns>
                </asp:GridView>
                <asp:SqlDataSource ID="SqlDataSource1" runat="server" ConnectionString="<%$ ConnectionStrings:TestConnectionString %>"
                    SelectCommand="SELECT [id], [name], [value] FROM [Values] WHERE ([value] &gt; @value)">
                    <SelectParameters>
                        <asp:ControlParameter ControlID="txtValueFilter" DefaultValue="0" Name="value" PropertyName="Text"
                            Type="Double" />
                    </SelectParameters>
                </asp:SqlDataSource>
            </ContentTemplate>
            <Triggers>
                <asp:AsyncPostBackTrigger ControlID="s1" EventName="Load" />
            </Triggers>
        </asp:UpdatePanel>
    </div>

Re: how to perform filter operation in grid view values using ajax multislider extender?

Filter Gridview using AJAX slider - http://www.dotnetfunda.com/articles/article818-filter-gridview-records-using-ajax-slider-control.aspx

Thanks,

Re: how to perform filter operation in grid view values using ajax multislider extender?

you can try Jquery UI slider to enjoy real time filter. I have also used this and its working great.

http://jqueryui.com/demos/slider/#range

Thanks