easyui 확장 레코드
2145 단어 easyui
데이터박스 날짜 입력 상자 공간 확장
비우기 단추 추가
locals에서 대응하는 디렉터리 추가
/* datebox */
(function($) {
if ($.fn.datebox){
$.fn.datebox.defaults.clearText = ' '; //
$.fn.datebox.defaults.buttons.splice(1,0,{
text: function(target) {
return $(target).datebox("options").clearText;
},
handler: function(target) {
$(target).combo("setValue","").combo("setText","");
$(this).closest("div.combo-panel").panel("close");
}
});
}
})(jQuery);
패널 패널 확장
패널 힌트 추가
확장 js:
/**
* panel
*/
$.extend($.fn.panel.methods, {
/* panel */
tipShow: function(jq, msg) {
var _msg=msg||" ..."
jq.each(function() {
$(this).find(".panel-mask,.panel-mask-msg").remove();
$(this).css({
position: "relative"
}).append('<div class="panel-mask"></div><div class="panel-mask-msg">' + _msg + '</div>');
$(this).find(".panel-mask,.panel-mask-msg").show();
});
},
tipClose: function(jq) {
jq.each(function() {
$(this).find(".panel-mask,.panel-mask-msg").remove();
});
}
});
확장 스타일:
.panel-mask-msg {
background: #ffffff url('icons/loading.gif') no-repeat scroll 5px center;
}
.panel-mask {
background: #ccc;
}
.panel-mask-msg {
border-color: #95B8E7;
}
.panel-mask {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
opacity: 0.3;
filter: alpha(opacity=30);
display: none;
}
.panel-mask-msg {
position: absolute;
top: 50%;
left: 50%;
margin-top: -20px;
padding: 12px 5px 10px 30px;
width: auto;
height: 16px;
border-width: 2px;
border-style: solid;
display: none;
}
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
EasyUI 생성 트리, 탭 열기 클릭텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.