自定义过滤Kendo Grid数据在给定日期范围内的第二个网格中的选中值(datepickers)

时间:2013-01-11 11:44:37

标签: filter grid kendo-ui

我在kendo grid gridDetails中填充了数据

我有另一个网格grdFilter和两个kendo datepickers ..

我需要根据在datepicker中选中的已检查行和/到日期值来过滤gridDetails的数据。 我需要在从gridFilter中选择日期和值后点击按钮过滤器记录时过滤gridDetails行。

gridFilter:

   $("#gridFilter").kendoGrid({
   columns:
   [
   { field: 'CountriesName', title: 'Select', width:10,"template":
               "<input id='checkRow' type=\"checkbox\" />" },
   { field: 'CountriesName', title: 'Countries', width: 40}
   ] 
   })

gridDetails:

    $("#gridDtails").kendoGrid({
    columns:
    [

    { field: 'OrderDate', title: 'Activity Datetime'},
    { field: 'CountryName', title: 'Country', width: 150 },
    { field: 'OrderDetails', title: 'Order Type' },
    { field: 'OrderValue', title: 'Entry Price'},
    { field: 'OrderShipment', title: 'Shipment'}
    ] 
    )}

请指导我如何获取gridFilter和Dates的选中值,然后使用它们过滤gridDetails记录,并仅显示给定日期范围的选定国家/地区数据。

1 个答案:

答案 0 :(得分:0)

  1. autobind初始化中将false设置为gridDetails,这样您就有时间指定要加载的内容。
  2. 然后从gridFilterdatePicker获取值。
  3. 构建filter条件并在filter( condition ) DataSource上调用gridDetails
  4. DataSource.filter的参数结构如下:

    {
        logic: "or",
        filters: [
            { field: "CountryName", operator: "eq", value: "Spain" },
            { field: "CountryName", operator: "startswith", value: "Bulg" }
        ]
    }
    

    在方法DataSource功能部分中检入filterhere