你可以通過Javascript函數改變ASP.NET控件的高度/寬度嗎？

Question

什麼是改變從客戶端Javascript功能的ASP.NET控件的高度和寬度的最佳方式？

感謝， 傑夫

Answer 1

由於名稱的重整由ASP.NET介紹，我使用的功能在底部找到ASP控制。一旦你有了控制權，你可以根據需要設置高度/寬度。

example usage: 

<input type='button' value='Expand' onclick='setSize("myDiv", 500, 500);' /> 

... 

function setSize(ctlName, height, width) { 
    var ctl = asp$(ctlName, 'div'); 
    if (ctl) { 
     ctl.style.height = height + 'px'; 
     ctl.style.width = width + 'px'; 
    } 
} 


function asp$(id, tagName) { 
    var idRegexp = new RegExp(id + '$', 'i'); 
    var tags = new Array(); 
    if (tagName) { 
     tags = document.getElementsByTagName(tagName); 
    } 
    else { 
     tags = document.getElementsByName(id); 
    } 
    var control = null; 
    for (var i = 0; i < tags.length; ++i) { 
     var ctl = tags[i]; 
     if (idRegexp.test(ctl.id)) { 
      control = ctl; 
      break; 
     } 
    } 

    if (control) { 
     return $(control.id); 
    } 
    else { 
     return null; 
    } 
} 

Answer 2

您可以使用控制.ClientID和一些JavaScript和改變這種方式。

您可以直接在控制自身做到這一點通過CSS的高度/寬度或某些控件上。

Answer 3

是的，這是可能的。 ASP控件在瀏覽器中呈現爲HTML控件，並帶有一些附加屬性。如果您在創建時爲您的ASP.Net控件提供了一個ID，它也會顯示爲HTML控件的ID。

您應該能夠訪問使用JavaScript的的getElementById（）函數的控件，你應該能夠修改CSS屬性（風格爲消息中指定上面這一個）。

如果您使用JQuery，選擇和設置CSS樣式可以更容易，例如

$（ 「＃myControl」）的CSS（ 「寬度」）== myNewValue。

乾杯