标签: disable

我<button>在 ngFor 循环中有一个，我希望在用户单击按钮后将其禁用。循环的每个元素都有一个按钮，因此我必须为每个元素使用不同的布尔值来区分它们。

这是来自 html 的代码片段：

<div class="card" *ngFor="let i of items">
    <button type="button" [disabled]="'btn' + i.id" (click)="btn + i.id=true">TEST</button>
<div>

该[disabled]="'btn' + i.id"部分似乎有效，但我无法将其值设置为trueusing (click)="btn + i.id=true"。我如何可以连接的btn，并i.id与它的值设置为true？

任何帮助表示赞赏！

我在使用选择行的数据表时遇到问题。我有禁用复选框的行，但无论如何选择都会检查它们......这是一个错误吗？

我做了一个代码笔：https ://codepen.io/slayerbleast/pen/jOWjzWJ

如何修复 selectAll 复选框只检查可用的复选框？

模板：

<v-content>
    <v-data-table
        v-model="selected"
        :headers="headers"
        :items="desserts"
        item-key="name"
        show-select
    >
    <template #item="{ item }">
        <tr>
            <td>
                <v-checkbox
                    :disabled="item.calories > 250"
                    class="pa-0 ma-0"
                    :ripple="false"
                    v-model="selected"
                    :value="item"
                    hide-details
                >
                </v-checkbox>
            </td>
            <td>{{item.name}}</td>
            <td>{{item.calories}}</td>
            <td>{{item.fat}}</td>
            <td>{{item.carbs}}</td>
            <td>{{item.protein}}</td>
            <td>{{item.iron}}</td>
        </tr>
    </template>
    </v-data-table>
</v-content>

数据：

data: () => ({
        selected: [],
            headers: [
          {
            text: 'Dessert (100g serving)',
            align: 'start',
            sortable: false,
            value: 'name',
          },
          { text: 'Calories', value: 'calories' },
          { text: 'Fat (g)', value: 'fat' },
          { …

当我将鼠标悬停在 ECharts 地图上时，我想防止背景颜色发生变化。例如，请参阅此链接https://echarts.apache.org/examples/en/editor.html?c=map-usa。如何将鼠标悬停在地图上但地图的颜色保持不变。当我将鼠标悬停在地图的任何部分时，我不希望背景颜色改变（在这种情况下为黄色）

我有一个电子应用程序，具有不同的页面。我的应用程序的某些按钮使用户可以在这些页面之间导航。但用户也可以使用鼠标侧面的按键导航到上一页/下一页。请问如何禁用这些键？

插图

我想仅禁用JavaFX Spinner 组件的一个箭头按钮，以便它们不能采用非法值：我有 2 个组件，并以 [2-6] 作为值范围，如下图所示；我想要的行为是，当它们达到相同的值（例如最小值：3，最大值：3）时，最小值的向上箭头以及最大值的向下箭头将被禁用。spinnerMinspinnerMax

任何人都知道这是否可能，或者我怎样才能以最顺利的方式实现这一目标？

编辑：感谢jewelsea的建议。我已经向 valueProperty 添加了一个侦听器，并设置 valueFactory 来更改范围，并且它按预期工作，即使它仍然没有禁用并使箭头“变灰”，这是我想要实现的行为（但是此时我想知道这是否可能）。

spinnerMin.valueProperty().addListener((changed, oldval, newval) -> {
    spinnerMax.setValueFactory(new SpinnerValueFactory.IntegerSpinnerValueFactory(newval, 6, spinnerMax.getValue()));
});

spinnerMax.valueProperty().addListener((changed, oldval, newval) -> {
    spinnerMin.setValueFactory(new SpinnerValueFactory.IntegerSpinnerValueFactory(2, newval, spinnerMin.getValue()));
});

我试图在单击添加按钮后禁用该按钮。为简单起见，我不会仅添加导致问题的代码的详细信息。

<div *ngFor="let n of records">
   <span>{{n.name}}</span>
   <span>{{n.location}}</span>
   <button (click)="addtomainrecord(n)" [disabled]="disablebutton">add</button>
</div>

在我的组件中，我已经声明

  disablebutton:boolean=false;
   //later in my code
  addtomainrecord(record) {
     this.disablebutton=true;
   //rest of the code follows
  }

我面临的问题是，一旦我第一次单击添加按钮，所有按钮都被禁用，而我只想禁用我刚刚单击的行按钮。

如何修复？

我的 logback.xml 如下所示：

<?xml version="1.0" encoding="UTF-8"?>
<configuration>
  <jmxConfigurator/>
  <statusListener class="ch.qos.logback.core.status.NopStatusListener"/>

  <property name="LOG_DIR" value="/tmp/logs"/>
  <springProperty name="appName" source="spring.application.name"/>
  <appender class="ch.qos.logback.core.ConsoleAppender" name="STDOUT">
    <layout class="ch.qos.logback.classic.PatternLayout">
      <Pattern>
        some pattern
      </Pattern>
    </layout>
  </appender>

  <logger additivity="false" level="DEBUG"
    name="xyz">
    <appender-ref ref="STDOUT"/>
  </logger>
  <root level="ERROR">
    <appender-ref ref="STDOUT"/>
  </root>
</configuration>

我试图从整个应用程序禁用调试日志，但找不到方法。我想打印 INFO、ERROR 级别的日志。

我正在使用 React 16.13 和 Bootstrap 4。我有以下表单容器......

const FormContainer = (props) => {
    ...
  const handleFormSubmit = (e) => {
    e.preventDefault();
    CoopService.save(coop, setErrors, function(data) {
      const result = data;
      history.push({
        pathname: "/" + result.id + "/people",
        state: { coop: result, message: "Success" },
      });
      window.scrollTo(0, 0);
    });
  };

  return (
    <div>
      <form className="container-fluid" onSubmit={handleFormSubmit}>
        <FormGroup controlId="formBasicText">
    ...
          {/* Web site of the cooperative */}
          <Button
            action={handleFormSubmit}
            type={"primary"}
            title={"Submit"}
            style={buttonStyle}
          />{" "}
          {/*Submit */}
        </FormGroup>
      </form>
    </div>
  );

是否有标准方法来禁用提交按钮以防止重复提交表单？问题是，如果从服务器返回的表单中有错误，我希望再次启用该按钮。下面是我上面引用的“CoopService.save”...

...
  save(coop, setErrors, …

如果电子邮件或密码文本字段为空，我想禁用登录按钮，并在两者都填满时再次启用它，所以我使用以下代码：

func textField(_ textField: UITextField, shouldChangeCharactersIn range: NSRange, replacementString string: String) -> Bool {
    if txtEmail.text != "" , txtPassword.text != "" {
        btnLogInOutlet.isEnabled = true
    }else if txtEmail.text! == "" || txtPassword.text! == "" {
        btnLogInOutlet.isEnabled = false
    }
    return true
}

当我在两个字段中输入然后删除在其中一个字段中输入的内容时，就会出现问题。正如您在下图中看到的，该按钮仍然启用。只有当我开始在其他（非空）文本字段中进行编辑时，它才会再次禁用。

我的问题是，在删除在任何文本字段中输入的内容之后，如何在移动到另一个文本字段之前直接再次禁用该按钮？

有没有办法隐藏内容添加上无论如何都没有使用的内容元素？