how to add search features to Geocoder

I need to add search features to Geocoder. I have done this in ESRI Search widget in web AppBuilder before. this time I added code into Geocoder.js like this, but search result return not found. Or is available a search widget including data search and geocoder? Please help!:

 sources: [{
  locator: new Locator("http://cohgims.houstontx.gov/arcgis/rest/services/AddressLocators/Locator_composite/GeocodeServer"),
  name: "HOU PWE Locator",
  singleLineFieldName: "SingleLine",
  placeholder: "Enter Address or Intersection",
  countryCode: "",
  maxResults: 30,
  searchInCurrentMapExtent: false,
  highlightSymbol: new PictureMarkerSymbol("https://js.arcgis.com/3.18/esri/dijit/Search/images/search-pointer.png", 36, 36).setOffset(9, 18)
}, {
  "layerId": "RBH_wab_76_0",
  "url": "http://pwegis.houstontx.gov/arcgis/rest/services/PROD/RBH1/MapServer/4",
  "name": "CIP Projects",
  "placeholder": "Enter Project No. or Description",
  "searchFields": ["CIP_NO", "PRO_SCOPE"],
  "displayField": "CIP_NO",
  "exactMatch": false,
  "maxResults": 300,
  "type": "query"
}];

[tmcgee]

@JudyZhou You can use the Esri Search widget with CMV just as you have done with the WAB. The Esri Geocoder widget has been deprecated by Esri so the Search widget is the preferred option. We have switched to the search widget in CMV.

[gisnovice]

Hello, can I add my own GeocodeServer to the search widget? I am trying for the search widget to also recognize APNs, or would it only be suited for the Find widget?

            search: {
                include: true,
                type: has('phone') ? 'titlePane' : 'ui',
                path: 'esri/dijit/Search',
                placeAt: has('phone') ? null : 'top-center',
                title: i18n.viewer.widgets.search,
                iconClass: 'fa-search',
                position: 0,
                options: {
                    map: true,
                    visible: true,
                    enableInfoWindow: true,
                    enableButtonMode: has('phone') ? false : true,
                    expanded: has('phone') ? true : false,
                    expanded: true,
                    defaultSource: 'http://gis.ci.oceanside.ca.us/gis/rest/services/AddressLocator_Composite2016/GeocodeServer'
                }
            },