Easyui-Datebox 設定が非表示または使用できない問題を解決する方法-jsチュートリアル-php.cn

Easyui-Datebox 設定が非表示または使用できない問題を解決する方法

小云云

リリース： 2018-01-10 13:18:59

オリジナル

2676 人が閲覧しました

この記事では、主に Easyui-Datebox を非表示または使用不可に設定するための解決策を紹介します。これは、私が最近セキュリティ監視システムに取り組んでおり、Easyui を使用して構築することにしたためです。 -insはjQueryに基づいています。 easyui を使用すると多くのコードを節約できますが、いくつかのスタイルを関数に追加する必要があります。

当社は安全監視システムを構築しています。したがって、フロントエンドページは一部のポータル Web サイトほど豊富なレイアウトではなく、特殊効果が特に眩しいものになっています。現時点では、単純な UI インターフェイスだけが必要なので、jQuery に基づいたユーザーインターフェイスプラグインのコレクションである easyui を使用して構築することにしました。 easyui を使用すると、多くのコードを記述する必要はありません。ユーザーインターフェイスを定義するために必要なのは、いくつかの単純な HTML タグだけです。便利に、より美しく。ただし、プロジェクトが進行するにつれて、いくつかの機能を選択するためにいくつかの要素にいくつかのスタイルを追加する必要があります。徐々に、EasyUI の一部のコントロールは CSS とあまり互換性がないことがわかりました。そこで、私が解決したのは、easyui-datebox コントロールを非表示にすることでした。さらに、他のコントロールを非表示にしたり、使用できなくしたりする方法もいくつかまとめましたので、いくつかの提案を提供できれば幸いです。

1. Validatebox は用途に使用できます。最初の 2 つは単一の validatebox に適用されます。

 $("#id").attr("readonly", true); ----- $("#id").removeAttr("readonly");
 $("#id").attr("readonly", "readonly"); ----- $("#id").removeAttr("readonly");
 $("#Form :input").attr("readonly", "readonly"); //对form里面的禁用
 $("input").attr("readonly", "readonly"); //对所有的input标签禁用

ログイン後にコピー

2。有効な使用法:

 $("#id").combobox({ disabled: true }); ----- $("#id").combobox({ disabled: false});
 $("#id").attr("readonly", "readonly"); //对单个禁用 ----- $("#id").removeAttr("readonly");
 $("#fm .easyui-combobox").combobox({ disabled: true }); //对form里面的下拉框禁用
 $("#ID").combobox("disable"); ------ $("#ID").combobox("enable");

ログイン後にコピー

d3.datebox および DateTimeBox を無効にした啓発メソッド:

 $("#fm .easyui-datebox").datebox({ disabled: true }); ----- $("#fm .easyui-datebox").datebox({ disabled: false});
 $("#id").attr("readonly", "readonly"); ----- $("#id").removeAttr("readonly");
 $("#fm .easyui-datetimebox").datetimebox({ disabled: true }); ----- $("#fm .easyui-datetimebox").datetimebox({ disabled: true });

ログイン後にコピー

4. より投機的なメソッドもありますが、次のように使用することもできます:

<p id=" pParent"style="margin:10px 0;"> 
<input id=&#39;test&#39; class="easyui-datebox" ></input></p>

ログイン後にコピー

入力を非表示にするには、互換性がないので、その親要素を非表示にします。

$("#pParent" ).css("display", "none");

ログイン後にコピー

使用できない設定を設定する方法は次のとおりです:

$("#test").datebox({ 
  disabled: true 
 });

ログイン後にコピー