代码改变世界

补充部分官方文档里没有的Client Library以及代码提示Schema更新(二)

2006-09-29 15:33  Jeffrey Zhao  阅读(1914)  评论(12编辑  收藏  举报
  这次补充了所有的Data Access相关控件,现在似乎Atlas.js中最常用的Tag都已经写进了Schema。这次更新的Tag有:

<itemView />
<listView />
<dataSource />
<dataView />
<dataNavigator />
<xmlDataSource />
<xsltView />
<sortBehavior />
<propertyFilter />

点击这里下载,所有的下载链接均已更新。使用方式可以见我前一篇文章《为VS.NET 2005增加Atlas Scripts的代码提示功能》,那里的Schema下载也以更新。

另外,XMLDataSource也出现了DataNavigator类似的问题,在它的代码里有:
this.getDescriptor = function() {
    
var td = Sys.Data.DataSource.callBaseMethod(this, 'getDescriptor');
        
    ...
        
    
return td;
}

又是“Sys.Data.DataSource.callBaseMethod”了。哎,它们Code Review没有看出来吗?还好,似乎对结果没有什么影响……


以下是我写的Client Library,希望对大家有所帮助。


ItemView Class

A control designed for viewing a single record at a time.

Syntax

Javascript

var c = Sys.UI.Data.ItemView(associatedElement);
    .
    .
c.initialize();

Declarative

<itemView
    
accessKey="accelerator key"
    cssClass
="CSS class"
    dataContext
="source for data binding operations"
    dataIndex
="the index of the currently selected item in the data source"
    enabled
="true|false"
    id
="identifier for looking up the component by name"
    propertyChanged
="event handler"
    tabIndex
="element's tab index"
    visibilityMode
="Hidden|Collapse"
    visible
="true|false"
>
    
<behaviors>
        
<!-- behaviors -->
    
</behaviors>
    
<bindings>
        
<!-- bindings -->
    
</bindings>
    
<emptyTemplate>
        
<!-- template -->
    
</emptyTemplate>
    
<itemTemplate>
        
<!-- template -->
    
</itemTemplate>
    
<propertyChanged>
        
<!-- actions -->
    
</propertyChanged>
</itemView>

Script components:  required

Inherits:  Sys.UI.Data.DataControl




ListView Class

A control complements the ItemView control, which allows you to view a range of record that are selected by the bound DataSource control.

Syntax

Javascript

var c = Sys.UI.Data.ListView(associatedElement);
    .
    .
c.initialize();

Declarative

<listView
    
accessKey="accelerator key"
    alternatingItemCssClass="CSS class for alternating rows"
    cssClass
="CSS class"
    dataContext
="source for data binding operations"
    dataIndex
="the index of the currently selected item in the data source"
    enabled
="true|false"
    id
="identifier for looking up the component by name"
    itemCssClass="CSS class for individual items"
    itemTemplateParentElementId="identifier of the parent of the template"
    propertyChanged
="event handler"
    separatorCssClass="CSS class for the separator"
    selectedItemCssClass="CSS class for the selected item"
    tabIndex
="element's tab index"
    visibilityMode
="Hidden|Collapse"
    visible
="true|false"
>
    
<behaviors>
        
<!-- behaviors -->
    
</behaviors>
    
<bindings>
        
<!-- bindings -->
    
</bindings>
    
<emptyTemplate>
        
<!-- template -->
    
</emptyTemplate>
    
<itemTemplate>
        
<!-- template -->
    
</itemTemplate>
    <layoutTemplate>
        
<!-- template -->
    
</layoutTemplate>
    <separatorTemplate>
        
<!-- template -->
    
</separatorTemplate>

    
<propertyChanged>
        
<!-- actions -->
    
</propertyChanged>
</listView>

Script components:  required

Inherits:  Sys.UI.Data.DataControl




DataSource Class

A control creates the "connection" between your controls and the back-end datasets.

Syntax

Javascript

new Sys.Data.DataSource();

Declarative

<dataSource
    autoLoad="true|false"
    dataAvailable="event handler"
    dataContext
="source for data binding operations"
    id
="identifier for looking up the component by name"
    initialData="the initial data when the page loads"
    propertyChanged
="event handler"
    serviceURL="the URL of the web service that will supply the data"
    serviceType="DataService|Handler"
>
    
<bindings>
        
<!-- bindings -->
    
</bindings>
    <dataAvailable>
        
<!-- actions -->
    
</dataAvailable>
    <parameters prop1="value1" prop2="value2" ... />
    <propertyChanged>
        
<!-- actions -->
    
</propertyChanged>
</dataSource>

Script components:  required

Inherits:  Sys.Component




DataView Class

A control gives a filtered view of a of data source.

Syntax

Javascript

new Sys.Data.DataView();

Declarative

<dataSource
    dataContext="source for data binding operations"
    id
="identifier for looking up the component by name"
    pageIndex="the current index of page"
    pageSize="the size of page"

    propertyChanged="event handler"
    sortColumn="the column for sorting"
    sortDirection="Ascending|Descending"
>
    
<bindings>
        
<!-- bindings -->
    
</bindings>
    <filters>
        
<!-- filters -->
    
</filters>
    <propertyChanged>
        
<!-- actions -->
    
</propertyChanged>
</dataSource>

Script components:  required

Inherits:  Sys.Component




DataNavigator Class

A control gives page navigation for a data view.

Syntax

Javascript

var c = new Sys.UI.Data.DataNavigator(associatedElement);
    .
    .
c.initialize();

Declarative

<itemView
    
accessKey="accelerator key"
    cssClass
="CSS class"
    dataContext
="source for data binding operations"
    dataView="the data view of page navigation"
    enabled="true|false"
    id
="identifier for looking up the component by name"
    propertyChanged
="event handler"
    tabIndex
="element's tab index"
    visibilityMode
="Hidden|Collapse"
    visible
="true|false"
>
    
<behaviors>
        
<!-- behaviors -->
    
</behaviors>
    
<bindings>
        
<!-- bindings -->
    
</bindings>
    <propertyChanged>
        
<!-- actions -->
    
</propertyChanged>
</itemView>

Script components:  required

Inherits:  Sys.UI.Control




XMLDataSource Class

A datasouce for xml data.

Syntax

Javascript

new Sys.Data.XMLDataSource();

Declarative

<xmlDataSource
    autoLoad="true|false"
    documentAvailable="event handler"
    dataContext
="source for data binding operations"
    id
="identifier for looking up the component by name"
    initialDocument="the initial document when the page loads"
    propertyChanged
="event handler"
    serviceURL="the URL of the web service that will supply the data"
    xpath="the xpath for getting part of xml"
>
    
<bindings>
        
<!-- bindings -->
    
</bindings>
    <documentAvailable>
        
<!-- actions -->
    
</documentAvailable>
    <parameters prop1="value1" prop2="value2" ... />
    <propertyChanged>
        
<!-- actions -->
    
</propertyChanged>
</xmlDataSource>

Script components:  required

Inherits:  Sys.Component




XSLTView Class

A control to show data by converting xml data with xslt.

Syntax

Javascript

var c = new Sys.UI.Data.XSLTView(associatedElement);
    .
    .
c.initialize();

Declarative

<itemView
    
accessKey="accelerator key"
    cssClass
="CSS class"
    dataContext
="source for data binding operations"
    enabled
="true|false"
    id
="identifier for looking up the component by name"
    propertyChanged
="event handler"
    tabIndex
="element's tab index"
    visibilityMode
="Hidden|Collapse"
    visible
="true|false"
>
    
<behaviors>
        
<!-- behaviors -->
    
</behaviors>
    
<bindings>
        
<!-- bindings -->
    
</bindings>
    <parameters prop1="value1" prop2="value2" ... />
    
<propertyChanged>
        
<!-- actions -->
    
</propertyChanged>
</itemView>

Script components:  required

Inherits:  Sys.UI.Control




SortBehavior Class

A behavior to sort the data of a dataview.

Syntax

Javascript

new Sys.UI.Data.SortBehavior();

Declarative

<sortBehavior
    dataContext
="source for data binding operations"

    dataView="the data view for sorting"
    id="identifier for looking up the component by name"
    propertyChanged="event handler"
    sortAscendingCssClass="CSS class when sort the data order by asc"
    sortColumn="the column to sort"
    sortDescendingCssClass="CSS class when sort the data order by desc"
>
    
<bindings>
        
<!-- bindings -->
    
</bindings>
    
<propertyChanged>
        
<!-- actions -->
    
</propertyChanged>
</sortBehavior>

Script components:  required

Inherits:  Sys.UI.Behavior




PropertyFilter Class

Syntax

Javascript

new Sys.Data.PropertyFilter();

Declarative

<propertyFilter
    dataContext
="source for data binding operations"

    id="identifier for looking up the component by name"
    property="the property to filter"
    propertyChanged="event handler"
    value="the value to display"
>
    
<bindings>
        
<!-- bindings -->
    
</bindings>
    
<propertyChanged>
        
<!-- actions -->
    
</propertyChanged>
</sortBehavior>

Script components:  required

Inherits:  Sys.Data.DataFilter