Question

我有这张桌子

<table id="vehicleParamTable" class="table table-striped">
    <thead>
        <tr>
            <th>Name</th>
            <th>Description</th>
        </tr>
    </thead>
    <tbody>
    </tbody>    
</table>

点击链接时，我添加了一行。工作得很好。

在该行的第一列中，我添加了一个jquery-typehead

选择器不工作，也想避免第一行（th标头）

$('#vehicleParamTable tr td:first-child').typeahead({
  minLength: 2,
  display: "name",
  mustSelectItem: true,
  emptyTemplate: function(query) {
    //must reset current element here
    return 'No result for "' + query + '"';
  },
  source: {
    vehicleParam: {
      ajax: {
        url: "/rest/vehicleparam",
        path: "content"
      }
    }
  },
  callback: {
    onEnter: function(node, a, item, event) {
      //must assign item.id to current current element id 
    },
    onResult: function(node, query, result, resultCount, resultCountPerGroup) {
      if (resultCount < 1) {
        //must reset current element here
      }
    }
  }
});

修改

$('#vehicleParamTable tr td:first-child')

似乎很好，但其余的（typeahead init ..）返回undefined

编辑2因为我动态添加了行，需要刷新打印头......

Answer 1

我假设您正在使用此https://github.com/running-coder/jquery-typeahead？

此插件需要在输入字段上初始化。因此，假设您的输入字段位于标题后第一行的第一列，则选择器将为

$('#vehicleParamTable tbody tr td:first-child input').typeahead({ ...options })

Typeahead和第一个单元格选择器

1 个答案: