0

嗨,我正在使用 jquery appendGrid 插件在其中一列中显示下拉菜单。在下面的代码中,列名“Origin”具有工作正常的下拉选项。

$(function () {
    // Initialize appendGrid
    $('#tblAppendGrid').appendGrid({
        caption: 'My CD Collections',
        initRows: 1,
        columns: [
                { name: 'Album', display: 'Album', type: 'text', ctrlAttr: { maxlength: 100 }, ctrlCss: { width: '160px'} },
                { name: 'Artist', display: 'Artist', type: 'text', ctrlAttr: { maxlength: 100 }, ctrlCss: { width: '100px'} },
                { name: 'Origin', display: 'Origin', type: 'select', ctrlOptions: { 0: '{Choose}', 1: 'Hong Kong', 2: 'Taiwan', 3: 'Japan', 4: 'Korea', 5: 'US', 6: 'Others'} }
            ]
    });

但是,我有一个需要填充的不同列表,该列表下拉部分列表是

"country": [
        {
            "value": "10",
            "label": "United States"
        },
        {
            "value": "10",
            "label": "UK"
        },
        {
            "value": "20",
            "label": "Aland Islands"
        },
        {
            "value": "30",
            "label": "Albania"
        }]



{ name: 'Origin', display: 'Origin', type: 'select', ctrlOptions: { objects: country  } } }

当我运行这个我得到输出

<option value="objects">[object Object],[object Object],[object Object],[object Object]</option>

请让我知道如何修复原始列以显示实际值而不是对象对象。谢谢

4

1 回答 1

0

我也有同样的问题。所以我把我所有的值放在一个数组中。

然后我这样做了:

var a = [];
变量名;for (var i = 0; i < data2.adjustmentEntrylist.objTracker_headAdjustmentEntryGridlist.length; i++) { name = data2.adjustmentEntrylist.objTracker_headAdjustmentEntryGridlist[i].Name; a.push(名称);}

$(function () { $('#tblAppendGrid').appendGrid({ initRows: 1, columns: [ { name: 'Tracker Head', display: 'Tracker Head', type: 'select', ctrlOptions: a } ] });

});

希望它会有所帮助。

于 2014-06-27T11:30:57.523 回答