Easyui-Datebox 설정이 숨겨져 있거나 사용할 수 없는 문제를 해결하는 방법-JS 튜토리얼-php.cn

Easyui-Datebox 설정이 숨겨져 있거나 사용할 수 없는 문제를 해결하는 방법

小云云

풀어 주다： 2018-01-10 13:18:59

원래의

2698명이 탐색했습니다.

이 기사에서는 주로 Easyui-Datebox를 숨기거나 사용할 수 없도록 설정하는 솔루션을 소개합니다. 이는 제가 최근에 보안 모니터링 시스템을 연구하면서 Easyui를 사용하여 이를 구축하기로 결정했기 때문입니다. - jQuery를 기반으로 한 기능입니다. easyui를 사용하면 많은 코드를 절약할 수 있으며 일부 스타일을 함수에 추가해야 합니다.

저희 회사는 안전 모니터링 시스템을 구축하고 있습니다. 따라서 프런트엔드 페이지는 일부 포털 웹사이트만큼 레이아웃이 풍부하지 않으며 특수 효과가 특히 눈부십니다. 현재로서는 간단한 UI 인터페이스만 필요하므로 jQuery 기반 사용자 인터페이스 플러그인 모음인 easyui를 사용하여 빌드하기로 결정했습니다. easyui를 사용하면 많은 코드를 작성할 필요가 없으며 몇 가지 간단한 HTML 태그를 작성하여 사용자 인터페이스만 정의하면 됩니다. 편리하고 더 아름답습니다. 그러나 프로젝트가 진행됨에 따라 일부 기능을 선택하기 위해 일부 요소에 일부 스타일을 추가해야 합니다. 점차적으로 나는 EasyUI의 일부 컨트롤이 CSS와 잘 호환되지 않는다는 것을 발견했습니다. 그래서 제가 해결한 방법은 easyui-datebox 컨트롤을 숨기는 것이었습니다. 또한 다른 컨트롤을 숨기거나 사용할 수 없게 만드는 몇 가지 방법도 요약했습니다. 몇 가지 제안 사항이 있으면 좋겠습니다.

1. 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");

로그인 후 복사

ed3.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 비교적 추측적인 방법도 있지만 다음과 같이 사용할 수 있습니다.

Relreee

이제 나는 입력을 숨기려면 입력이 호환되지 않으므로 부모 요소를 숨기겠습니다.

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

로그인 후 복사

사용 불가 설정 방법은 다음과 같습니다.

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

로그인 후 복사