這篇文章主要介紹“JSF如何動態(tài)生成固定表頭和行標(biāo)的DataTable”,在日常操作中,相信很多人在JSF如何動態(tài)生成固定表頭和行標(biāo)的DataTable問題上存在疑惑,小編查閱了各式資料,整理出簡單好用的操作方法,希望對大家解答”JSF如何動態(tài)生成固定表頭和行標(biāo)的DataTable”的疑惑有所幫助!接下來,請跟著小編一起來學(xué)習(xí)吧!

創(chuàng)新互聯(lián)是一家集網(wǎng)站建設(shè),同安企業(yè)網(wǎng)站建設(shè),同安品牌網(wǎng)站建設(shè),網(wǎng)站定制,同安網(wǎng)站建設(shè)報(bào)價(jià),網(wǎng)絡(luò)營銷,網(wǎng)絡(luò)優(yōu)化,同安網(wǎng)站推廣為一體的創(chuàng)新建站企業(yè),幫助傳統(tǒng)企業(yè)提升企業(yè)形象加強(qiáng)企業(yè)競爭力。可充分滿足這一群體相比中小企業(yè)更為豐富、高端、多元的互聯(lián)網(wǎng)需求。同時(shí)我們時(shí)刻保持專業(yè)、時(shí)尚、前沿,時(shí)刻以成就客戶成長自我,堅(jiān)持不斷學(xué)習(xí)、思考、沉淀、凈化自己,讓我們?yōu)楦嗟钠髽I(yè)打造出實(shí)用型網(wǎng)站。
自己在寫JSF動態(tài)生成DataTable的時(shí)候也查閱了很多相關(guān)文章, 以及實(shí)現(xiàn)固定表頭等等。
在解決固定表頭問題上我是用的兩張表(加行標(biāo)是3張表)實(shí)現(xiàn)的, 因?yàn)槲野l(fā)現(xiàn)如果用JSF1.1的化實(shí)現(xiàn)固定表頭幾乎不可能(如果有人有好的想法, 比如用JS比較在行的朋友請告訴我解決方法, 謝謝)
實(shí)現(xiàn)給每個(gè)Header加上一個(gè)CommandLink的時(shí)候我遇到了很大的問題, 就是無論如何通過JSF動態(tài)生成的這些CommandLink都沒有辦法觸發(fā)事件(并不報(bào)錯(cuò)), 這個(gè)問題足足折磨了我3天。。。
***終于發(fā)現(xiàn)問題的所在, 是因?yàn)槲以谏蒀ommandLink的時(shí)候沒有給每個(gè)CommandLink SetID。。。 就加上這句話,問題立馬解決。
我原來的代碼是鏈接數(shù)據(jù)庫的, 但是這樣的化大家也沒有辦法參考, 所以我對代碼少加修改, 就算是個(gè)小例子吧, 可重用。
希望大家對我的代碼提出JSF動態(tài)生成固定表頭和行標(biāo)的DataTable的意見,一起進(jìn)步,謝謝。
<%@ taglib uri="http://java.sun.com/jsf/core" prefix="f"%>
<%@ taglib uri="http://java.sun.com/jsf/html" prefix="h"%>
<Script language="JavaScript">
var tdW;
//Scroll
function f_scroll(Col_T,Row_T,DivNm){
if(Col_T!=''){
document.getElementById(Col_T).scrollLeft = document.getElementById(DivNm).scrollLeft;
}
if(Row_T!=''){
document.getElementById(Row_T).scrollTop = document.getElementById(DivNm).scrollTop;
}
}
Script>
<html>
<f:view>
<head>
<title>TABLEtitle>
<link rel="stylesheet" type="text/css" href="styles.css">
head>
<body>
<h:form>
<font size="2" color="black"
style="position:absolute; left: 35; top: 5; width:200; height:20">
<h:outputText value="Please Enter:" /> font>
<h:inputText value="" size="20"
style="position:absolute; left: 110; top: 5; width:150; height:20" />
<h:commandButton value="Search" action=""
style="position:absolute; left: 270; top: 5; width:50; height:20" />
<table BORDER=0
STYLE="POSITION: ABSOLUTE; LEFT: 0px; TOP: 30px; right: 0px; bottom: 0px;">
<tr>
<td STYLE="text-align: right;">
td>
<td>
<Div ID="Table2"
STYLE="position: relative; top: 0; border-left: 0.5pt solid black;
border-right: 0.5pt solid black; height: 17.75px; width: 285px; overflow-x: hidden;">
<h:dataTable value="#{myBean.myHeader}" var="myHeader"
binding="#{myBean.headerDataTable}" bgcolor="white" border="1"
cellspacing="1" rendered="true" styleClass="orders"
headerClass="ordersHeader" rowClasses="evenColumn,oddColumn"
style="position:absolute; left: 0; top: 0;
width: 100; height: 10; border-collapse:collapse;"
id="ree">
h:dataTable>
Div>
td>
tr>
<tr>
<td STYLE="vertical-align: top;">
<Div ID="Table3"
STYLE="border-bottom: 0.5pt solid black; border-top: 0.5pt solid black;
width: 25.5px; height: 265px; overflow-y: hidden; position: relative; left: 0;">
<h:dataTable value="#{myBean.myNum}" var="myNum"
binding="#{myBean.numDataTable}" bgcolor="white" border="1"
cellspacing="1" rendered="true" styleClass="orders"
headerClass="ordersHeader" rowClasses="evenColumn,oddColumn"
style="position:absolute; left: 0; top: 0; width: 32; height: 5; border-collapse:collapse;"
id="dee">
h:dataTable>
Div>
td>
<td STYLE="vertical-align: top;">
<Div ID="Table4" onScroll="f_scroll('Table2','Table3','Table4');"
STYLE="height: 281px; width: 300px; overflow-y: scroll; overflow-x: scroll;">
<h:dataTable value="#{myBean.myList}" var="myItem"
binding="#{myBean.dynamicDataTable}" bgcolor="white" border="1"
cellspacing="1" rendered="true" styleClass="orders"
headerClass="ordersHeader" rowClasses="evenColumn,oddColumn"
style="position:absolute; left: 0; top: 0; width: 100; height: 5; border-collapse:collapse;">
h:dataTable>
Div>
td>
tr>
table>
h:form>
body>
f:view>
html>到此,關(guān)于“JSF如何動態(tài)生成固定表頭和行標(biāo)的DataTable”的學(xué)習(xí)就結(jié)束了,希望能夠解決大家的疑惑。理論與實(shí)踐的搭配能更好的幫助大家學(xué)習(xí),快去試試吧!若想繼續(xù)學(xué)習(xí)更多相關(guān)知識,請繼續(xù)關(guān)注創(chuàng)新互聯(lián)網(wǎng)站,小編會繼續(xù)努力為大家?guī)砀鄬?shí)用的文章!
網(wǎng)站名稱:JSF如何動態(tài)生成固定表頭和行標(biāo)的DataTable
標(biāo)題路徑:http://www.yijiale78.com/article48/gddhep.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供網(wǎng)站收錄、App開發(fā)、搜索引擎優(yōu)化、全網(wǎng)營銷推廣、企業(yè)網(wǎng)站制作、網(wǎng)站建設(shè)
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來源: 創(chuàng)新互聯(lián)