DataGrid user interface control with row details

• US 8,166,387 B2
• Filed: 06/20/2008
• Issued: 04/24/2012
• Est. Priority Date: 06/20/2008
• Status: Active Grant

• Current Assignee: Microsoft Technology Licensing LLC (Microsoft Corporation)
• Original Assignee: Microsoft Corporation
• Inventors: Morrison, Scott, Brid, Régis Lucien Francis, Lin, Yifung
• Primary Examiner(s): Hong, Stephen
• Assistant Examiner(s): ROBINSON, MARSHON L
• Application Number:
  US12/142,979
• Publication Number:
  US 20090319882A1
• Time in Patent Office: 1,404 Days
• Field of Search: 715/205, 715/212, 715/217, 715/225, 715/227
• 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 comprising cells in the table having a width equal to a width of the table, each of the details sections corresponding to a row in the table, being positioned adjacent to the corresponding row, and containing data associated with the corresponding row;

setting values for one or more properties of the DataGrid user interface control, the properties specifying whether the details section for a specified row should be visible, whether the details section for a specified row should not be visible, whether the details section for every row in the DataGrid user interface should be visible, whether no details section for any row in the DataGrid user interface should be visible, whether the details section for a row should be displayed only when a user interface cursor hovers over a corresponding row, and whether the details section for a row should be visible only when the corresponding row is selected; and

displaying and hiding the one or more details sections of the DataGrid user interface control according to the values set for the properties of the DataGrid user interface control.

2. 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 specified by one or more additional properties of the DataGrid user interface control for display during editing in the details section of the row to be edited.

3. The method of claim 1, 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.

4. 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 whether one details section should be visible or hidden, whether all of the details sections should be visible or hidden, whether the details sections should be displayed only when a user interface cursor hovers over a corresponding row, and whether the details sections should be visible only when a corresponding row is selected; 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, containing data associated with the corresponding row, and being displayed or hidden according to values specified for the properties.

5. The computer storage medium of claim 4, 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.

6. The computer storage medium of claim 4, 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.

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

8. 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.