当前位置: 首页 > 软件库 > Web应用开发 > 网页组件 >

Searchkit

React 建立的 UI 组件
授权协议 GPLv3
开发语言 Python JavaScript
所属分类 Web应用开发、 网页组件
软件类型 开源软件
地区 不详
投 递 者 蔚承天
操作系统 跨平台
开源组织
适用人群 未知
 软件概览

Searchkit 是一套由 React 建立的 UI 组件,它旨在快速创建好看的搜索应用程序。

示例代码:

const host = "https://kili-eu-west-1.searchly.com/movies/"const 
sk = new SearchkitManager(host, {  multipleSearchers:false,  basicAuth:"read:teetndhjnrspbzxxyfxmf5fb24suqxuj"})
class App extends React.Component {

  <SearchkitProvider searchkit={sk}>
    <div>
      <div className="example-search-site__query">
        <SearchBox
         autofocus={true}
         searchOnChange={true}
         prefixQueryFields={["actors^1","type^2","languages","title^10"]}/>
      </div>
      <div className="example-search-site__applied-filters">
        <SelectedFilters/>
        <ResetFilters/>
        <HitsStats/>
      </div>
      <div className="example-search-site__filters">
        <HierarchicalMenuFilter
          fields={["type.raw", "genres.raw"]}
          title="Categories"
          id="categories"/>
        <RefinementListFilter
          id="actors"
          title="Actors"
          field="actors.raw"
          operator="AND"
          size={10}/>
      </div>
      <div className="example-search-site__results">
        <Hits hitsPerPage={10}/>
      </div>
    </div>
  </SearchkitProvider>
}ReactDOM.render((
  <App/>
),  document.getElementById('root'))


 相关资料
  • 我试图在Hazelcast 3.8.8中建立分区组。我的主要目标是将驻留在2台物理机器中的4个集群成员分为2个分区组。当我启用分区组时,它似乎不起作用,组也没有建立。您能告诉我启用分区组缺少什么吗? 我试图通过hazelcast启用分区分组。xml。使用group type=“CUSTOM”进行测试,并将驻留在my local和我们的服务器中的成员分为两个不同的成员组。成员组成了一个集群,但似乎没

  • 直接使用Sequelize虽然可以,但是存在一些问题。 团队开发时,有人喜欢自己加timestamp: var Pet = sequelize.define('pet', { id: { type: Sequelize.STRING(50), primaryKey: true }, name: Sequelize.STRING(100),

  • 主要内容:AWT 组件的介绍,AWT Component类构造方法,AWT UI组件列表AWT 组件的介绍 每个组件都考虑以下三个主要方面: UI 元素:它们是用户最终看到并与之交互的核心视觉元素。GWT 提供了大量广泛使用和常见的元素,从基本到复杂,我们将在本教程中介绍。 Layout布局:它们定义了 UI 元素应该如何在屏幕上组织,并为 GUI(图形用户界面)提供最终的外观和感觉。这部分将在布局一章中介绍。 事件行为:这些是用户与 UI 元素交互时发生的事件。这部分将在事件处理章

  • 第5篇UI组件 一、目前React-Native支持的组件 在facebook React-native的官网可以看到目前支持的组件如下: https://facebook.github.io/react-native/docs/getting-started.html#content 二、如何正确运行UI组件Example 我们可以到react-native的github项目地址找到exampl

  • UI 组件不是游戏专用的,是个应用程序都可能会用几个。看一看你常使用的应用程序,肯定能发现它有使用 UI 组件。UI 代表什么,UI 组件是做什么的? UI 代表用户界面,是 User Interface 的缩写,你看到的屏幕上的东西就是用户界面。界面组件有标签,按钮,菜单,滑动条等。Cocos2d-x 提供了一套易用的 UI 组件,游戏开发过程中,你能很容易的把它们添加到游戏中。 听起来这可能很

  • 为了方便布局,编辑器内提供了许多预设的 UI 组件。 当我们在编写 html 的时候,可以方便的使用这些 UI 组件。 具体的使用请参考编辑器顶部主菜单 "开发者" - "UI 组件"。

  • 本篇文档将介绍 UI 系统中常用的控件,使用核心渲染组件和对齐策略,这些控件将构成我们游戏中 UI 的大部分交互部分。 一些常用的 UI 控件可通过添加节点的方式来创建。在 层级管理器 左上角的 + 创建节点菜单中选择 UI 来创建 UI 节点,相应的 UI 组件便会自动挂载到节点上: 其它的 UI 组件,可以手动在 层级管理器 中选中节点,然后在 属性检查器 中点击 添加组件 -> UI 的方式

  • electron-vue 支持使用 electron-packager 和 electron-builder 来构建和分发你的产品阶段的程序。两个构建工具都由了不起的 @electron-userland 社区支持,每个都有详尽的文档。在 vue-cli 脚手架过程中,你会被问到你想要使用哪个构建器。 electron-packager 如果你刚开始制作 electron 应用程序或只需要创建简单