This is a sub-model, contained in the modelView object defined on the page itself. In SelectFilters.js, two classes are defined. Multiple web pages in an application can refer to this file. This allows easy portability of the classes.
Knockout font family zip free code#
Internal StructureĪll the internal javascript code was placed in the file SelectFilters.js. This means that the page could be configured to use variable sets of controls. The controls are created dynamically, so it is not necessary to hard-code each control. The controls can be heirarchically related as parents and children to any level, or some of them can be independent of the others.Ĥ. The controls can be a mix of either drop-downs or multi-select listboxes.ģ. You configure each by specifying a property name from the records you want to filter, and optionally a property name corresponding to a parent control.Ģ. Any number of select controls can be linked in a heirarchical manner. I recently started playing with the javascript libray Knockout ( ), so I decided to see if Knockout could make the problem easier.ġ.
This worked, but the coding is very tedious and labor-intensive. In the past I have repeatedly implemented this functionality in plain javascript. You only need to specify the names of the properties to filter on! Background Note: The functionality is abstracted out so it can be applied to any kind of collection of records. For example, if the user selects Philadelphia in the City control, then the Zip Code control will only display zips that are in Philadelphia, and so on. This binding causes a change in a user's selection to be immediately reflected in the options available in the other controls. The page relies on the data binding provided by Knockout.js library. The page will allow the user to filter this list by state, city, zip code, # of bedrooms and residence type. In the example, we use a collection of ficticious residential addresses representing homes for rent. This article provides the source code to enable you to easily configure a web page containing multiple SELECT controls used to filter a collection of records (usually displayed in a grid or table).
Knockout font family zip free download#
Download SelectFiltersExample.zip - 4.9 MB.
0 kommentar(er)
