5

需求是這樣的，當我們利用/ReportServer方式檢視Reporting Service報表，網頁上會自動產生輸入參數的TextBox WebControl，說穿了就是一個個<input type="text">，如果其中有些參數具有機密性，希望能以<input type="password">方式呈現，Reporting Service目前是無法支援的。

Reporting Service提供了兩種客製化報表檢視網頁的方法，第一種是用rs:Stylesheet Query String指定CSS檔，原本我找到了用body { background=url("javascript:...") }的做法，很不幸地，在IE7上，CSS裡內嵌的Javascript似乎會被忽略(應是基於安全的考量吧)，所以只好轉向使用第二種做法，修改C:\Program Files\Microsoft SQL Server\MSSQL.2\Reporting Services\ReportServer\Pages\ReportViewer.aspx。

我的構想是這樣的，我們以參數輸入提示文字中夾帶了(*)字樣作為信物，例如: "請輸入密碼(*)"，在ReportViewer.aspx的最後方加入以下的Javascript Code，就可以為這些需要隱藏輸入內容的欄位新增一個<input type="password">的密碼輸入方格，在onblur時，將值填入真正的<input type="text">中。而為了避免真正的text input洩漏天機，可利用inp.style.postion="absolute"; inp.style.left="-1000px";的技巧把它藏到火星去。最後，由於password input沒有記憶功能，在Post-Back後會自動清空，所以我們要記得在每次Post-Back時將text input中的值抄回password input，如此，就大功告成了!

</form>
<script>
var tds=document.getElementsByTagName("TD");
for (var i=0; i<tds.length; i++) {
  var td=tds[i];
  if (td.className=="ParamLabelCell" && td.innerText.indexOf("(*)")>0)
  {
    td.innerText=td.innerText.replace("(*)","");
    var inpSpan=td.nextSibling.children[0];
    var origInp=inpSpan.children[0];
    var pwdInp=document.createElement("INPUT");
    inpSpan.appendChild(pwdInp);
    pwdInp=inpSpan.children[1];
    pwdInp.outerHTML="<INPUT type='password' onblur='document.all(\""
        + origInp.id +"\").value=this.value;' value='" + origInp.value + "' />";
    origInp.style.position="absolute";
    origInp.style.left="-1000px";
  }
}
</script>

其產生效果如下圖:


Comments

# by 蔡小芳

新手上路 時再找不到編譯完的report放哪阿 想懇請版主指導一下

# by Jeffrey

to 蔡小芳，不太明白你遇到的問題，"編譯完的report"所指為何?

# by 蔡小芳

不好意思 看來是我搞錯了 我以為以上那段語法是針對我要更改的那張報表,剛剛睡醒仔細看,原來是更改ReportViewer.aspx這支...好像不能只針對某張報表更改喔?

# by 蔡小芳

再請問一下版主,我剛剛有找到ReportViewer.aspx這支,也有把上面的script中的內容加上去,參數提示也改成請輸入密碼(*)，可是好像沒有變耶,我不知道哪邊還要設定,懇請版主指導一下...

# by 蔡小芳

Report.aspx...剛剛發現我的報表不知道為啥路徑是這個,慘了,版主的東西是不是就不能用啦,慘...

Post a comment