Dojo将索引0处的数据从数组绑定到小部件

Dojo binding data at index 0 from array to widget

本文关键字：绑定 数组 小部 数据 索引 0处 Dojo      更新时间：2023-09-26

我有一个java脚本对象，我正试图将该对象绑定到索引0处的小部件，但我无法使绑定适用于数组对象。

我不想为数组中的每个记录重复小部件，我只想将小部件仅绑定到索引0处的companyList中的salary1。

阵列：

data = new Stateful({
companyList:[{id:1, salary1:300.00, salary2:200.00, salary3:400.00}]
});

HTML:

<span title="(a) Salary For Month One :" data-dojo-type="dijit/_WidgetBase"
data-dojo-props="target:at(data,'companyList')">             
<s:textfield type="text" name="salary1" required="true"
    id="Salary1Id" placeholder="Salary Month One (e.g. 1234.00)"
    trim="true" data-dojo-type="dijit/form/CurrencyTextBox"                                   
    data-dojo-props="value:at('rel:','salary1'),uppercase:true ,constraints:{fractional:true}, currency:'USD'"/>    
</span>

这看起来与这里的示例非常相似：

http://dojotoolkit.org/reference-guide/1.10/dojox/mvc/WidgetList.html#id4

我假设您正在用WidgetList、_InlineTemplateMixin和设置子项来包装div设置中的dijit/_WidgetBase，对吗？类似于此：

<div data-dojo-type="dojox/mvc/WidgetList"
            data-dojo-mixins="dojox/mvc/_InlineTemplateMixin"
            data-dojo-props="children: at(searchRecords, 'items')">
            <script type="dojox/mvc/InlineTemplate">

实际上，您的问题也可能与使用new Stateful而不是getStateful（）有关，getStateful将处理数组。

所以它适用于我：

sdata = getStateful({
companyList:[{id:1, salary1:300.00, salary2:200.00, salary3:400.00}]
});

这个：

<div id="main">
    <div data-dojo-type="dojox/mvc/Group"
         data-dojo-props="target: sdata">
        <h4>Declarative WidgetList using data-mvc-child-type </h4>
        <div data-dojo-type="dojox/mvc/WidgetList"
             data-dojo-props="children: at('rel:', 'companyList')"
             data-mvc-child-type="dijit/form/CurrencyTextBox"
             data-mvc-child-props="value: at(this.target, 'salary1'),
                                                class: 'row'">
        </div>
    </div>
    <h4>Declarative WidgetList using a dojox/mvc/InlineTemplate </h4>
    <div data-dojo-type="dojox/mvc/WidgetList"
         data-dojo-mixins="dojox/mvc/_InlineTemplateMixin"
         data-dojo-props="children: at(sdata,'companyList')">
        <script type="dojox/mvc/InlineTemplate">
            <div>
                <span type="text" name="salary1" required="true"
                      id="Salary1Id" placeholder="Salary Month One (e.g. 1234.00)"
                      trim="true" data-dojo-type="dijit/form/CurrencyTextBox"
                      data-dojo-props="value:at('rel:','salary1'),uppercase:true ,constraints:{fractional:true}, currency:'USD'"/>
                </span>
            </div>
        </script>
    </div>
    <p>Updates to either set of CurrencyTextBoxes will be reflected in the other
</div>

经过对dojox mvc的一些研究，我能够根据记录的索引值将单个表单元素绑定到Stateful数组对象，例如数组中的0,1,2,3。

这是一个有效的场景，开发人员可能正在处理一个数组对象，该对象可能在某个时刻返回单个记录，而不是一个或多个数组。如果开发人员希望将单个记录绑定到表单字段元素，他们可以使用索引一次访问一个记录并显示给用户。他们可以考虑以下解决方案。

数据data=new Stateful({companyList:[｛id:1，salary:300.00，salary2:200.00，salary3:400.00｝]})；

HTML

解决方案创建另一个访问数组记录索引的组：

<span data-dojo-type="dojox/mvc/Group" data-dojo-props= "target: at('rel:', 0)">

<span title="(a) Salary For Month One :" data-dojo-type="dijit/_WidgetBase"
data-dojo-props="target:at(data,'companyList')">             
<span data-dojo-type="dojox/mvc/Group" data-dojo-props= "target: at('rel:', 0)">
<s:textfield type="text" name="salary1" required="true"
    id="Salary1Id" placeholder="Salary Month One (e.g. 1234.00)"
    trim="true" data-dojo-type="dijit/form/CurrencyTextBox"                                   
    data-dojo-props="value:at('rel:','salary1'),uppercase:true ,constraints:{fractional:true}, currency:'USD'"/>    
</span>
</span>
相关文章：