同一 Pyramid 页面上的 JQueryUI 自动完成的多个实例

Question

我有一个有效的 JQueryUI 自动完成输入小部件，可以与我的 Pyramid 后端很好地配合。自动完成将其 request.params['term'] 发布到与其所在页面相同的 URL，并且 Pyramid 使用 request_param='term' 作为发送的路由谓词我的数据库查询的术语值可查看可调用。

但我现在遇到的问题是，我需要向同一页面添加更多自动完成小部件。但是，我无法使用相同的路由谓词 term，因为两个小部件都会发布 term，因此 Pyramid 不知道将帖子发送到哪里。

我知道您可以在 Pyramid 中创建自定义谓词，但据我所知，我可以用来创建自定义谓词的 2 个自动完成小部件没有什么独特之处。

为了提供一些上下文，下面是路由/视图定义。这个定义实际上是非法的，因为 Pyramid 正确地拒绝了相同的谓词，但它证明了我的困境：

config.add_route('search_programs','/search/programs')
config.add_view(
        'haystack.search.search_programs',
        route_name='search_programs',
        renderer='templates/search_programs.jinja2')
config.add_view(
        'haystack.search.programtype_autocomplete',
        route_name='search_programs',
        request_param='term', renderer='json')
config.add_view(
        'haystack.search.majorgenre_autocomplete',
        route_name='search_programs',
        request_param='term', renderer='json')

如果自动完成小部件有一个选项来指定用于发布的任意键，而不是每次都只指定“术语”，那就太棒了。任何帮助都会很棒。

Answer 1

您需要为每个小部件显式设置自动完成，并在帖子中指出特定的网址和/或自定义数据。

这是来自 JQueryUI 文档上的 远程 JSONP 数据源 示例的剪辑：

$( "#a-particular-auto-complete-widget" ).autocomplete({
    source: function( request, response ) {
        $.ajax({ 
                 /* specifiy your specific url here - could be a different 
                  * route for each different source....
                  */
                 url: "http://someurl.com/search/programs/majorgenre",
                 dataType: "jsonp",
                 data: { featureClass: "P",
                         style: "full",
                         maxRows: 12,
                         /* ...or add a custom piece of data to 
                          * indicate how it should be handled by 
                          * your Pyramid view(s).
                          */
                         customParam: "majorgenre",
                         name_startsWith: request.term
                       }
 /* see docs for rest of code... */
 .... 

然后您可以在 Pyramid 中按照你想要的方式处理它。我可能只会将一个视图映射到这条路线（而不用担心 ajax customParam）：

config.add_route('search_programs','/search/programs/{autocomplete}')

然后在视图中：

def autocomplete_handler_view(request):
    autocomplete_type = request.matchdict.get('autocomplete', None)
    if autocomplete == 'majorgenre':
        return handle_majorgenre(request.params['term'])

    elif autocomplete == 'programtype':
        return handle_programtype(request.params['term'])