Question

我使用smart-table从我的API获取一组数据。现在我使用st-search属性来搜索几个参数。

但是我不希望每次使用输入时表都更新查询。我想使用提交按钮来最小化对API的请求。

我以为我可以使用表中的st-input-event=属性。但文档很不清楚，我不知道如何使用它。有人可以给我一个例子吗？我还在制作Angular。

<form class="no-gutters">
<div class="form-group col-sm-4">
    <label for="search-content" class="sr-only">Zoekopdracht</label>
    <input type="search" class="form-control search-content" id="search-content" placeholder="Zoekopdracht" st-search="orderID" ng-model="searchInput">
</div>
<div class="form-group col-sm-3">
    <label for="search-type" class="sr-only">Paymethods</label>
    <select ng-model="selectedPayMethod" ng-options="(method.code | paymethod) for method in payMethods track by method.code" id="search-type" class="form-control search-type" st-search="paymentMethod">
        <option value="">Select payment method</option>
    </select>
</div>
<div class="form-group col-sm-3">
    <label for="search-period" class="sr-only">Periode zoekopdracht</label>
    <select ng-model="selectedDate" ng-options="date.name for date in dateSelection track by (date.date | date : 'yyyy-MM-ddTHH:mm:ss.sss')" id="search-period" class="form-control search-period" st-search="dateFrom">
        <option value="">Select period</option>
    </select>
</div>
<div class="form-group col-sm-2">
    <button type="submit" class="btn btn-primary btn-block btn-m">Zoeken</button>
</div>
</form>

Answer 1

如果st-search不符合您的需要，那么您始终可以恢复到普通的Angular方式，删除指令，在输入中添加ng-model并使用按钮提交模型中的内容

然后在表格的ng-repeat内使用过滤器，并按提交的响应过滤

这是一个plunk来展示我的想法。

提交智能表搜索

1 个答案: