动态改变约束

Question

我有一个 dijit.form.NumberTextBox 输入字段，以这些参数开头：

 new dijit.form.NumberTextBox({
    id: din1,
    style: "width:60px",
    constraints: {
        places: 0,
        pattern: '######'
      }
    },
    din1);

一切都很好。我的问题是我想动态更改“位置”和“模式”参数。所以我写这个来改变'places'和'patterns'参数：

var myFldObj = dijit.byId(din1);
if (myFldObj) {
  var myConstObj = myFldObj.attr('constraints');
  if (myConstObj) {
     myConstObj.places = 2;
     myConstObj.pattern = '#####.0';
  }
}

所以，在我再次显示表单后，我希望输入字段允许2个小数位，但表单仍然像places=0和pattern='#一样#####'。当我检查“places”和“pattern”的值时，我得到了我所期望的结果（2 和 #####.0）。我的问题：

你能即时更改这些值吗？

或者

您是否必须销毁原始 dijit 对象并使用新参数重新创建？

谢谢！！

Answer 1

所以，这对我有用：

首先，我认为这是一个错误，因为像这样开始的输入字段

new dijit.form.NumberTextBox({
    id: "fieldID",
    style: "width:60px",
    constraints: {
        places: 0
      }
    },
    "fieldID");

然后使用如下代码动态更改：

注意：ntbArry - 绑定到的 dijit.form.NumberTextBox 对象的数组一个html
输入标签 ID。

for (var x=0;x < ntbArry.length;x++) { 
  var handle = ntbArry[x];
  if (handle) {
    handle.attr('constraints').places = 2;
    handle.attr('constraints').pattern = '#####.0#';      
  } 
}

与以这种方式创建的字段不表现出相同的行为（没有动态约束模式）：

new dijit.form.NumberTextBox({
  id: "fieldID",
  style: "width: 60px",
  constraints: {
    places: 2,
    pattern: '#####.0#'
  }
},
"fieldID");

它的行为很接近，但每次您键入小数点时，都会弹出错误消息，指出输入无效。在最初使用约束 place=2 和模式“#####.0#”创建的字段上键入小数点时，不会弹出此消息。

因此，为了获得我想要的原始行为：

fieldIDEvents 是与 NumberTextBox 字段关联的 dojo 事件数组。
在继续断开 dojo 事件之前

for (var x=0;x < fieldIDEvents.length;x++) {
  var handle = fieldIDEvents[x];
  if (handle) {    
    dojo.disconnect(handle);
  }
}

，然后销毁 NumberTextBox dojo 对象

for (var x=0;x < ntbArry.length;x++) {
  var handle = ntbArry[x];
  if (handle) {
    handle.destroy();
    ntbArry[x] = null;
  }
}

接下来，将输入标记放回到 html 中，因为它会被破坏：

注意：tdtag 和 html td 标记上的 id 应包含输入标记。

var fld1 = this.document.getElementById("tdtag");

if (fld1) {
  //alert("\""+fld1.innerHTML+"\"");
  fld1.innerHTML = "<input id=\"fieldID\">";
} 

现在，再次创建 NumberTextBox 对象：

ntbArry[0] = new dijit.form.NumberTextBox({
  id: "fieldID",
  style: "width: 60px",
  constraints: {
    places: 2,
    pattern: '#####.0#'
  }
},
"fieldID");

这是一些额外的步骤，但是，至少我知道这对我有用......如果我缺少一些基本的东西，请告诉我，很容易错过这些东西的小细节。

Answer 2

我使用 Dojo 1.3，我可以看到 dijit.form.NumberTextBox 没有 pattern 和 places 属性，但有 editOptions 属性。所以我会尝试改变这样的约束：

myConstObj.editOption.places = 2;