如何使用后端couchDb的Jquery自动完成

时间:2014-07-22 08:58:10

标签: jquery-ui couchdb

到目前为止,我已经为后端php使用了Jquery自动完成功能。但我想使用jquery auto complete来从couchdb中获取记录。谁能帮帮我吗。

或者是否有其他方法可以使用couchDB实现自动完成

1 个答案:

答案 0 :(得分:0)

    function log( message ) { 
    $( "<div>" ).text( message ).prependTo( "#log" );
    $( "#log" ).scrollTop( 0 );
  }
  $("#search_name").autocomplete({
    source: function( request, response ) {
        $.couch.db("db1").view("Views/testPatients", {
            success: function(data) {
                response(data.rows);
            },
            error: function(status) {
                console.log(status);
            },
            key: request.term

        });
    },
    minLength: 3,
    focus: function(event, ui) {
      console.log(ui.item.key);
      $("#search_name").val(ui.item.key);
      return false;
    },
    select: function( event, ui ) {
      $("#search_name").val(ui.item.key);
      return false;
    },
    open: function() {
        $( this ).removeClass( "ui-corner-all" ).addClass( "ui-corner-top" );
    },
    close: function() {
        $( this ).removeClass( "ui-corner-top" ).addClass( "ui-corner-all" );
    }
  }).
  data("uiAutocomplete")._renderItem = function(ul, item) {
    return $("<li></li>")
      .data("item.autocomplete", item)
      .append("<a>" + item.key + "</a>")
      .appendTo(ul);
  };