FileManager Feature Filter|KT.UI for ASP.NET AJAX

FileManager Feature Filter in ASP.NET

Home > How to > FileManager Filtering

Although Kettic ASP.NET AJAX UI Suite does include a filter control which provides complete filtering for all kinds of scenarios, some other functions also provides simple file filtering function, such as this FileManager control.

In the following sections, we will provide you with a simple introduction to how you how to filter the files and folders in Kettic file manager grid. But first of all, you need to set true to the EnableFilterTextBox property so that a search box will appear in the header of the grid, and thus all the related properties can be customized and applied.

EnableFilterTextBox: This property, when set to true, can render a textbox which can be used to filter the files in the grid. If you ever need to use the filter function and adjust its behavior later, you should remember setting true to this property in the first place.

EnableFilteringOnEnterPressed: As the name suggests, this property, when set to true, will enable file or folder filtering once you have pressed the Enter button. This property has a default value of false, so that filtering is preformed each time you hit a keystroke. Unless you do not want it to work this way, just set true to it. Additionally, this property can only customizable once you have enabled the filter textbox first.

FilterTextBoxLabel: If you set true to this property, the FileManager control will display the text of the label right next to the filter textbox.

OnClientFilter: This property indicate the name of the javascript function that is called only when the user proceed the file filtering in the grid.

After the introduction above, you might have got a general idea of the file filtering function provided by FileManager control. Here are the corresponding ajax codes:

<kettic:PerFileManager runat="server" ID="FileManager1" 
Width="520px" Height="320px"
AllowPaging="true" PageSize="6" EnableFilterTextBox="true" 
OnClientFilter="OnClientFilter">
                <Configuration ViewPaths="/Images/FileManager"></Configuration>
            </kettic:PerFileManager>

And these are the javascript sample codes:

<script type="text/javascript">
                    function logEvent(message) {
                        var eventLogConsole = $get("<%=eventLog.ClientID%>");
                        eventLogConsole.innerHTML += message + "<br>";
                    }

                    function OnClientFilter(sender, eventArgs) {
                        logEvent("Filter event: The user searched for <strong>\"" + eventArgs.get_text() + "\"</strong> keyword.");
                    }

                </script>

ASP.NET AJAX UI Controls

ASP.NET AJAX Chart UI Control ASP.NET AJAX Grid UI Control ASP.NET AJAX Barcode UI Control ASP.NET AJAX Button UI Control ASP.NET AJAX Calendar UI Control ASP.NET AJAX NavigationBar UI Control ASP.NET AJAX Captcha UI Control ASP.NET AJAX Color Editor UI Control ASP.NET AJAX ComboBox UI Control ASP.NET AJAX DataPager UI Control ASP.NET AJAX Dock UI Control ASP.NET AJAX DropDownList UI Control ASP.NET AJAX DropDownTree UI Control ASP.NET AJAX HtmlEditor UI Control

ASP.NET AJAX FileManager UI Control

Overview Getting Started

Features

Filtering

Edit Settings

Style

Skins

Client Prpgramming

FileManager Event ASP.NET AJAX Filter UI Control ASP.NET AJAX Input UI Control ASP.NET AJAX ListBox UI Control ASP.NET AJAX ListView UI Control ASP.NET AJAX ToolBar UI Control ASP.NET AJAX TabControl UI Control ASP.NET AJAX Menu UI Control ASP.NET AJAX ToolTip UI Control