jQWidgets jqxTagCloud insertAt()方法

jQWidgets是一款基于jQuery框架的UI库，提供了丰富的UI控件，包括jqxTagCloud控件，可以用来显示一系列不同权重的标签。而在jqxTagCloud控件中，insertAt()方法则是对控件中的一条数据进行插入操作的方法。

insertAt()方法的基本使用

insertAt()方法用来在指定的位置插入一条新的数据到已有的jqxTagCloud控件中。它具有如下的参数：

    insertAt(index: Number, item: any): void

其中，index是插入数据的位置的索引，item则是要插入的新数据。使用示例：

$('#tagCloud').jqxTagCloud({
    source : [
        { label: 'apple', weight: 10 },
        { label: 'banana', weight: 4 }
    ]
});

$('#insertBtn').click(function() {
    var newItem = { label: 'orange', weight: 7 };
    $('#tagCloud').jqxTagCloud('insertAt', 1, newItem);
});

以上代码，首先创建了一个包含两条数据的jqxTagCloud控件，并为它绑定一个按钮的点击事件“insertBtn”。点击按钮后，会在第2个位置（索引为1）插入一条新的数据{ label: 'orange', weight: 7 }。

insertAt()方法的高级用法

除了基本的用法之外，insertAt()方法还可以用作一些高级操作，例如：

动态插入数据

有时候，我们需要动态地向jqxTagCloud控件中插入新的数据。这时候，可以使用insertAt()方法动态插入数据。使用示例：

var mySource = [
    { label: 'apple', weight: 10 },
    { label: 'banana', weight: 4 }
];

$('#tagCloud').jqxTagCloud({
    source : mySource
});

$('#insertBtn').click(function() {
    var newItem = { label: 'orange', weight: 7 };
    mySource.push(newItem);
    $('#tagCloud').jqxTagCloud('insertAt', mySource.length - 1, newItem);
});

以上代码，首先创建了一个包含两条数据的jqxTagCloud控件。当按钮被点击时，会动态地向mySource数组中添加一条新的数据{ label: 'orange', weight: 7 }，并使用insertAt()方法插入到jqxTagCloud控件中。

在数据源中插入新数据

有时候，我们需要向jqxTagCloud控件中插入新的数据，同时也希望数据源中也添加这条数据。这时候，可以使用insertAt()方法向数据源中插入新的数据。使用示例：

$('#tagCloud').jqxTagCloud({
    source : [
        { label: 'apple', weight: 10 },
        { label: 'banana', weight: 4 }
    ]
});

$('#insertBtn').click(function() {
    var newItem = { label: 'orange', weight: 7 };
    $('#tagCloud').jqxTagCloud('source').push(newItem);
    $('#tagCloud').jqxTagCloud('insertAt', $('#tagCloud').jqxTagCloud('source').length - 1, newItem);
});

以上代码，首先创建了一个包含两条数据的jqxTagCloud控件。当按钮被点击时，会向控件的数据源中添加一条新的数据{ label: 'orange', weight: 7 }，并使用insertAt()方法插入到控件中。

通过以上两个示例，我们可以看到，在jqxTagCloud控件中使用insertAt()方法是非常灵活的，可以满足很多不同的需求。