ホームページ  >  記事  >  ウェブフロントエンド  >  Easyui-Datebox 設定が非表示または使用できない問題を解決する方法

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

小云云
小云云オリジナル
2018-01-10 13:18:592658ブラウズ

この記事では、主に 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 
 });

関連推奨事項:

jQuery EasyUI API 中国語ドキュメント - DateBox 日付ボックス


jQuery.easyui の datebox についての簡単な説明フォーマット時間_ jquery

jQuery プラグイン EasyUI 検証ルール validatebox 検証 box_jquery

以上がEasyui-Datebox 設定が非表示または使用できない問題を解決する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。