[ASP/AJAX] Time sliders maken, hoe?

[Wijnbo]

Ben nog niet zo gek lang bezig met Ajax, maar zit met een probleem waar jullie hoop ik wel uit komen.

Ik wil graag het volgende bereiken in mijn web applicatie :

Slider 1 : Begin tijd
Slider 2 : Eindtijd.

Textbox 1 : representatie van de begintijd
Textbox 2 : representatie van de eindtijd

Ik heb hiervoor 2 sliders gemaakt, deze ieder aan een textbox gekoppeld, d.m.v. de volgende code: (Voor 1 slider hieronder)

ASP.NET Visual Basic:

                    <asp:TextBox ID="txtStartTimeSlider" runat="server" Text="0" OnTextChanged="timeChanged" AutoPostBack="true"/>
                    <asp:TextBox ID="txtStartTimeBC" runat="server" OnTextChanged="timeChanged" AutoPostBack="true" />
<ajaxToolKit:SliderExtender 
                        ID="startTimeSliderExtender" 
                        BoundControlID="txtStartTimeBC" 
                        RaiseChangeOnlyOnMouseUp="false"
                        runat="server" 
                        TargetControlID="txtStartTimeSlider"
                        Length="200" 
                        BehaviorID="txtStartTimeSlider" 
                        Minimum="0" 
                        Maximum="95" 
                        Steps="95">
                    </ajaxToolKit:SliderExtender>

Wat ik wil bereiken is het volgende : Wanneer de slider geschoven wordt, update een veld naar de waarde, alleen dit moet voor de gebruiker leesbaar zijn.
De slider loopt van 0 - 1440, namelijk 24 uur * 60 minuten.

Zat te denken aan volgende constructie :


Slider --> hidden boundcontrol met echte waarde v.d. slider, bv 1200--> Textfield met tijd-representatie van de waarde, 1210 wordt dus 20:10

Omdat de gebruiker ook handmatig een waarde in het textfield moet kunnen stoppen, bv 14:30, moet deze eigelijk weer de slider updaten. Hoe doe ik dit? Ik merk dat de slider zelf geen Value o.i.d. heeft, maar volgens de tutorial site van de ASP AJAX Toolkit moet dit werken via het setten van de Text van de BoundControl, alleen deze doet niets! Zelfs al doe ik in mijn Page_Load iets als txtStartTimeSliderBC.Text = "11"; De slider schuift niet mee, en de waarde veranderd ook niet.

Kan iemand me op weg helpen?

[Bozozo]

Als je toch JavaScript gebruikt... ik heb ooit een ASCII generator gemaakt met wat sliders die precies doen wat jij wilt. JavaScript staat hier. De functies addSlider, handleFieldChange, dropSlider en setSlider zijn de crux dacht ik.

[sopsop]

Ik neem aan dat je de demopagina van de asp.net ajax toolkit ook al hebt bekeken?

http://www.asp.net/ajax/a...amples/Slider/Slider.aspx

Daar wordt volgens mij alles gedaan wat jij wilt.

[Wijnbo]

sopsop schreef op dinsdag 03 juni 2008 @ 11:06:
Ik neem aan dat je de demopagina van de asp.net ajax toolkit ook al hebt bekeken?

http://www.asp.net/ajax/a...amples/Slider/Slider.aspx

Daar wordt volgens mij alles gedaan wat jij wilt.

Er, nee. Mijn slider heeft namelijk wel een boundcontrol, maar dat krijgt dus een waarde als 1200 o.i.d. Ik wil dat de gebruiker gewoon een tijd ziet, daarom is mijn bound control hidden, en een ander TextBox niet. Maar ik wil vanuit code behind mijn slider waarde veranderen, lijkt niet echt te werken. (Als de gebruiker dus iets in de Textbox intikt als 20:00 , moet mijn boudcontrol dus updaten naar 20 * 60 en mijn sliders dus ook op 1200 gaan staan.)

[Niemand_Anders]

20:00 tonen ipv van 1200 is gewoon een kwestie van presentatie van een waarde (TimeSpan) in de textbox. Misschien is het verstandig dat je de ajax video's op www.asp.net bekijkt.. Met events kom je in elk geval een heel eind.

[? ?]

..

[ Voor 121% gewijzigd door ? ? op 25-01-2013 09:51 ]