DataGrid User Interface Control With Row Details

• US 20090319882A1
• Filed: 06/20/2008
• Published: 12/24/2009
• Est. Priority Date: 06/20/2008
• Status: Active Grant

• Current Assignee: Microsoft Technology Licensing LLC (Microsoft Corporation)
• Original Assignee: Microsoft Corporation
• Inventors: Morrison, Scott, Lin, Yifung, Brid, Regis Lucien Francis
• Granted Patent: US 8,166,387 B2
• Time in Patent Office: Days
• US Class Current: 715/227
• CPC Class Codes: G06F 40/177 of tables; using ruled lines

Abstract

A DataGrid user interface (UI) control is presented that is configured to display a table that includes columns corresponding to fields in a data source and rows corresponding to records in the data source. The DataGrid UI control is also configured to display a details section associated with each row in the table. One or all of the details sections can be displayed or hidden based upon properties specified by a developer or input made by a user. A property may also be set to cause the details section for a row to be displayed only when a user interface cursor is hovering over the row associated with the details section. A property may also be set to cause a details section for a row to be displayed only when the associated row is selected.

Claims

1. A method for providing a DataGrid user interface control, the method comprising:

displaying a table comprising one or more columns corresponding to fields in a data source and one or more rows corresponding to records in the data source; and

displaying one or more details sections, each of the details sections corresponding to a row in the table and containing data associated with the corresponding row.

2. The method of claim 1, wherein each details section comprises a cell in the table having a width equal to a width of the table and being positioned adjacent to the corresponding row.

3. The method of claim 1, further comprising:

receiving a request to edit data in a row of the table; and

in response to receiving the request to edit the table, displaying data specifying for display during editing in the details section of the row to be edited.

4. The method of claim 1, further comprising:

setting a property on the DataGrid user interface control to indicate that the details section for a specified row should be visible; and

in response to setting the property to indicate that the details section for the specified row should be visible, displaying the details section corresponding to the specified row in the table.

5. The method of claim 1, further comprising:

setting a property on the DataGrid user interface control to indicate that the details section for a specified row should not be visible; and

in response to setting the property to indicate that the details section for the specified row should not be visible, hiding the details section corresponding to the specified row in the table.

6. The method of claim 1, further comprising:

setting a property on the DataGrid user interface control to indicate that the details section for each row should be visible; and

in response to setting the property to indicate that the details section for each row should be visible, displaying the details section for each row.

7. The method of claim 1, further comprising:

setting a property on the DataGrid user interface control to indicate that no details section for any row should be visible; and

in response to setting the property to indicate that no details section for any row should be visible, hiding the details section for each row.

8. The method of claim 1, further comprising:

setting a property on the DataGrid user interface control to indicate that the details section for a row should be displayed only when a user interface cursor hovers over a corresponding row;

receiving an indication that the user interface cursor is hovering over a row; and

in response to receiving the indication, displaying the details section corresponding to the row over which the user interface cursor is hovering.

9. The method of claim 1, further comprising:

setting a property on the DataGrid user interface control to indicate that the details section for a row should be visible only when the corresponding row is selected;

receiving a selection of a one of the rows; and

in response to receiving the selection, determining if a details section corresponding to the selected row is displayed and hiding the details section corresponding to the selected row if it is displayed.

10. The method of claim 9, further comprising in response to receiving the selection:

determining if the details section corresponding to the selected row is hidden and displaying the details section corresponding to the selected row if it is hidden.

11. The method of claim 10, wherein displaying the details section comprises displaying the details section in an animated fashion and wherein hiding the details section comprises removing the details section in an animated manner.

12. A computer storage medium having computer executable instructions stored thereon which, when executed by a computer, cause the computer to:

receive a request to display a DataGrid user interface (UI) control with a details section for one or more rows in the DataGrid UI control, the request specifying one or more properties indicating how the details sections should be displayed; and

to display the DataGrid UI control in response to the request, the DataGrid UI control comprising a table having one or more columns corresponding to fields in a data source, one or more rows corresponding to records in the data source, and one or more details sections each corresponding to a row in the table and containing data associated with the corresponding row.

13. The computer storage medium of claim 12, wherein each details section comprises a cell in the table having a width equal to a width of the table and being positioned adjacent to the corresponding row.

14. The computer storage medium of claim 13, wherein one of the properties comprises a property for specifying whether one details section should be visible or hidden.

15. The computer storage medium of claim 14, wherein one of the properties comprises a property for specifying whether each of the details sections should be visible or hidden.

16. The computer storage medium of claim 15, wherein one of the properties comprises a property for specifying that the details sections should be displayed only when a user interface cursor hovers over a corresponding row.

17. The computer storage medium of claim 16, wherein one of the properties comprises a property for specifying that that the details sections should be visible only when a corresponding row is selected.

18. The computer storage medium of claim 17, wherein one of the properties comprises a property for specifying data that should be displayed in the details sections when data in the DataGrid UI control is being edited.

19. The computer storage medium of claim 18, wherein the details sections are displayed and hidden in an animated manner.

20. A method for providing a DataGrid user interface control, the method comprising:

receiving a request to display a DataGrid user interface (UI) control having a details section for one or more rows in the DataGrid UI control, the request specifying a value for a property indicating whether each of the details sections should be displayed or hidden, whether the details sections should be visible only when a corresponding row is selected, or that the details sections should be displayed only when a user interface cursor hovers over a corresponding row;

in response to receiving the request, displaying the DataGrid UI control, the DataGrid UI control comprising a table having one or more columns corresponding to fields in a data source, one or more rows corresponding to records in the data source, and the details sections each corresponding to and being displayed adjacent to a row in the table and containing data associated with the corresponding row; and

displaying or hiding the details sections in the DataGrid UI control in an animated manner according to the value specified for the property.