So lösen Sie das Problem, dass die Easyui-Datebox-Einstellungen ausgeblendet oder nicht verfügbar sind

Dieser Artikel stellt Ihnen hauptsächlich die Lösung vor, um Easyui-Datebox so einzustellen, dass es ausgeblendet oder nicht verfügbar ist. Dies liegt daran, dass ich kürzlich an einem Sicherheitsüberwachungssystem gearbeitet habe und mich für die Verwendung von Easyui entschieden habe, um es zu erstellen Schnittstellen-Plugins basierend auf jQuery. Durch die Verwendung von easyui kann viel Code eingespart werden, und der Funktion müssen einige Stile hinzugefügt werden.

Was unser Unternehmen betreibt, ist ein Sicherheitsüberwachungssystem. Daher ist die Front-End-Seite nicht so reichhaltig gestaltet wie einige Portal-Websites und die Spezialeffekte sind besonders umwerfend. Derzeit benötige ich nur eine einfache Benutzeroberfläche, daher habe ich mich dafür entschieden, sie mit easyui zu erstellen, einer Sammlung von Benutzeroberflächen-Plug-Ins, die auf jQuery basieren. Mit easyui müssen Sie nicht viel Code schreiben, sondern nur die Benutzeroberfläche definieren, indem Sie einige einfache HTML-Tags schreiben. Bequemer und schöner. Mit fortschreitendem Projekt ist es jedoch erforderlich, einigen Elementen einige Stile hinzuzufügen, um einige Funktionen auszuwählen. Nach und nach stellte ich fest, dass einige Steuerelemente von EasyUI nicht sehr gut mit CSS kompatibel sind. Daher habe ich einige Lösungen wie folgt zusammengefasst. Was ich gelöst habe, war das Ausblenden des easyui-datebox-Steuerelements. Darüber hinaus habe ich einige Möglichkeiten zusammengefasst, andere Steuerelemente auszublenden oder nicht verfügbar zu machen. Ich hoffe, dass ich einige Vorschläge machen kann.

1. Validatebox kann verwendet werden: Die ersten beiden gelten für eine einzelne Validatebox.

Die dritte wird auf das Eingabefeld im gesamten Formular angewendet 🎜>

 $("#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. Combobox deaktivieren, Nutzung aktivieren:

 $("#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");

3 So deaktivieren und aktivieren Sie Datebox und 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. Es gibt auch eine opportunistischere Methode, die aber auch möglich ist Verwendet. Beispiele sind wie folgt:

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

Da es inkompatibel ist, werde ich sein übergeordnetes Element ausblenden.

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

Die folgende Methode dient zum Festlegen der Einstellung „Nicht verfügbar“:

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

Verwandte Empfehlungen:

jQuery EasyUI API Chinese Document - DateBox-Datumsfeld

Eine kurze Diskussion über jQuery.easyuis Datumsfeldformatierung time_jquery

jQuery-Plug-in EasyUI-Validierungsregeln Validatebox-Validierung box_jquery

Das obige ist der detaillierte Inhalt vonSo lösen Sie das Problem, dass die Easyui-Datebox-Einstellungen ausgeblendet oder nicht verfügbar sind. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!