如何使用ui网格过滤两列

时间:2015-07-17 04:23:33

标签: jquery filter angular-ui-grid

我想使用大于或小于组合来过滤列,也不要在大于或小于值之间过滤

例如,在当前过滤条件下,它适用于大于和小于条件。如果我输入73大于和85小于它显示数据,同样我想要它好像我只键入73大于文本它应该显示数据或否则如果我键入只少于它应该85显示数据。非条件的相同场景,简而言之我需要OR,不要对过滤条件执行操作,因为已经过滤器的操作在jquery中完成。

<table border="1">
    <tr>
      <th>ID</th>
      <th>Physics</th>
      <th>Chemistry</th>
    </tr>
    <tr>
      <td><input type="text" size="4"/></td>
      <td><input type="text" size="6" placeholder="less than"/></td>
      <td><input type="text" size="6"/></td>
    </tr>
    <tr>
      <td></td>
      <td><input type="text" size="6" placeholder="greater than"/></td>
      <td></td>
    </tr>
    <tr>
      <td>1</td>
      <td>75</td>
      <td>86</td>
    </tr>
  <tr>
    <td>2</td>
    <td>68</td>
    <td>72</td>
  </tr>
  <tr>
    <td>3</td>
    <td>91</td>
    <td>96</td>
  </tr>
  <tr>
    <td>4</td>
    <td>75</td>
    <td>86</td>
  </tr>
  <tr>
    <td>5</td>
    <td>54</td>
    <td>76</td>
  </tr>
  <tr>
    <td>6</td>
    <td>75</td>
    <td>84</td>
  </tr>
  <tr>
    <td>7</td>
    <td>69</td>
    <td>58</td>
  </tr>
  <tr>
    <td>8</td>
    <td>82</td>
    <td>76</td>
  </tr>
</table>

如果我想过滤它应该是

<table border="1">
    <tr>
      <th>ID</th>
      <th>Physics</th>
      <th>Chemistry</th>
    </tr>
    <tr>
      <td></td>
      <td><input type="text" value="73" size="6"/></td>
      <td></td>
    </tr>
  <tr>
      <td></td>
      <td><input type="text" value="85" size="6"/></td>
      <td></td>
    </tr>
  <tr>
    <td>6</td>
    <td>75</td>
    <td>84</td>
  </tr>
  <tr>
    <td>8</td>
    <td>82</td>
    <td>76</td>
  </tr>
</table>

我正在尝试使用这个jquery代码

filters : [ {
            condition : uiGridConstants.filter.LESS_THAN,
            placeholder : 'less than'
        },
         {
            condition : uiGridConstants.filter.GREATER_THAN,
            placeholder : 'greater than'
        }
        ]

1 个答案:

答案 0 :(得分:0)

您应该能够根据需要创建条件函数。您不必在uiGridConstants.filter

中使用过滤器功能