您好,登錄后才能下訂單哦!
這期內(nèi)容當(dāng)中小編將會給大家?guī)碛嘘P(guān)如何實現(xiàn)xml數(shù)據(jù)島綁定時的超鏈接處理,文章內(nèi)容豐富且以專業(yè)的角度為大家分析和敘述,閱讀完這篇文章希望大家可以有所收獲。
在寫地圖空間搜索的時候,用ajax返回的數(shù)據(jù)結(jié)果,除了要在地圖上標(biāo)點之外 還需要 用傳統(tǒng)的表格方式羅列,并且可以點擊察看信息,因為需要對返回結(jié)果的 處理足夠靈活,所以不能在js當(dāng)中寫死格式。這里用了xml數(shù)據(jù)島的方式(系統(tǒng)是 只需要考慮IE)只把要用到xml數(shù)據(jù)信息返回,具體怎么在html頁面上布局可以由 其它開發(fā)人員自己訂制。
下面代碼去掉了ajax的部分,只簡單的演示如何生成一個xml數(shù)據(jù)島,以及如 何和html表格綁定,并顯示出相關(guān)的鏈接信息。其中鏈接的href內(nèi)容可以保存在 xml數(shù)據(jù)中,用datafld屬性來處理。
<html xmlns=""> <head> <title>XML數(shù)據(jù)島</title> </head> <script type="text/jscript">... //獲取xml,實際應(yīng)用中大多是ajax異步獲取的 function getData() ...{ var xmlData="<xml ID="xmlData"><root>"; for(var i=0;i<5;i++) ...{ try ...{ var id="Name"+i; var Type="Type"+i; xmlData+="<METADATA><Name>"+id+"</Name> ;<Type>"+Type+"</Type><Href>javascript:aler t('"+id+"')</Href></METADATA>"; pointIndex++; } catch(e) ...{ } } xmlData+="</root></xml>"; document.all.xmlDataPanel.innerHTML=xmlData; } //簡單的添加xml信息 function addData() ...{ var xmlData= document.all.xmlDataPanel.innerHTML; xmlData=xmlData.replace ("</root></xml>",""); xmlData+="<METADATA><Name>newName</Name><Type >newType</Type><Href>javascript:alert('newName') </Href></METADATA>"; xmlData+="</root></xml>"; document.all.xmlDataPanel.innerHTML=xmlData; } </script> <body> <button onclick="javascript:getData();">獲取數(shù)據(jù) </button> <button onclick="javascript:addData();">添加數(shù)據(jù) </button> <div id="xmlDataPanel"> </div> <div style="overflow: scroll; height: 180;width:180" align="center"> <div align="left"> <!--綁定,超鏈接的地方用 datafld屬性,href的值也可以保存在 xml數(shù)據(jù)島當(dāng)中,比較靈活,可以使js函數(shù)或者一個url地址--> <table datasrc="#xmlData" border="1"> <tr> <td> <a datafld="Href"><span datafld="Name"></span></a> </td> <td> <span datafld="Type"></span> </td> </tr> </table> </div> </div> </body> </html>
上述就是小編為大家分享的如何實現(xiàn)xml數(shù)據(jù)島綁定時的超鏈接處理了,如果剛好有類似的疑惑,不妨參照上述分析進行理解。如果想知道更多相關(guān)知識,歡迎關(guān)注億速云行業(yè)資訊頻道。
免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點不代表本網(wǎng)站立場,如果涉及侵權(quán)請聯(lián)系站長郵箱:is@yisu.com進行舉報,并提供相關(guān)證據(jù),一經(jīng)查實,將立刻刪除涉嫌侵權(quán)內(nèi)容。