DMXzone Slider Manual

Improve your site usability with a great looking Slider Control

In this article you will find a detailed manual for the DMXzone Slider extensions. Everything from basic to advanced usage is covered with tutorials and videos. Learn how to combine it with other DMXzone extensions such as Ajax Datagrid, HTML5 Slideshow  and Advanced CSS Animator through the Behavior Connector and more. Also, we have included the features with screenshots for better preview.

Advanced: Using DMXzone Slider to Filter Ajax Datagrid

In this tutorial we will show you how to use DMXzone Slider in order to filter Ajax Datagrid.

*You can also check out the video.

How to do it

  1. We've already inserted our Ajax Datagrid on our page and we're going to use DMXzone Slider to filter it by the price column.

  1. In a separate container we will insert the DMXzone Slider so open the DMXzone Slider window.

  1. In the DMXzone Slider window we set 200 as a minimal value and 800 as a maximal value (1), also in the range options we check the fixed maximum (2) and use 200 as an initial max value (3).

  1. Now we're going to connect the DMXzone Slider with the Ajax Datagrid through the Behavior connector. Click the Add/edit behaviors button.

  1. From the DMXzone folder (1), choose Control Ajax Datagrid behavior (2), select the When handle is dragged action (3) and add the selected behavior (4).

  1. In the Control Ajax Datagrid window select the Ajax Datagrid ID (1) from the Grid ID menu and add the Set grid filter item (2) from the select action dropdown menu.

  1. We're going to use the Price column in our Ajax Datagrid (1) with < item as a condition (2), entered value as value (3) and ##value## as a mask (4) that returns the current value of the handle.

  1. Now you can save your work and preview the result in the browser.

Lubov Cholakova

Lubov CholakovaLubov has been with DMXzone for 8 years now, contributing to the Content and Sales departments. She is bringing high quality content in the form of daily blog updates, reviews, tutorials, news, newsletters,update emails and extensions' manuals. If you have a product that needs publicity or any other questions about the entire DMXzone community, she is the one you can contact.

See All Postings From Lubov Cholakova >>


Be the first to write a comment

You must me logged in to write a comment.