2

完全に 100% 動的な PhoneJS アプリケーションを作成しようとしているときに、$().append().

JQuery APIリファレンス、他のSO、およびWeb上の他のランダムな記事から私が見たすべての例は、常に特定のIDに要素を追加して与えているようです。

次の点を考慮してください。

HTML

<div id="something"></div>

JS

var tmp = $('<div></div>').SomeKindOfElement(WithSomeKindOfContent);

//People always append this to a specific element like so
$('#something').append(tmp);

ご覧のとおり、特定の ID に追加されています。

では、追加する必要がある要素の数がわからない場合はどうすればよいでしょうか? 私は次のことができます

<div id="something1"></div>
<div id="something2"></div>
<div id="something3"></div>
<div id="something4"></div>
<div id="something5"></div>

受け取ったアイテムをループして、5 つ以上の要素を追加する必要がないことを願っています。

新しい要素を HTML の特定の要素にバインドせずに、単に新しい要素を作成するだけで、新しい要素を追加する方法はありません<div>か?

DEVEXTREME を知っている人のみ

基本的に、次のように dxChart を作成しています。

$('#chart').dxChart({
    dataSource: [
        { 'Product': 'Pie', 'QTY': 25 },
        { 'Product': 'Chocolate Cake', 'QTY': 12 },
        { 'Product': 'Muffins', 'QTY': 78 }
    ],
    series: { name: 'Test', argumentField: 'Product', valueField: 'QTY'},
    commonSeriesSettings: {
        type: 'bar'
    }
});

しかし、ご覧のとおり、次のように、このチャートを<div>マークアップ内の id を持つ要素にバインドしています。chart

<div data-options="dxView : { name: 'graph', title: 'graph' } " >
    <div data-options="dxContent : { targetPlaceholder: 'content' } ">
        <h1 class="headline">Dashboard</h1>
        <div id="chart"></div>
    </div>
</div>

繰り返しますが、2 つのグラフを作成するとどうなるでしょうか? 最初のチャートは、2 番目のチャートによって上書きされます。

4

3 に答える 3

0

DevExtreme サポートから次の回答を得ました。

http://jsfiddle.net/tm481tew/の例は、このタスクを達成する方法を示しています

ジャバスクリプト

$('<div>')
.appendTo('#container')
.dxChart({
    dataSource: [
        { 'Product': 'Pie', 'QTY': 25 },
        { 'Product': 'Chocolate Cake', 'QTY': 12 },
        { 'Product': 'Muffins', 'QTY': 78 }
    ],
    series: { name: 'Test', argumentField: "Product", valueField: "QTY" },
    commonSeriesSettings: {
        type: 'bar'
    }
});

マークアップ

<div id="container"></div>
于 2015-09-17T13:21:03.203 に答える