Skip to content
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
16 changes: 8 additions & 8 deletions angularjs/Autocomplete/Getting-Started.md
Original file line number Diff line number Diff line change
@@ -1,13 +1,13 @@
---
layout: post
title: Getting-Started
description: getting started
title: Getting-Started with AngularJS Autocomplete Control | Syncfusion
description: Learn here about Getting Started with Syncfusion Essential AngularJS Autocomplete control, its elements, and more.
platform: AngularJS
control: Autocomplete
documentation: ug
---

# Getting Started
# Getting Started with AngularJS Autocomplete

The AutoComplete control is a textbox control that provides a list of suggestions based on your query. When you enter text into the text box, the control performs a search operation and provides a list of results. There are several filter types available to perform the search.

Expand Down Expand Up @@ -94,7 +94,7 @@ To render the ejAutocomplete using angular directive, we need to inject the ejan
{% endhighlight %}


![](Getting_Started_Images/autocomplete.png)
![Create HTML File in AngularJS Autocomplete](Getting_Started_Images/autocomplete.png)

## Model binding

Expand Down Expand Up @@ -142,7 +142,7 @@ Add in the $scope value as below.

{% endhighlight %}

![](Getting_Started_Images/modelbinding.png)
![Model Binding in AngularJS Autocomplete](Getting_Started_Images/modelbinding.png)


## Data binding
Expand Down Expand Up @@ -203,7 +203,7 @@ The data for the suggestion list can be populated using the dataSource property.
{% endhighlight %}
{% endtabs %}

![](Getting_Started_Images/databinding.png)
![Data Binding in AngularJS Autocomplete](Getting_Started_Images/databinding.png)

## Enable Popup Button

Expand Down Expand Up @@ -261,7 +261,7 @@ This button helps you to show all the available suggestions on clicking it.
{% endhighlight %}
{% endtabs %}

![](Getting_Started_Images/showpopup.png)
![Show PopUp in AngularJS Autocomplete](Getting_Started_Images/showpopup.png)

## Two Way Binding

Expand Down Expand Up @@ -326,4 +326,4 @@ We have a two way data binding when a model variable is bound to an element that

{% endtabs %}

![](Getting_Started_Images/twowaybinding.png)
![Two Way Binding in AngularJS Autocomplete](Getting_Started_Images/twowaybinding.png)
30 changes: 15 additions & 15 deletions angularjs/Grid/Filter.md
Original file line number Diff line number Diff line change
@@ -1,12 +1,12 @@
---
layout: post
title: Filtering with Grid widget for Syncfusion Essential AngularJS
description: How to enable filtering and its functionalities
title: Filtering in AngularJS Grid Control | Syncfusion
description: Learn here about Filter Support in Syncfusion Essential Studio AngularJS Grid control, its elements, and more.
platform: AngularJS
control: Grid
documentation: ug
---
# Filtering
# Filtering in Essential AngularJS Grid

Filtering helps to view particular or related records from dataSource that meets a given filtering criteria. To enable filter, set the `e-allowfiltering` to `true`.

Expand Down Expand Up @@ -55,7 +55,7 @@ The following code example describes the previous behavior.

The following output is displayed as a result of previous code example:

![](filtering_images/filtering_img1.png)
![Filtering in AngularJS Grid](filtering_images/filtering_img1.png)


## Menu filter
Expand Down Expand Up @@ -97,19 +97,19 @@ The following code example describes the previous behavior.

The following output is displayed as a result of previous code example:

![](filtering_images/filtering_img2.png)
![Numeric Filter in AngularJS Grid](filtering_images/filtering_img2.png)
{:caption}
Numeric Filter

![](filtering_images/filtering_img3.png)
![String Filter in AngularJS Grid](filtering_images/filtering_img3.png)
{:caption}
String Filter

![](filtering_images/filtering_img4.png)
![Date Filter in AngularJS Grid](filtering_images/filtering_img4.png)
{:caption}
Date Filter

![](filtering_images/filtering_img5.png)
![Boolean Filter in AngularJS Grid](filtering_images/filtering_img5.png)

Boolean Filter

Expand Down Expand Up @@ -143,7 +143,7 @@ The following code example describes the previous behavior.

The following output is displayed as a result of previous code example:

![](filtering_images/filtering_img6.png)
![Excel Filter in AngularJS Grid](filtering_images/filtering_img6.png)


### Checkbox list generation:
Expand Down Expand Up @@ -181,7 +181,7 @@ The following code example describes the previous behavior.

The following output is displayed as a result of previous code example:

![](filtering_images/filtering_img7.png)
![Checkbox List Generation in AngularJS Grid](filtering_images/filtering_img7.png)


### Add current selection to filter checkbox
Expand All @@ -190,7 +190,7 @@ When you filter the values multiple times on same column, then the previously fi

The following image describes the previous behavior:

![](filtering_images/filtering_img12.png)
![Add Current Selection in AngularJS Grid](filtering_images/filtering_img12.png)


### Case Sensitivity
Expand Down Expand Up @@ -223,7 +223,7 @@ The following code example describes the previous behavior.

The following output is displayed as a result of previous code example:

![](filtering_images/filtering_img8.png)
![Case Sensitivity in AngularJS Grid](filtering_images/filtering_img8.png)


## Filter bar
Expand Down Expand Up @@ -396,7 +396,7 @@ The following code example describes the previous behavior.

The following output is displayed as a result of previous code example:

![](filtering_images/filtering_img9.png)
![Filter Bar in AngularJS Grid](filtering_images/filtering_img9.png)


Filter bar modes:
Expand Down Expand Up @@ -439,7 +439,7 @@ The following code example describes the previous behavior.

The following output is displayed as a result of previous code example:

![](filtering_images/filtering_img10.png)
![Filter Bar Message in AngularJS Grid](filtering_images/filtering_img10.png)


## Filter Operators
Expand Down Expand Up @@ -652,7 +652,7 @@ The following code example describes the previous behavior.

The following output is displayed as a result of previous code example:

![](filtering_images/filtering_img11.png)
![Filter Bar Template in AngularJS Grid](filtering_images/filtering_img11.png)
{:caption}
After Filtering