通过data-dojo-props属性传递数组

Posted 2021-04-15

我正在尝试制作一个自定义的dojo widgit，我从另一个开发人员html5兼容继承。目前我将属性传递给构造函数，如下所示：

 <div id="aGrid" 
     dojoType="gswidgets.search.Grid" 
     style="width: 100%;" 
     pageName="the grid page"  
     simplePageFieldTranslations="{appNumber:'applicationNumber',orgName:'organization'}"
     rowKey="applicationID" 
     defaultCriteriaValues="dictionary">
</div>

现在要将其提升到标准，这些属性需要通过data-dojo-props属性传递。但是我遇到了“simplePageFieldTranslations”的问题，因为它是一个数组。

<div id="aGrid"
   dojoType="gswidgets.search.Grid"
   style="width: 100%;"
   data-dojo-props="pageName: 'a grid',
simplePageFieldTranslations:{appNumber: 'applicationNumber' , orgName:'organization'},
   rowKey: 'applicationID',
   defaultCriteriaValues:'dictionary'
">
</div>

关于如何解决这个问题的任何建议？我通常在java工作，这是我第一次涉足道场世界，所以我非常感谢任何帮助。

错误：

SyntaxError: missing ] after element list
note: [ opened at line 1, column 1

enter image description here

答案

在您的示例中，simplePageFieldTranslations是一个对象，而不是一个数组。

试试这种方式：

 <div id="aGrid"
   data-dojo-props="
     pageName: 'a grid',
     simplePageFieldTranslations:[
       {appNumber: 'applicationNumber' , orgName:'organization'}
     ],
     rowKey: 'applicationID',
     defaultCriteriaValues:'dictionary'
   ">
 </div>

使用data-dojo-props传递数组没有什么特别之处：

看看这里：JS Fiddle