displaytag 내보내기 옵션 banner - 테이블 상단에 배치하십시오.

Question

displaytag 태그 라이브러리를 사용하고 있으며, 지금까지 놀랍도록 효과적이었습니다. 그러나, 간단한 옵션이나 수출 배너를 하단 대신에 테이블 상단에 두는 방법은 없습니다. 이것이 어떻게 성취 될 수 있는가?

덕분에, 로이

Answer 1

우리는 'exportTypes'ID에 대한 일부 CSS를 사용하여 상단에있는 수출 메뉴를 배치 할 수있었습니다. 나는 우리 팀에 그것을했다 프런트 엔드 사람이 아니에요, 그래서에 더있을 수 있습니다,하지만 당신은 같은 것을 할 수있는 것 같습니다 : - 외부 프레임과 guttered

div.framed-outer.guttered #exportTypes { 
    *top: -10px; 
} 

는 그냥 DIV됩니다 우리가 사용하는 테이블 주변의 ID.

export.banner=<div id="exportTypes"><span class="label">Export: </span>{0}</div> 

가 다시 그 전체 이야기하지 않을 수 있습니다하지만 난 그 우리의 프로젝트에 할 거라고 볼 수있는 작업은 다음 displaytag.properties에서

은 우리가 정의했습니다. 희망이 조금 도움이됩니다.

Answer 2

나는 당신과 같은 문제가있었습니다.

내 displaytag.properties : 내 JSP에서 DisplayTag로 만든

export.banner=<div id="export" class="exportlinks">Exporter : {0}</div> 

내 테이블 :

<div id="datagrid"> 
    <div class="datagrid"> 
     <display:table name="sessionScope.resultats" sort="list" defaultsort="2" pagesize="<%=nombreLignes %>" export="true"> 
      <display:column property="code" title="<%=codeLabel %>" sortable="true" href="javascript:edition(document.forms[0], '#')" paramId="code" paramProperty="code" style="width:20%;" /> 
      <display:column property="nom" title="<%=nomLabel %>" sortable="true" href="javascript:edition(document.forms[0], '#')" paramId="code" paramProperty="code" style="width:80%;" /> 
      <display:setProperty name="export.pdf" value="true" /> 
      <display:setProperty name="export.csv.filename" value="${nomExport }.csv"/> 
      <display:setProperty name="export.pdf.filename" value="${nomExport }.pdf"/> 
     </display:table> 
    </div> 
</div> 

JQuery와의 함수 :

$(function() 
{ 
    var export1 = document.getElementById('export'); 
    if(export1 != null) 
    { 
     // 2 duplications 
     var export2 = export1.cloneNode(true); 
     var export3 = export1.cloneNode(true); 
     var datagrid = document.getElementById('datagrid'); 

     // Placement on top 
     datagrid.insertBefore(export2, datagrid.firstChild); 

     // Placement on bottom 
     datagrid.parentNode.insertBefore(export3, datagrid.nextSibling); 

     // Delete node generated by DisplayTag 
     export1.parentNode.removeChild(export1); 
    } 
}); 

I는 다음과 같이 jQuery를 사용하여 해결

결과 :

Answer 3

코드 아래에 추가하십시오 :

$(function() 
    { 

    // Placement on top.#row is display tag id 
    $(".exportlinks").insertBefore("#row"); 

});