>  기사  >  웹 프론트엔드  >  Easyui-Datebox 설정이 숨겨져 있거나 사용할 수 없는 문제를 해결하는 방법

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

小云云
小云云원래의
2018-01-10 13:18:592695검색

이 기사에서는 주로 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");

관련 권장 사항:


jQuery EasyUI API Chinese Document - DateBox date box

jQuery.easyui의 datebox에 대한 간단한 이야기 형식 지정 시간_ jquery

jQuery 플러그인 EasyUI 유효성 검사 규칙 verifybox 유효성 검사 box_jquery

위 내용은 Easyui-Datebox 설정이 숨겨져 있거나 사용할 수 없는 문제를 해결하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.