我想制作过滤器,它可以帮助我根据它的优先级值组织我的表格数据(例如我有三个优先级值:非常重要,重要且不那么重要,而且我内部有三个选项值我的选择标签具有相同的名称,当我选择其中一个选择选项时,例如非常重要我应该在我的表中只看到这个具有此优先级的tr数据,我还需要使用主复选框输入来选择/不选择表格中显示的所有tr-s,这里是我的angular + javscrit代码,但在我的情况下,我不能只从我的表中选择过滤的tr-s而是我可以选择所有 该表中的数据:
$(document).ready(function($) {
$('#mySelector').change( function(){
var selection = $(this).val();
$('table')[selection? 'show' : 'hide']();
if (selection) {
$.each($('#myTable tbody tr'), function(index, item) {
$(item)[$(item).is(':contains('+ selection +')')? 'show' : 'hide']();
});
}
});
});
<select>
> <option value='important'>აირჩიე</option>
> <option value='very important'>very important</option>
> <option value='middle important'>middle important</option>
> <option value='not so important'>not so important</option>
> </select>
> </div>
> </div>
> </div>
> <table name ="table" id="myTable" class="table table-hover table-list-search" data-table="order-table" style="width:100%;" cellspacing="0">
> <thead>
> <tr>
> <th style="width:80px; height:25px;"><input style="width:25px; height:25px;" type="checkbox" id="checkAll" ng-click="selectAll()" /></th>
>
> <th style="width:140px;">id</th>
> <th style="width:305px;">organizationNameEN</th>
> <th style="width:305px;">organizationNameGE</th>
> <th style="width:305px;">priority</th>
> <th> </th>
> </tr>
> </thead>
> <tbody ng-repeat="item in jsonData">
> <tr>
> <td><input type="checkbox" ng-change="sync(selected[item.id],item)" ng-checked="isChecked(item.id)" name="checkData" ng-model="selected[item.id]" ng-false-value="undefined" /></td>
>
> <td>{{item.id}}</td>
> <td>{{item.organizationNameEN}}</td>
> <td>{{item.organizationNameGE}}</td>
> <td>{{item.priority}}</td>
> <td><button class="btn btn-default btn-xs" ng-click="toggle($index)"><span class="glyphicon glyphicon-eye-open"></span></button></td>
>
>
> </tr>
任何想法我怎么能以角度实现这个逻辑(我的意思是选择过滤器)? 当我像这样提交表格时:
我想在主复选框clikc上只选择选定的值并将此数据放入selectedDocuments, 我应该如何实现这个逻辑? 以下是我感兴趣的几个主题: