Custom Multi-Sort tutorial - Adding one simple option
Custom Multi-Sort tutorial - Adding one simple option
This page covers how to add one option to the Multi-Sort component.
The next step will introduce the other options that will be used to build the full sort criteria (see Custom Multi-Sort tutorial - Adding other options).
Adding one field in the Data Source Template
Let’s start with a simple example by adding one field.
Select the Multi-Sort Parameters template created earlier in the tutorial.
Add a section and a field named FirstField.
Adding one field in the ModelProperties
In your MultiSortModelProperties class, add the following code:
public class MultiSortModelProperties : IModelProperties
{
[SitecoreProperty("FirstField")]
public string FirstField { get; set; }
}Save the project and copy the DLL to your Sitecore instance.
Setting the value on the Data Source
In Sitecore, select the Data Source created earlier and set a value on the FirstField field:
|
Your field must be set as sortable in the configuration files, else an error will be shown in the Search Interface when trying to sort on this field. |
Simple Usage of the Property
In the MultiSort.cshtml file, change the data-sort-criteria to the following attribute:
@model Coveo.Custom.MultiSortModel
<div class="CoveoSort" data-caption="My Multi-Sort" data-sort-criteria="@Model.Properties.FirstField descending"></div>Result
Your component should now be clickable and work as a standard sort component using the field defined in the data source.
