Skip to main content

70-562 Repeater and DataList controls


The ListView includes the Repeater and DataList. In complexity Repeater->DataList->ListView->DataGrid

Dalalist: HeaderTemplate, ItemTemplate, AlternatingTemplate, SelectedItemTemplate, SeperatorTemplate, EditItem, FooterTemplate.
The repeater control has no templates, so you add a header, item and footer template, each has to be configured with html, and css.

The item template can contain a listitem(li), can put a declarative databinding that will contain an expression

To bind to data, you must indicate teh exact field, the repeateur loops through all the rows provided by the datasource. The EVal method requires the datafield and the formating with a {0}.

CommandName, and CommandArgument is used to set a different hyperlink for each item, that will then be handled in the event handler.

DataList: The repeater just layout items from a datasource, the datalist has more features than the repeater, and less compared to a datagrid.
Adds style, can select, edit, delete, multi-column layout. Much easier to configure style since it provides desginer mode.

The DataKeyField will be used as primary key when editing a row.

Comments

Post a Comment

Popular posts from this blog

Rxjs Forkjoin vs Zip

These Rxjs combination operators are handy to make Rest calls in parallel and combine their results. Both take n observables and will return the results, with the difference that forkJoin will complete even if one of the nested observables errors of completes.
Post a Comment
Read more

React JS Patterns

React JS is always evolving, and evolving quickly. These evolutions can be very significant ones, for example, the addition of hooks. React has a lot of code patterns, often these patterns are motivated by the DRY and/or the open-close principle. These patterns sometimes come in to replace a previous one, yet the previous ones still stays in use, as a consequence, the list of patterns keep growing. The goal of the next few posts will be to list the patterns commonly used in React JS developpement. Some patterns are more specific to JSX and I will start with these, and maybe add patterns specific to Redux.
4 comments
Read more

ES6: object literal property shorthands

New shorthands for properties having the same name as the variable assigned to them, concise properties. Shorthand for functions, concise functions, although the underlying function is anonymous therefore cannot be reference, for example in the case of recursion. Also computed property names allows the use of variables as property names, inside object literals, using square brackets. And template literals were added, the backtick operator used designate an interpolatable string where variables are surrounded by curly braces and preceded by a dollar sign.
Post a Comment
Read more