如何使用 JavaScript 获取组件和组件模板 tcm id？

Question

我需要从任何 Tridion 页面的 Component Presentation 选项卡中获取 Component 和 Component Template tcm id。

场景：

• 在 Tridion 的现有页面上。
• 转到“组件演示”选项卡。
• 当我单击“插入”按钮时，我想迭代组件和组件模板 tcm id 并将其显示在 JavaScript 警报框中。

我正在尝试找到确切的 javascript 文件/函数来完成此操作，但我找不到确切的。

我正在使用 SDL Tridion 2011 SP1。

任何帮助/建议将不胜感激。

编辑

我有这个脚本，当我们单击“插入组件演示”窗口中的“插入”按钮时会触发该脚本。

Tridion.Cme.Views.InsertCpDialog.prototype.onInsertClick = 
                    function InsertCpDialog$onInsertClick()
{
  var p = this.properties;
  var c = p.controls;
  var templateId = c.templateSelect.getValue();
  var components = c.list.getSelection().getItems();

  p.componentPresentationsAdded += components.length;

  var compId = components[components.length - 1];
  var component = $models.getItem(compId);
  if (component)
  {
    var userSettings = Tridion.UI.UserSettings.getInstance();
    if (userSettings && userSettings.isLoaded())
    {
      Tridion.UI.UserSettings.setLastSelectedLocation(
          component.getPublicationId(), $const.ItemType.COMPONENT, p.contextUri);
    }
  }

  this.fireEvent("insert", {
    components: components,
    template: templateId
  });
};

所以这里我将获取所选组件的tcm id和要插入的模板“compId”和“templateId”。现在我的问题是：如何检查此组件和模板是否已经存在于组件演示选项卡上？

如果我能够以某种方式获取页面上已经存在的所有组件和模板的 ID（通过我的“插入”按钮），那么我可以比较它们。但是我没有得到任何可以给我这些ID的功能。我在这里卡住了。

编辑

我正在尝试使用这些代码进入页面，但我无法获得正确的函数，该函数在单击插入时被触发，或者将返回那里列出的组件列表和模板 ID。

Extensions.Test.prototype.isEnabled = function Test$isEnabled(selection) {
  try
  {
    console.log($controls);
    var masterTabControl = $controls.getControl($("#MasterTabControl"), 
                                            "Tridion.Controls.TabControl");

    console.log(masterTabControl);
    alert("Mastercontrol - ComponentpresentationsTab");
    console.log(masterTabControl.getPage("ComponentPresentationsTab"));
    console.log("list of component presentations");
    console.log(masterTabControl.getPage("ComponentPresentationsTab").
                             getListComponentPresentations().getItems());
    console.log("list of get xml");
    console.log(masterTabControl.getPage ("ComponentPresentationsTab").
                             getListComponentPresentations().getItems().getXml);
  }
  (catch exc)
  {
  }
  return true;
}

编辑 我使用此代码获得了 CP TAB 下列出的所有 CP Id。感谢@Frank van Puffelen

var p = this.properties;
var tgp = this.properties;
var c = p.controls;

var pageId = selection.getItem(0);
var masterTabControl = $controls.getControl($("#MasterTabControl"), 
                                            "Tridion.Controls.TabControl");
var compPresTab = masterTabControl.getPage("ComponentPresentationsTab");
var comPresList = p.compPresTab.getListComponentPresentations(); 
for (var i = 0; i <= myStringArray.length; i++) 
{     
  console.log(comPresList.getItems()[i].getComponentId());
  console.log(comPresList.getItems()[i].getComponentTemplateId());     
}

Answer 1

一旦你有了页面对话框的组件展示选项卡，你可以像这样得到组件展示列表

comPresList = compPresTab.getListComponentPresentations();

您可以像这样检查 XML 格式的列表：

comPresList.getXml()

或者，正如您似乎在代码 sn-p 中尝试的那样，您可以使用以下方式获取项目本身：

comPresList.getItems()

这将为您提供Tridion.ContentManager.ComponentPresentation 对象的列表，您可以在每个对象上调用getComponentId 和getComponentTemplateId。

comPresList.getItems()[0].getComponentId()
comPresList.getItems()[0].getComponentTemplateId()

我通过获取the snippet that John Winter provided you earlier 获取此信息，将其粘贴到 Chrome JavaScript 控制台，然后在源代码树（光盘上）上进行一些文本搜索，以查找诸如 "insert" 之类的关键短语（以查找insert 事件）和ComponentPresentation =（查找ComponentPresentation 类）。

Answer 2

我在这里回答了这个问题：restrict user to insert same component and template

似乎问题已经改变，所以现在的答案似乎不相关，但我相信这会帮助你弄清楚你需要做什么。