kendo listbox隔行变色

可以使用CSS来实现kendo listbox隔行变色，具体代码如下：

.k-list .k-item:nth-child(even) {
background-color: #f2f2f2;
}

这样就可以实现kendo listbox隔行变色了。

相关问题

kendo listbox做数据左右移动

可以使用 jQuery UI 的 sortable 和 selectable 插件来实现 kendo listbox 的数据左右移动。具体实现可以参考以下代码：

HTML 代码：

<div id="listbox">
  <ul id="left">
    <li>Item 1</li>
    <li>Item 2</li>
    <li>Item 3</li>
  </ul>
  <ul id="right">
  </ul>
</div>

JavaScript 代码：

$(function() {
  $("#left").selectable({
    stop: function() {
      var selectedItems = $("#left .ui-selected").clone();
      $("#right").append(selectedItems);
      $("#left .ui-selected").remove();
    }
  });

  $("#right").selectable({
    stop: function() {
      var selectedItems = $("#right .ui-selected").clone();
      $("#left").append(selectedItems);
      $("#right .ui-selected").remove();
    }
  });

  $("#listbox ul").sortable({
    connectWith: "#listbox ul"
  });
});

这段代码实现了一个 kendo listbox，左侧为可选项，右侧为空。当在左侧选中一个或多个选项后，可以将其移动到右侧；当在右侧选中一个或多个选项后，可以将其移动到左侧。同时，两侧的选项可以通过拖拽来排序。