1. Click on cloumn
2. Click on kind of filter Less then
Automagically it close itself if i click to something different from Equal,.
Our requirements is to use both.
<ejs-grid id="detailsGridBooking" allowpaging="true"
allowsorting="true"
allowResizing="true"
allowReordering="true"
allowMultiSorting="true"
enablePersistence="false"
toolbar=@toolbarItems
toolbarClick="bookingToolbarClick"
recordDoubleClick="OnRecordBookingDoubleClick"
height="500"
width="100%"
load="load"
rowHeight="30"
allowFiltering="true"
allowSelection="true">
<e-data-manager url="@Model.IndexUri"
adaptor="ODataV4Adaptor" crossdomain="true" />
<e-grid-pagesettings pagesize="15" pageCount="4"></e-grid-pagesettings>
<e-grid-filterSettings type="Menu"></e-grid-filterSettings>
<e-grid-columns>
<e-grid-column field="" type="checkbox" width="40" allowFiltering="false" allowEditing="false" allowSorting="false"></e-grid-column>
<e-grid-column field="Code" headertext=@Localizer["Numero"].Value allowFiltering="true" isPrimaryKey="true" width="150" allowEditing="false"></e-grid-column>
<e-grid-column field="CreationDate" headertext=@Localizer["F.Creación"].Value width="150" allowFiltering="true" type="date" />
<e-grid-column field="CreationHour" headertext=@Localizer["H.Creación"].Value width="150" type="dateTime" />
<e-grid-column field="OfficeZoneCode" headertext=@Localizer["Z.0"].Value width="70" type="string" />
<e-grid-column field="Locator" headertext=@Localizer["Localizador"].Value width="150" type="string" />
<e-grid-column field="DriverName" headertext=@Localizer["Conductor"].Value width="150" type="string" />
<e-grid-column field="ClientName" headertext=@Localizer["Cliente"].Value width="150" type="string" />
<e-grid-column field="DepartureDate" headertext=@Localizer["F.Salida"].Value width="150" type="date" />
<e-grid-column field="DepartureHour" headertext=@Localizer["H.Salida"].Value width="150" type="dateTime" />
<e-grid-column field="DeliveryPlace" headertext=@Localizer["Lugar de Entrega"].Value width="150" type="string" />
<e-grid-column field="ArrivalDate" headertext=@Localizer["F.Prev"].Value width="150" type="date" />
<e-grid-column field="ArrivalHour" headertext=@Localizer["H.Prev"].Value width="150" type="dateTime" />
<e-grid-column field="ArrivalPlace" headertext=@Localizer["Lugar Devolución"].Value width="200" type="string" />
<e-grid-column field="VehicleGroupCode" headertext=@Localizer["Grupo"].Value width="80" type="string" />
<e-grid-column field="FareCode" headertext=@Localizer["Tarifa"].Value width="80" type="string" />
<e-grid-column field="VehiclePlateNumber" headertext=@Localizer["Matricula"].Value width="150" type="string" />
<e-grid-column field="ClientCode" headertext=@Localizer["Cod.Cliente"].Value width="150" type="string" />
<e-grid-column field="DriverCode" headertext=@Localizer["Cod.Conductor"].Value width="150" type="string" />
<e-grid-column field="ContractId" headertext=@Localizer["Contracto"].Value width="150" type="string" />
<e-grid-column field="Notes" headertext=@Localizer["Observa."].Value width="150" type="string" />
<e-grid-column field="Cancelled" headertext=@Localizer["Anulada"].Value width="150" type="checkbox" />
<e-grid-column field="CurrentUser" headertext=@Localizer["Usuario"].Value width="100" type="string" />
<e-grid-column field="LastModification" headertext=@Localizer["Ultima Modifica"].Value width="150" type="string" />
</e-grid-columns>
</ejs-grid>
Giorgio.