datepicker CSS속성(z-index)제거

main
이범준 1 year ago
parent f02de8e7b7
commit 26f4e9bc46

@ -1,95 +1,3 @@
var initGrid = (gridOptions) => {
var tableBodyTemplate = {};
var strThs = "";
var strBodyTrs = "";
var colCnt = 0;
if(gridOptions.rowHeader){
strThs += `<th tabindex="0" aria-controls="DataTables_Table_0" rowspan="1" colspan="1"
style="width: 50px; text-align:center;">
${gridOptions.rowHeader}
</th>`;
colCnt++
}
strBodyTrs += `<tr data-key="${gridOptions.trDataKey}">`;
if(gridOptions.rowHeader){
strBodyTrs += `<td
onclick="${gridOptions.clickEvent}"
ondblclick="${gridOptions.dblClickEvent}"
>{ROW_NUM}
</td>`;
}
var gridColumns = gridOptions.columns;
gridColumns.forEach(function(item, idx, arr){
var gHeader = item.header;
var gName = item.name;
var gWidth = item.width;
if(!gWidth){
gWidth = "0px";
}
var gClass = item.className;
if(!gClass){
gClass = "";
}
var thClass = gClass.replace("text-start","").replace("texter-center","").replace("text-end","");
var titleClickEvent = ``;
var by = gridOptions.by;
var byOutput = gridOptions.byOutput;
if(by && byOutput){
titleClickEvent += `searchFromGridTitle('${by}','${byOutput}','${gName}','${gHeader}','${item.advancedOptionIndex}');`;
}
var gHidden = item.hidden;
if(!gHidden){
gHidden = "";
colCnt++;
} else {
gHidden = "hidden";
}
strThs += `<th
tabindex="0" rowspan="1" colspan="1" class="sorting text-center ${thClass}"
style="width: ${gWidth};"
${gHidden}
onclick="${titleClickEvent}"
>${gHeader}
</th>`;
strBodyTrs += `<td
onclick="${gridOptions.clickEvent}"
ondblclick="${gridOptions.dblClickEvent}"
class="${gClass}"
${gHidden}
>{${gName}}
</td>`;
});
strBodyTrs += `</tr>`;
tableBodyTemplate.found = strBodyTrs;
$("#"+gridOptions.theadTr).append(strThs);
var notFound = `<tr class="odd">
<td valign="top" colspan="${colCnt}" class="dataTables_empty text-center">${gridOptions.prefixName} 정보를 찾지 못했습니다.</td>
</tr>`;
tableBodyTemplate.notFound = notFound;
return tableBodyTemplate;
};
function searchFromGridTitle(byElement, byOutputElement, byValue, byOutputValue, advancedOptionIndex){ function searchFromGridTitle(byElement, byOutputElement, byValue, byOutputValue, advancedOptionIndex){

@ -2,7 +2,7 @@
/* datepicker Style */ /* datepicker Style */
.ui-datepicker { width: 270px; padding: 0; display: none; border: 0; margin-top: 10px;z-index: 15 !important;} .ui-datepicker { width: 270px; padding: 0; display: none; border: 0; margin-top: 10px;}
.ui-widget.ui-widget-content { border: 0; border-radius: 3px; overflow: hidden; background: #fff; box-shadow: 0 0 8px rgba(0,0,0,0.3) } .ui-widget.ui-widget-content { border: 0; border-radius: 3px; overflow: hidden; background: #fff; box-shadow: 0 0 8px rgba(0,0,0,0.3) }
.ui-datepicker .ui-widget-header { position: relative; padding: 6px 0 36px 0; border: 0; background: #3f51b5; color: #fff; border-radius: 0; } .ui-datepicker .ui-widget-header { position: relative; padding: 6px 0 36px 0; border: 0; background: #3f51b5; color: #fff; border-radius: 0; }
.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { width: 70px; height: 26px; line-height: 26px; background: rgba(0,0,0,0.15) url(images/arrow-button.png) 100% -27px no-repeat; margin: 0 4px; padding: 0 6px; border: 0; border-radius: 3px; color: #fff; font-size: 13px; font-weight: bold; box-sizing: border-box; -webkit-appearance: none; -moz-appearance: none; appearance: none; /* 화살표 없애기 */ } .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { width: 70px; height: 26px; line-height: 26px; background: rgba(0,0,0,0.15) url(images/arrow-button.png) 100% -27px no-repeat; margin: 0 4px; padding: 0 6px; border: 0; border-radius: 3px; color: #fff; font-size: 13px; font-weight: bold; box-sizing: border-box; -webkit-appearance: none; -moz-appearance: none; appearance: none; /* 화살표 없애기 */ }

Loading…
Cancel
Save