javascript - Kendo UI Grid 行过滤器,带有 bool 值下拉列表

标签 javascript jquery kendo-ui kendo-grid kendo-dropdown

过滤器基本上工作正常但是,

  • 选择似乎没有触发第一个选择
  • 每次重置过滤器时也会发生这种情况。

我现在已经弄了两天...

这里是 Fiddle

<script src="../content/shared/js/products.js"></script>

<div id="grid"></div>

  <script>
    $(document).ready(function() {
      $("#grid").kendoGrid({
        dataSource: {
          data: products,
          schema: {
            model: {
              fields: {
                ProductName: { type: "string" },
                Discontinued: { type: "boolean" }
              }
            }
          },
          pageSize: 20
        },
        height: 550,
        scrollable: true,
        sortable: true,
        filterable: {
          mode: "row"
        },
        pageable: {
          input: true,
          numeric: false
        },
        columns: [
          {
            field: "ProductName",
            title: "Product Name",
            filterable: {
              cell: {
                operator: "contains",
                showOperators: false
              }
            }
          }, { 
            field: "Discontinued", title: "Discontinued",
            filterable: {
              mode: "row",
              cell: {
                showOperators: false,
                template: function (args) {
                  args.element.kendoDropDownList({
                    autoBind:false,
                    dataTextField: "text",
                    dataValueField: "value",
                    dataSource: new kendo.data.DataSource({
                      data: [{ text: "Yes", value: "true" }, 
                             { text: "No", value: "false" }]
                    }),
                    index: 0,
                    optionLabel: {
                      text: "Filter",
                      value: ""
                    },
                    valuePrimitive: true

                  })
                }
              }
            }
          }
        ]
      });
    });
  </script>

最佳答案

Kendo UI 2015 Q1 有很多错误,尤其是在自动完成、多选、下拉列表等下拉家庭小部件上。 将你的剑道库更改为 2014 或以前的版本将使它工作正常, 检查这个dojo

关于javascript - Kendo UI Grid 行过滤器,带有 bool 值下拉列表,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29482969/

相关文章:

javascript - class 和 id 名称拼写错误的预防工具

javascript - 如何处理异步ajax响应

javascript - jQuery : How get Json Key And Value by and this append (insert into ) list (ul)?

javascript - 在工具提示模板 kendo UI 中一起显示系列和 y 轴数据的值

php - Kendo 自动完成功能不起作用

javascript - ie8 onresize 事件,触发两次

javascript - 如何以编程方式将 html 注入(inject) qunit-fixture

javascript - Jquery 提交与 javascript 提交

javascript - event.target jquery 让我困惑

javascript - Kendo-UI 数据源 "contains"过滤器不起作用