如何使用VSTS扩展拆分器?

时间:2018-07-17 10:30:29

标签: typescript azure-devops

请提供使用VSTS扩展拆分器的示例吗?

下面是我的TS文件:

import Controls = require("VSS/Controls");
import { Splitter, ISplitterOptions } from "VSS/Controls/Splitter";

var container = $("<div />").attr("id", "UI-container").appendTo("#DefectCockpitContainer");
let options: ISplitterOptions = {

};
var splitter = Controls.create(Splitter, container, options)

我的html文件具有一个容器:

<div id="DefectCockpitContainer">
</div>

1 个答案:

答案 0 :(得分:1)

关于如何创建分割器,请看下面的TS代码:

import Controls = require("VSS/Controls");
  import Splitter = require("VSS/Controls/Splitter");

  // Create the splitter in a container element
  var splitter = Controls.create<Splitter.Splitter, Splitter.ISplitterOptions>(Splitter.Splitter, container, options);

有关如何使用拆分器控件的更多详细信息,请参阅此official tutorial,其中显示了有关拆分器控件的不同示例。