New to Kendo UI for jQuery? Start a free 30-day trial

SmartBox.semanticSearchSettings

configuration

Configures the initial settings for the Semantic Search mode.

smartBox.semanticSearchSettings

Object

<div id="grid"></div>
<script>
$("#grid").kendoGrid({
  columns: [
    { field: "ProductName" },
    { field: "UnitPrice" }
  ],
  dataSource: {
    data: [
      { ProductName: "Tea", UnitPrice: 10 },
      { ProductName: "Coffee", UnitPrice: 15 }
    ]
  },
  search: {
    fields: [{ name: "ProductName", operator: "contains" }]
  },
  toolbar: ["smartBox"],
  smartBox: {
    semanticSearchSettings: {
      enabled: true,
      placeholder: "Describe what you're looking for..."
    }
  }
});
</script>

smartBox.semanticSearchSettings.delay

Number

Determines the delay in milliseconds between the user typing a new search value and the component emitting the semanticSearch event.

Default: 300

<div id="grid"></div>
<script>
$("#grid").kendoGrid({
  columns: [
    { field: "ProductName" },
    { field: "UnitPrice" }
  ],
  dataSource: {
    data: [
      { ProductName: "Tea", UnitPrice: 10 },
      { ProductName: "Coffee", UnitPrice: 15 }
    ]
  },
  search: {
    fields: [{ name: "ProductName", operator: "contains" }]
  },
  toolbar: ["smartBox"],
  smartBox: {
    activeMode: "SemanticSearch",
    semanticSearchSettings: {
      enabled: true,
      delay: 500
    }
  }
});
</script>

smartBox.semanticSearchSettings.enabled

Boolean

Enables or disables the Semantic Search mode in the SmartBox.

Default: false

<div id="grid"></div>
<script>
$("#grid").kendoGrid({
  columns: [
    { field: "ProductName" },
    { field: "UnitPrice" }
  ],
  dataSource: {
    data: [
      { ProductName: "Tea", UnitPrice: 10 },
      { ProductName: "Coffee", UnitPrice: 15 }
    ]
  },
  search: {
    fields: [{ name: "ProductName", operator: "contains" }]
  },
  toolbar: ["smartBox"],
  smartBox: {
    activeMode: "SemanticSearch",
    semanticSearchSettings: {
      enabled: true
    }
  }
});
</script>

smartBox.semanticSearchSettings.history

Boolean|Object

Sets the settings for the history queries in Semantic Search mode. Overrides the global smartBox.history setting for this mode.

<div id="grid"></div>
<script>
$("#grid").kendoGrid({
  columns: [
    { field: "ProductName" },
    { field: "UnitPrice" }
  ],
  dataSource: {
    data: [
      { ProductName: "Tea", UnitPrice: 10 },
      { ProductName: "Coffee", UnitPrice: 15 }
    ]
  },
  search: {
    fields: [{ name: "ProductName", operator: "contains" }]
  },
  toolbar: ["smartBox"],
  smartBox: {
    activeMode: "SemanticSearch",
    semanticSearchSettings: {
      enabled: true,
      history: {
        size: 8
      }
    }
  }
});
</script>

smartBox.semanticSearchSettings.placeholder

String

The placeholder of the input in Semantic Search mode.

<div id="grid"></div>
<script>
$("#grid").kendoGrid({
  columns: [
    { field: "ProductName" },
    { field: "UnitPrice" }
  ],
  dataSource: {
    data: [
      { ProductName: "Tea", UnitPrice: 10 },
      { ProductName: "Coffee", UnitPrice: 15 }
    ]
  },
  search: {
    fields: [{ name: "ProductName", operator: "contains" }]
  },
  toolbar: ["smartBox"],
  smartBox: {
    activeMode: "SemanticSearch",
    semanticSearchSettings: {
      enabled: true,
      placeholder: "Describe what you're looking for..."
    }
  }
});
</script>