ASP.NET Futures體驗：CSS選擇器和創建多個客戶端組件

ASP.NET AJax將會集成在下一個版本的ASP.Net中，並且做了一些新的擴展，其中CSS選擇器方法允許我們通過CSS選擇器來選擇多個DOM元素；提供了一些新的API允許我們注冊一個客戶端組件到多個DOM元素中。 

1．CSS選擇器 

CSS選擇器方法允許我們通過CSS類名或者CSS選擇器來同時選擇多個DOM元素，如下示例所示： 

<script language="JavaScript"> 

    function pageLoad() { 

      // Select all elements from the root with a CSS class of 'textInput'. 

      var elements = Sys.PrevIEw.UI.DomElement.getElementListByClassName('textInput'); 


      // Select all button elements 

      var elements2 = Sys.PrevIEw.UI.DomElement.getElementListBySelector('button'); 

    } 

</script> 

2．創建多個組件 

在ASP.Net AJax中，使用Sys.Component.createComponent方法可以創建一個客戶端組件並附加到一個DOM元素上，並設置它的屬性、事件等，但是createComponent一次只能對一個DOM元素進行操作。新提供的方法Sys.Component.createMultiple可以關聯一個客戶端組件到多個DOM元素上，比如我們可以為一組textbox設置相同的Behavior，而選擇一組DOM元素可以使用前面所說的CSS選擇器方法，如下示例所示： 

<script language="JavaScript"> 

    function pageLoad() { 

      var elements = Sys.PrevIEw.UI.DomElement.getElementListByClassName('textInput'); 

      

      // Create a number of custom hover behaviors against the DOM elements 

      if (elements) 

        Sys.PrevIEw.Component.createMultiple(elements,