MSDN Magazine - January 2008 - (Page 46)

any value you wish. Note, though, that the assigned value must be compatible with the numeric range set via the slider; otherwise, the slider will silently fix it. Let’s consider the following example: Why should you opt for $find instead of $get? The $get function is shorthand for document.getElementById. As such, it can only look for DOM elements. The $find function stands for Sys.Application.findComponent and applies to any component of the Microsoft AJAX Library that has been programmatically created. An extender is added to the page using the following script: Sys.Application.add_init( function() { $create(AjaxControlToolkit.SliderBehavior, {“BoundControlID”:”IncomeAsText”, “Maximum”:200000, “Steps”:41, “id”:”SliderExtender1”}, null, null, $get(“Income”)); } ); The slider applies to a TextBox control named Income and ensures it is visually assigned a value in the range 0-200000. The Steps property indicates how many discrete steps should be It’s wise to implement a provided. The preceding setting lets the slider jump by 5000 every time. If you permanently deleting some programmatically set the data on the server. slider on the server, the value is first converted to a number and then mapped to the nearest step value. If you pass in a string, the slider will ignore it and default to the initial value of the range. If you set the value of the underlying textbox on the client via JavaScript, then the value is correctly recognized over the next postback, but it is not immediately reflected by the user interface. To programmatically change the value in the slider from within the client, use the following code: $find(“SliderExtender1”).set_Value(145678); Being a Microsoft AJAX Library component, it can only be found using the $find function. The BoundControlID property refers to a DOM element that dynamically displays the current slider value. In most cases, you’ll use a or a Label for this purpose. Internally, the slider distinguishes between INPUT and any other HTML elements. It sets the value property in the former case; otherwise, it uses the innerHTML property of the matching DOM element. The slider script hides the underlying TextBox, so the element may be flashing during the page loading. You can hide it declaratively using CSS styles. Finally, be aware that regular textboxes are 46 msdnmagazine Cutting Edge http://www.iocomp.com http://www.iocomp.com

Table of Contents Feed for the Digital Edition of MSDN Magazine - January 2008

MSDN Magazine - January 2008 Contents Toolbox CLR Inside Out Data Points Advanced Basics Cutting Edge IIS 7.0 - Enhance Your Apps with the Integrated ASP.NET Pipeline World Ready - Around the World with ASP.NET AJAX Applications WCF Syndication - HTTP Programming with WCF and the .NET Framework 3.5 Wicked Code Foundations Extreme ASP.NET {End Bracket}

MSDN Magazine - January 2008

For optimal viewing of this digital publication, please enable JavaScript and then refresh the page. If you would like to try to load the digital publication without using Flash Player detection, please click here.