Asp.Net中關於td的內容超出後自動隱藏問題

1. 頁面加載後執行js修改樣式:


<script type="text/javascript">
   function hiddenTdTextWhenOverflow()
{
var tempTable = document.getElementById("G_ctl00xBodyContentPlaceHolderxctrlGlanceReportxuwgGlanceReport");
var currentTBody = tempTable.getElementsByTagName("tbody")[0];
var currentTBodyTrArr = currentTBody.childNodes;
for (i = 0; i < currentTBodyTrArr.length; i++) {
var currentTrTdArr = currentTBodyTrArr[i].childNodes;
for (j = 0; j < currentTrTdArr.length; j++) {
currentTrTdArr[j].style.overflow = "hidden";
}
}
}

window.onload = hiddenTdTextWhenOverflow;
</script>




2. 點擊按鈕執行完後臺代碼後執行js

在aspx文件中定義js函數:


<script type="text/javascript">
   function hiddenTdTextWhenOverflow() {
var tempTable = document.getElementById("G_ctl00xBodyContentPlaceHolderxUltraWebGrid1");
var currentTBody = tempTable.getElementsByTagName("tbody")[0];
var currentTBodyTrArr = currentTBody.childNodes;
for (i = 0; i < currentTBodyTrArr.length; i++) {
var currentTrTdArr = currentTBodyTrArr[i].childNodes;
for (j = 0; j < currentTrTdArr.length; j++) {
currentTrTdArr[j].style.overflow = "hidden";
}
}
}

</script>



後臺邏輯處理完局部頁面加載前執行函數,在.aspx.cs類型文件中調用:


protected void btnViewReport_Click(object sender, EventArgs e)
{
try
{
//此次爲後臺處理邏輯代碼

ClientScript.RegisterStartupScript(this.GetType(), "hiddenTdTextWhenOverflow", @"<script type='text/javascript'>hiddenTdTextWhenOverflow();</script>");
}
catch (Exception ex)
{
divError.Visible = true;
lblError.Text = ex.Message;
}
}

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章