合金用户界面(访问标签值)

时间:2014-08-08 14:26:10

标签: liferay liferay-6 alloy-ui liferay-aui

我正在使用liferay门户网站6.2。我想在合金用户界面的标签中获取文本的值。 为例

<div> 
    <p> Paragraph </p>
    "value"
</div>

所需的结果是:值

请帮忙。

1 个答案:

答案 0 :(得分:1)

AlloyUI,作为YUI3的扩展,使用get / set方法来访问和操作从页面中查找元素时返回的对象(YUI3 Node / AlloyUI Node)的属性/属性

可以在this documentation以及this documentation中查看一些示例。

通常,您需要div的唯一(即id,css类)才能获取该元素。获得该元素后,divNode.get('text')将为您提供元素中的所有文本。如果没有div包含在其他标记中,则无法轻松“跳过”value内的段落内容。如果您可以控制标记并且可以执行此操作,那么这将是最佳选择。否则,您将使用replace函数从文本中删除段落内容。

<script>
  AUI().use('aui-base', function(A) {

   var paragraphText = A.one('#myDiv>p').get('text');
   var divText = A.one('#myDiv').get('text')

   var onlyValue = divText.replace(paragraphText, "").trim()
   console.log(onlyValue)

  })
</script>