QuickFilter Component

Use Case 1

The following example code shows how to create a QuickFilter on the Product Rate Plan object and integrate it with the QuickList and Breadcrumb components.

To run the QuickFilter sample code:

1. Create a QuickList with the following field values:
   • List Name: MyList
   • Associated Field Set: zqu__GuidedSellingRatePlanFields
   • SObject Name: zqu__ProductRatePlan__c
2. Create a Filter with the following field values:
   • ZFilter Name: MyFilter
   • Is Single Column: Checked
   • List: MyList
   • Field Set Name: zqu__GuidedSellingRatePlanFields
   • Object Name: zqu__ProductRatePlan__c
3. Create the following custom fields on the Product Rate Plan object and populate the fields with values:
   • Active__c
   • Version__c
   • States__c
4. Create a new class, TestQuickFilterController, with the code shown below.
5. Create a new Visualforce page with the code shown below.
6. When you open the Visualforce page, the following QuickFilter instance will appear:
   

public with sharing class TestQuickFilterController {
 
    public String filterName {get; set;}
    public List < zqu.FilterItem > items {get; set;}
 
    public TestQuickFilterController() {
 
      filterName = 'MyFilter';
 
      // Initialize filter items
      items = new List < zqu.FilterItem >();
 
      // Checkbox type
      zqu.FilterItem checkbox1 = new zqu.FilterItem();
      checkbox1.label = 'Active (using Display Type of Boolean)';
      checkbox1.filterFieldName = 'Active__c';
      checkbox1.displayType = Schema.DisplayType.Boolean;
      checkbox1.size = 5;
      items.add(checkbox1);
 
      // Picklist type
      zqu.FilterItem picklist1 = new zqu.FilterItem();
      picklist1.label = 'Version (using Display Type of Picklist)';
      picklist1.filterFieldName = 'Version__c';
      picklist1.displayType = Schema.DisplayType.Picklist;
      picklist1.size = 1;
      picklist1.selectOptions = new List < SelectOption >{
        new SelectOption('', '--pick one--'),
        new SelectOption('Gold', 'Gold'),
        new SelectOption('Silver', 'Silver'),
        new SelectOption('Platinum', 'Platinum')
      };
      items.add(picklist1);
 
      // Multi picklist type
      zqu.FilterItem picklist2 = new zqu.FilterItem();
      picklist2.label = 'States (using Display Type of MultiPicklist)';
      picklist2.filterFieldName = 'States__c';
      picklist2.displayType = Schema.DisplayType.MultiPicklist;
      picklist2.size = 4;
      picklist2.selectOptions = new List < SelectOption >{
        new SelectOption('CA', 'California'),
        new SelectOption('NY', 'New York'),
        new SelectOption('GA', 'Georgia'),
        new SelectOption('WA', 'Washington'),
        new SelectOption('TX', 'Texas')
      };
      items.add(picklist2);
    }
}

<apex:page controller="TestQuickFilterController">
   <!-- Include the quickFilter component, identifying the filter object by name -->
   <zqu:QuickFilter filterName="MyFilter" filterItems="{!fiArr}"/>
   
   <!-- Include the quickList identified by the list name -->
   <zqu:QuickList contextIds="" listName="MyList"/>

   <!-- Include the breadcrumb component identified by the breadcrumb name -->
   <zqu:Breadcrumb name="MyList_breadCrumb" />
</apex:page>

Use Case 2

This sample code shows how to create a QuickFilter on a related child object.

The following code creates a sub filter item that filters Product Rate Plans based on the zqu__Type__c field of their child Product Rate Plan Charges:

zqu.FilterItem filterItem = new zqu.FilterItem();
filterItem.label = 'Type';
filterItem.filterFieldName = 'zqu__Type__c';
filterItem.relatedObjectField = 'zqu__ProductRatePlan__c';
filterItem.relatedObjectName = 'zqu__ProductRatePlanCharge__c';
filterItem.displayType = Schema.DisplayType.Picklist;
filterItem.size = 1;
filterItem.selectOptions = new List < SelectOption > {
    'One-Time',
    'Recurring',
    'Usage'
};