Kendo UI Dojo

Question

我正在使用一个剑道网格，其中我给出了多个选择选项，我将在按钮点击时显示网格。下面是在脚本下编写的代码......

    $('#btn').on("click", function(e) {
    summaryResultDataSource = [
            { name: "Jane Doe", age: 30 },
            { name: "John Doe", age: 33 },
            { name: "John Doe", age: 33 },
            { name: "John Doe", age: 33 },
            { name: "John Doe", age: 33 },
            { name: "John Doe", age: 33 },
            { name: "John Doe", age: 33 }
    ];

    $("#grid").kendoGrid({
    columns: [
             { field: "name" },
             { field: "age" }
    ],
    dataSource: { 
             data: summaryResultDataSource
    },
    selectable: "multiple, row"
    });

    });

现在，当我点击按钮时，网格会按预期正确显示，并使用ctrl + click选项选择多行。我第一次能够选择多行。

再次点击按钮现在我无法使用ctrl + click选择多行，但它无效。

哪里，我做错了。请帮我解决这个问题

这是演示...... http://dojo.telerik.com/EKOm/4

Answer 1

试试这个：

这是一个奇怪的问题。你说它会在第一次点击后工作，而不是在第二次点击后：true。我发现它可以在每次其他点击时起作用：例如，在第三次点击后，它会再次起作用。无论如何，试一试，我对这个问题做了一些解决方法。

＆＃13;

    var first = true;
    $(function() {
	    var first = true;
    });
    
  $('#btn').on("click", function (e) {
    
      summaryResultDataSource = [{
          name: "Jane Doe",
          age: 30
      }, {
          name: "John Doe",
          age: 33
      }, {
          name: "John Doe",
          age: 33
      }, {
          name: "John Doe",
          age: 33
      }, {
          name: "John Doe",
          age: 33
      }, {
          name: "John Doe",
          age: 33
      }, {
          name: "John Doe",
          age: 33
      }];

    if (first)
    {
      first = false;
      $("#grid").kendoGrid({
        columns: [{ field: "name"}, { field: "age" }],
        dataSource: { data: summaryResultDataSource },
        selectable: "multiple, row"
      });
    }
    else
    {
      $("#grid").kendoGrid({
        columns: [{ field: "name"}, { field: "age" }],
        dataSource: { data: summaryResultDataSource }
        });
    }
  });

＆＃13;

<head>
<link rel="stylesheet" href="http://cdn.kendostatic.com/2014.2.903/styles/kendo.common.min.css">
<link rel="stylesheet" href="http://cdn.kendostatic.com/2014.2.903/styles/kendo.rtl.min.css">
<link rel="stylesheet" href="http://cdn.kendostatic.com/2014.2.903/styles/kendo.default.min.css">
<link rel="stylesheet" href="http://cdn.kendostatic.com/2014.2.903/styles/kendo.dataviz.min.css">
<link rel="stylesheet" href="http://cdn.kendostatic.com/2014.2.903/styles/kendo.dataviz.default.min.css">
<link rel="stylesheet" href="http://cdn.kendostatic.com/2014.2.903/styles/kendo.mobile.all.min.css">
<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<script src="http://cdn.kendostatic.com/2014.2.903/js/kendo.all.min.js"></script>
</head>
<body>
  <button id="btn">Search</button>
<div id="grid"></div>


  </body>

＆＃13;

Kendo UI Dojo

Answer 2

请查看更新的演示链接http://dojo.telerik.com/EKOm/7

无论何时点击按钮，只需尝试像belew一样清空网格，

  var Grid =  $('#grid').data("kendoGrid");   
      if(typeof (Grid) != 'undefined') {
         $("#grid").empty();
}

我希望它能帮到你!!!!

启用了多个选择选项的Kendo网格无法正常工作

2 个答案:

Kendo UI Dojo