NetTiers学习总结6--WebUI.doc

Web LibraryEdit What is the Web Library?The NetTiers Web Library is a set of Controls and Objects that provide powerful tools to make your web development projects with NetTiers much easier and more efficient.Edit Typed DataSource Controls -vs- EntityDataSourceThe Web Library offers both Strongly Typed DataSource Controls as well as the more generic EntityDataSource.The strongly typed DataSource controls are great because by binding to them you have all your objects properties and methods pre-defined and at your disposal. All of this shows up in IntelliSense. These maintain the ObjectDataSource controls event model, except they are geared to your data, relationships, and domain.On the other hand, the EntityDataSource control is a generic datasource and is useful because it uses 100% reflection to work with the data providers. This is great when you need to change the type at runtime, or maybe you have written your own methods within the DataAccessLayer that you would like to call, then you would simply use the EntityDataSource control. Edit User Interface controlsThe Web Library adds a collection of user interface controls to your toolbox such as the strongly bound repeaters, EntityGridView, EntityDropDownList (and bound field version), BoundRadioButtonField, HyperlinkField, EntityLabel and a GridViewSearchPanel.Edit Web.Config ConfigurationTo use the NetTiers Web Library youll need to setup your web.config. 1 2 3 4 5 6 7 8 9 10 11 18 20 21 22Edit Using the Typed DataSource ControlsStrongly Typed DataSource controls: You will find that just by typing IntellisenseProductivity Enabler When you select the SelectMethod Attribute, you will see via intellisense a list of all available methods from your domain. How cool is that! IntellisenseSimple WebForm Example: Heres an example of a simple webform in its minimilist form, that would display a grid of all Employees with Auto-Generated columns. Web FormDesign View: Taking the form and selecting only the columns that I want, we create a nice grid. Design ViewEdit Data View Results:Heres the result of of the form. The wonderful part of the Typed DataSource control is that you dont have to do anything when you want to edit/insert/delete an object. You simply have the grid call the Edit/Delete/Insert command, which can be done a variety of ways in ASP.net 2.0.Design View ResultsEditAfter EditEdit TypedDataSource w/ Microsoft AJAX ExampleGridView Paging, Sorting and inline Update/DeleteAfter EditEdit Creating the GridFirst, create a new page and add the following GridView control: NOTE: Its very important that you specify the DataKeyNames property of the Gridview, otherwise, Insert/Update/Delete will not work. 1 5 6 7 8 10 11 13 14 15 17 18 19 20212223Next, add the CustomersDataSource control to your page: 24This is the tough part, so strap it in!252627Umm. Thats it! And you should have a functional GridView with paging and sorting!Using Microsoft AJAX: Now here comes the fun part, AJAXifying (see dictionary) your grid. As you know Microsoft released an extremely useful AJAX library called Micrsoft AJAX. Additionally, Microsoft created a toolkit filled with all sorts of useful AJAX tools called the AJAX Toolkit and released it to the community as open source. More information can be found: Edit Demonstrating Microsoft AJAX with .netTiersNow we want to add a filter to our page to demonstrate a new feature to NetTiers: 1 2 3 4 6 7 8 9 All10 Brazil11 Canada12 France13 Germany14 Italy15 Mexico16 Spain17 UK18 USA19 Venezuela20 21 22 23 24 25 2627Next, change the data source control above to add a parameter for the whereClause parameter of the GetPaged method. The SqlParameter allows you to define external filter controls that will be combined to generate the filter expression: 1 3 4 5 6 7 8 9 10AJAX Magic: Now we can add the magic! Make sure you have a reference to the AJAX Script Manager:1We want to wrap the GridView control with an UpdatePanel: 1 2 3 4 5 6 7 8 9 10Notice that the trigger is tied to the CountryList control so that the GridView is updated every time the selected country is changed. Poof! All Done.Edit Using the EntityDataSource ControlThe EntityDataSource controls is useful because it uses 100% reflection to work with the data providers. This is great when you need to change the type at runtime, or maybe you have written your own methods within the DataAccessLayer that you would like to call. You would simply use the EntityDataSource control. 129 30 31 ProviderName (required) - an alias for TypeProperty; the name of the static property of the DataRepository class which returns a reference to the specific provider instance.ex: ProviderName=CustomersProvider for Northwind.Data.DataRepository.CustomersProvider EntityTypeName (required) - the fully qualified class name of the entity class that is handled by the specified data provider. EntityKeyName - the name of the property that holds the primary key value. EntityKeyTypeName - the fully qualified class name for the return type of the EntityKeyName property. EnableTransaction - set to True if the EntityDataSource should rely on the EntityTransactionModule class to supply a TransactionManager object. InsertDateTimeNames - a comma-separated list of DateTime property names to initialize to the current DateTime.Now value during an insert operation. UpdateDateTimeNames - a comma-separated list of DateTime property names to initialize to the current DateTime.Now value during an update operation. Filter - the value to apply to the ListBase.Filter property after a select operation (only if EnablePaging is false) Sort - the value of the parameter to pass to the ListBase.Sort(string) method after a select operation (only if EnableSorting is false)Example: This is an example of populating a DropDownList control with data retrieved using the EntityDataSource control. 1 2 3asp:DropDownList ID=ShipViaList runat=server 4 SelectedValue= 5 AppendDataBoundItems=True 6 DataSourceID=ShippersDataSource 7 DataTextField=CompanyName 8 DataValueField=ShipperID 910 11 121314 Using Many To Many Relationship Controls The ManyToManyListRelationship control manages the junction table that links your primary entity with a foreign key table. Please see highlighted code below. 1 2 3 4 5 Cust #: 6 asp:Label ID=CustomerIDLabel runat=server Text= / 7 8 9 Company Name:10 asp:TextBox ID=CompanyNameTextBox runat=server Text= /11 12 13 Demographics:14 15 16 21 22 23 30 31 32 38 39 40 41 42 43 49 50 51 55 56 61 62 67 68 69 70 71 72 73 74 75 76 7778798087 88 89 90 Relationship ViewsEdit The EntityDropDownList and associated BoundEntityDropDownFieldEntityDropDownList - Derives from a DropDownList, but adds a few extra features such as the ability to add a