Jquery 语义用户界面中的搜索模块
有人举过使用语义用户界面搜索模块的例子吗 安说会有文件,这是 HTML: 它实际上调用了GET,但它根本没有附加查询,尽管我在.api中将它视为“urlData”的一部分,但我还需要添加什么来正确连接它呢Jquery 语义用户界面中的搜索模块,jquery,search,semantic-ui,Jquery,Search,Semantic Ui,有人举过使用语义用户界面搜索模块的例子吗 安说会有文件,这是 HTML: 它实际上调用了GET,但它根本没有附加查询,尽管我在.api中将它视为“urlData”的一部分,但我还需要添加什么来正确连接它呢 有什么想法吗?我建议使用最新版本的search.js和api.js API允许您使用url模板创建端点,这允许您在一个位置指定API,并在运行时替换url变量 例如,在最近的一个项目中,我使用了这样的API映射 $.api.settings.api = { emailArtic
有什么想法吗?我建议使用最新版本的search.js和api.js API允许您使用url模板创建端点,这允许您在一个位置指定API,并在运行时替换url变量 例如,在最近的一个项目中,我使用了这样的API映射
$.api.settings.api = {
emailArticle : '/api/article/ajax/{id}',
getArticles : '/api/article/{type}/{date}/{limit}/{/page}/{/filter}/',
homepageArticles : '/api/featured/{homepageID}/{lastID}',
latestArticles : '/api/next/{offset}',
search : '/api/search/{query}'
}
URL模板对URL的可变部分使用字符串模板
- 您可以使用您的首选项{$variable}或{variable}指定所需的参数李>
- 可以使用{/$variable}或{/variable}指定可选参数
{$query}
在您的示例中,您可以全局设置默认搜索端点:
例如,如果您希望它通过GET传递,您可以使用
$.api.settings.api.search='search/?q={$query}'
也可以为模块指定自定义API设置
$('.ui.search').search({apiSettings:{url:'/search/{$query}});
我对语义UI的seach api也有问题
所以经过一些研究,我知道它可以这样使用:
我也在使用RubyonRails。
用于自动完成城市名称的jQuery文件:
语义UI(搜索)需要一个“结果”作为根和节点,其中包含具有标题和描述的child内容,以及api指定的其他内容。因此,如果json结果具有其他名称,则必须更改searc函数的方法调用
因此,我将城市的结果
,名称
和说明
的标题
更改为状态
在我的控制器中,我刚刚进行了如下查询:
在我的Routes文件中,我指定了返回集合的get方法。
并使用Rabl
gemi格式化json文件的输出:
仅此而已,它对我有效。我遇到了特别的困难,因为我原以为我使用了一个新版本,但这些资源奏效了!非常感谢你!!!此外,我将使用apiSettings而不是url。非常有趣。对不起,我的邮件被重复了。非常感谢。
$(".ui.search").search("/web/quickSearch");
$.api.settings.api = {
emailArticle : '/api/article/ajax/{id}',
getArticles : '/api/article/{type}/{date}/{limit}/{/page}/{/filter}/',
homepageArticles : '/api/featured/{homepageID}/{lastID}',
latestArticles : '/api/next/{offset}',
search : '/api/search/{query}'
}
# Semantic-Ui Search
# Sets for autocomplete name of cities while typing.
$('.ui.search.city').search
apiSettings:
action: 'search', url: '/cities/autocomplete.json?query={query}'
fields:
results : 'cities'
title : 'name'
description : 'state'
minCharacters : 3
def autocomplete
@cities = City.includes(:state).order(:name).where('name like ?', "%#{params[:query]}%")
end
# Resources for cities.
resources :cities, only: :index do
get :autocomplete, :on => :collection
end
collection @cities, root: :cities , object_root: false
attributes :id, :name
node(:state) { |city| city.state.name }
node(:query) { params[:query] }