Question

您好我正在使用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>

请告诉我如何修复origin列以显示实际值而不是对象对象。谢谢

Answer 1

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

然后我确实喜欢这个：

var a = [];
var name; for（var i = 0; i＆lt; data2.adjustmentEntrylist.objTracker_headAdjustmentEntryGridlist.length; i ++） { name = data2.adjustmentEntrylist.objTracker_headAdjustmentEntryGridlist [i] .Name; a.push（名称）; }

$（function（）{$（＆＃39;＃tblAppendGrid＆＃39;）。appendGrid（{ initRows：1，列：[{name：＆＃39; Tracker Head＆＃39;，display：＆＃39; Tracker Head＆＃39;，type：＆＃39; select＆＃39;，ctrlOptions：a}]}）;

}）;

希望它会有所帮助。

绑定列表使用追加网格库下拉列表

1 个答案:

然后我确实喜欢这个：

}）;