好的，所以这没有你的完整代码，但我想我在这里看到了你的问题。
简短的回答是，在您提供的代码中，当您在块中选择新值时，我没有看到您在回调函数中做任何事情，也没有看到您从 XML 中保存/读取它。可能其中一些被遗漏了，但为了不让您在评论中播放“包含更多代码”标签，我将在这里做一个简要说明。
让我向您展示一些示例代码，并逐步了解我为使这个案例工作所做的一切：
Blockly.Blocks['mySampleBlock'] = {
/**
* Initiate the block. This runs before domToMutation.
*/
init: function () {
var typeOptions = [['Card', 'card'], ['View', 'view']];
this.appendDummyInput()
.setAlign(Blockly.ALIGN_RIGHT)
.appendField('Type ')
.appendField(new Blockly.FieldDropdown(typeOptions, this.handleTypeSelection.bind(this)), 'typeSelector');
// Initialize the value of this.columnType (used in updateShape)
this.columnType = this.getFieldValue('typeSelector');
// Avoid duplicating code by running updateShape to append your appropriate input
this.updateShape();
//@TODO: Do other block configuration stuff like colors, additional inputs, etc. here
},
/**
* This function runs each time you select a new value in your type selection dropdown field.
* @param {string} newType This is the new value that the field will be set to.
*
* Important note: this function will run BEFORE the field's value is updated. This means that if you call
* this.getFieldValue('typeSelector') within here, it will reflect the OLD value.
*
*/
handleTypeSelection: function (newType) {
// Avoid unnecessary updates if someone clicks the same field twice
if(this.columnType !== newType) {
// Update this.columnType to the new value
this.columnType = newType;
// Add or remove fields as appropriate
this.updateShape();
}
},
/**
* This will remove old inputs and add new inputs as you need, based on the columnType value selected
*/
updateShape: function () {
// Remove the old input (so that you don't have inputs stack repeatedly)
if (this.getInput('appendToMe')) {
this.removeInput('appendToMe');
}
// Append the new input based on the value of this.columnType
if(this.columnType === 'card') {
// if columnType = Card, show the following:
//@TODO: define values in cardsList here
var cardsList = [['Dummy Option','option']];
this.appendDummyInput('appendToMe')
.setAlign(Blockly.ALIGN_RIGHT)
.appendField(' Card: ')
.appendField(new Blockly.FieldDropdown(cardsList), 'cardValue');
} else if (this.columnType === 'view') {
// if columnType = view, show the following:
//@TODO: define values in viewsList here
var viewsList = [['Dummy Option','option']];
this.appendDummyInput()
.setAlign(Blockly.ALIGN_RIGHT)
.appendField(' View ')
.appendField(new Blockly.FieldDropdown(viewsList), 'viewValue');
}
},
/**
* This function runs when saving your block to XML. This is important if you need to save your block to XML at any point and then either
* generate code from that XML or repopulate your workspace from that XML
*/
mutationToDom: function () {
var container = document.createElement('mutation');
// Do not use camelCase values for attribute names.
container.setAttribute('column_type', this.columnType);
// ALWAYS return container; this will be the input for domToMutation.
return container;
},
/**
* This function runs when loading your block from XML, after running init.
* It's very important for updating your block in response to values selected in a field.
*/
domToMutation: function (xmlElement) {
// This attribute should match the one you used in mutationToDom
var columnType = xmlElement.getAttribute('column_type');
// If, for whatever reason, you try to save an undefined value in column_type, it will actually be saved as the string 'undefined'
// If this is not an acceptable value, filter it out
if(columnType && columnType !== 'undefined') {
this.columnType = columnType;
}
// Run updateShape to append block values as needed
this.updateShape();
}
};
除了我的解释性评论外，还有一些关于这种情况需要注意的事项：
- 您不必严格使用我的
this.columnType构造。相反，您可以将columnType值传递给updateShape并使用this.getFieldValue('typeSelector')或输入您的“回调”函数 ( handleTypeSelection)。我倾向于这样做，因为我经常制作更复杂的块，每次都很难或效率低下获得适当的值，而且this.whateverMyValueNameIs更容易。
- 同样，您可以使用and代替
this.removeInputand this.appendDummyInputin ，就像您的第一直觉一样。但是，如果您这样做，您将需要确保您已命名您打算将字段附加到/从中删除的输入。在大多数情况下，我倾向于只添加/删除整个输入，因为它还可以让我更改标签等。updateShaperemoveFieldappendField
- 每当您响应下拉列表的值进行任何更改时，您可能应该将该值添加
domToMutation并mutationToDom保存到突变属性中，然后将其读出并相应地更新您的块。即使您的块上没有实际的 mutator，这也适用。
- 注意这里的 TODO 注释；由于我不知道viewsList 和cardList 的值，所以我没有提供它们，也没有为您提供任何其他块配置。
这可能有点令人困惑，所以如果您有任何后续问题，请提出。我自己花了一段时间才掌握了窍门。（不过，如果我不清楚您要做什么，我可能会要求您提供其他代码示例。）
祝你好运！