私はdisplaytagタグライブラリを使用しています。これまでのところ驚くほど効果的でした。しかし、私は単純なオプションや、エクスポートのバナーをテーブルの一番下に置くのではなく、テーブルの上部に置くことはできません。これはどのように達成できますか?displaytagエクスポートオプションbanner - テーブルの上部に配置
私たちは、「exportTypes」IDに対して、いくつかのCSSを使用して上部に輸出メニューを配置することができたおかげで、 ロイ
私はdisplaytagタグライブラリを使用しています。これまでのところ驚くほど効果的でした。しかし、私は単純なオプションや、エクスポートのバナーをテーブルの一番下に置くのではなく、テーブルの上部に置くことはできません。これはどのように達成できますか?displaytagエクスポートオプションbanner - テーブルの上部に配置
私たちは、「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で
は、我々が定義されてきました。これが少し助けてくれることを願います。
私はあなたと同じ問題を抱えていました。
マイ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);
}
});
私はこのようにjQueryを使用して解決しました
結果:
コードの下に追加してください:
$(function()
{
// Placement on top.#row is display tag id
$(".exportlinks").insertBefore("#row");
});