如何在kendo RTL树视图中的节点之间放置线？

Question

我使用 Kendo UI RTL TreeView 工作。我使用 Angular js 树视图，从右到左像这样 Kendo TreeView RTL。 现在，我想在节点之间放置一条线，我这样做了，但是线不能正常工作。 我该怎么做？

<style>
   /*-------------------line between nodes-----------------*/

            body {
        font-size: 12px;
      }

      .k-treeview .k-top,
      .k-treeview .k-mid,
      .k-treeview .k-bot {
        background-image: url('http://aspnet-skins.telerikstatic.com/mvc/2012.2.607/Default/treeview-nodes.png');
        background-repeat: no-repeat;
        margin-right: -16px;
        padding-right: 16px;
      }

      .k-treeview .k-item { background-image: url('http://aspnet-skins.telerikstatic.com/mvc/2012.2.607/Default/treeview-line.png'); }
      .k-treeview .k-last { background-image: none; }


      .k-treeview .k-top { background-position: -91px 0; 
             
             background-position-x: right; }
      .k-treeview .k-bot {  background-position: -47px -44px;
             
             background-position-x: right; }
      .k-treeview .k-mid {  background-position: -69px -22px;
            
             background-position-x: right;}
      .k-treeview .k-last .k-top { background-position: -25px -66px; 
            
             background-position-x: right;}
      .k-treeview .k-group .k-last .k-bot { background-position: -69px -22px; 
            
             background-position-x: right;}

      .k-treeview .k-item {
        background-repeat: no-repeat;
      }

      .k-treeview .k-first {
        background-repeat: no-repeat;
        background-position: 0 16px;
      }

         /*------------------end of line between nodes-----------*/
</style>

Answer 1

您应该水平翻转图像并更改背景位置。 您可以在此页面中看到示例https://github.com/Saffarnejad/KendoUI_TreeView_RTL