0

我是 JS 开发的新手。我在 html 文件中定义了一个类。

 <div class="content">
            <div id="splitter">
              <div>Pane A</div>
              <div>Pane B</div>
            </div>
</div>

我想使用剑道分割器以 20:80 的比例分割屏幕。这是 JS 文件的代码：

            var currViewCtx = viewEvt.view.viewCtx;
            var contentView = currViewCtx.getViewContent().find(".content");
            var Widget = CrudUtils.createFilter();
            if (FilterWidget.Id != null) {
                $(contentView).find("#splitter").kendoSplitter({/////Line x
                    orientation: "horizontal",
                    panes: [{ resizable: false, size: "20%", collapsible: false },
                    { resizable: false, collapsible: false }]
                });
            }

代码不是从 Line x 运行的。任何人都可以帮我解决代码吗？

4

1 回答 1

0

不知道为什么你有这些contentView东西。你可以直接去$("#splitter")。这是一个分割屏幕 20:80 的示例。您可以在剑道道场中运行它。

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8"/>
    <title>Kendo UI Snippet</title>

    <link rel="stylesheet" href="https://kendo.cdn.telerik.com/2021.1.119/styles/kendo.default-v2.min.css"/>

    <script src="https://code.jquery.com/jquery-1.12.4.min.js"></script>
    <script src="https://kendo.cdn.telerik.com/2021.1.119/js/kendo.all.min.js"></script>
</head>
<body>
  
<div id="splitter">
  <div>Pane A</div>
  <div>Pane B</div>
</div>
<script>
$("#splitter").kendoSplitter({
  panes: [{
    resizable: false,
    size: "20%",
  },{ 
    resizable: false,
  }]
});
</script>
</body>
</html>

于 2021-02-10T17:11:51.900 回答