spreadjs下拉选择联动

SpreadJS提供了多种方式来实现下拉选择联动，以下是其中一种实现方式：

1. 在第一个下拉列表中添加数据源，例如：

var dataSource1 = [
    { value: "option1", text: "选项1" },
    { value: "option2", text: "选项2" },
    { value: "option3", text: "选项3" }
];
spread.addDropDownList(0, 0, dataSource1);

2. 在第二个下拉列表中添加数据源，但不显示出来，例如：

var dataSource2 = [
    { value: "option1", text: "选项1" },
    { value: "option2", text: "选项2" },
    { value: "option3", text: "选项3" }
];
var dropDownList2 = spread.addDropDownList(0, 1, dataSource2);
dropDownList2.visible(false);

3. 在第一个下拉列表的change事件中，根据选择的值来更新第二个下拉列表的数据源和显示状态，例如：

spread.bind(GC.Spread.Sheets.Events.SelectionChanging, function(sender, args) {
    if (args.sheetArea !== GC.Spread.Sheets.SheetArea.viewport) {
        return;
    }

    var sheet = sender.getActiveSheet();
    var row = args.row;
    var col = args.col;
    var value = sheet.getValue(row, col);
    if (col === 0) {
        // 第一个下拉列表的change事件
        if (value === "option1") {
            var dataSource3 = [
                { value: "suboption1", text: "子选项1" },
                { value: "suboption2", text: "子选项2" }
            ];
            dropDownList2.setDataSource(dataSource3);
            dropDownList2.visible(true);
        } else if (value === "option2") {
            var dataSource4 = [
                { value: "suboption3", text: "子选项3" },
                { value: "suboption4", text: "子选项4" }
            ];
            dropDownList2.setDataSource(dataSource4);
            dropDownList2.visible(true);
        } else {
            dropDownList2.visible(false);
        }
    }
});

这样，当第一个下拉列表的值改变时，就会根据不同的选择来更新第二个下拉列表的数据源和显示状态，实现下拉选择联动。