Zobrazení mřížky v rozšíření portálu pro správu sady Azure Pack Windows

 

Platí pro: Windows Azure Pack

Mřížka je základní způsob, jak uživateli zobrazit seznam dat. Podporuje vícenásobný výběr, změna pořadí sloupců a řazení, zobrazení ikon a textu a automatickou aktualizaci ze definovaného zdroje dat. Typickým vzorem je, že rozšíření zobrazí mřížku, když uživatel vybere kartu.

Zobrazení mřížky, když uživatel vybere kartu

1. Do otevřené funkce pro kartu vložte následující kód mřížky:

   // This function has been set to be the opened function earlier
   // For this to work, there should be a <div> in your template for the tab with a class of "gridContainer"
   function loadTab(extension, renderArea, initData) {
     // Create a dataset so the client-side framework knows how to get the data for refreshes
     var localDataSet = Exp.Data.getLocalDataSet(DomainTenantExtension.Controller.listOwnedDomainNamesUrl),
     // Define the columns in the grid. A number of pre-defined types exist.
     columns = [
       { name: "Name", field: "Name", sortable: false },
       { name: "Status", field: "Status", type: "status", displayStatus: waz.interaction.statusIconHelper(statusIcons), filterable: false, sortable: false },
       { name: "Type", field: "Type", filterable: false, sortable: false },
       { name: "Expires", field: "ExpiryDate", filterable: false, sortable: false, formatter: dateFormatter }
     ];
   
     grid = renderArea.find(".gridContainer")
       .wazObservableGrid("destroy")
       .wazObservableGrid({
         lastSelectedRow: null,
         data: localDataSet.data,
         keyField: "name",
         columns: columns,
         gridOptions: {
           // Function to call when a row is selected. Optional.
           rowSelect: onRowSelected
         },
         // If the grid is empty, a template can be rendered instead, typically suggesting to the user that they create a new resource
         emptyListOptions: {
           extensionName: "DomainTenantExtension",
           templateName: "domainsTabEmpty",
           arrowLinkSelector: ("{0} .dm-new-domain-link").format(renderArea.selector),
           arrowLinkAction: global.DomainTenantExtension.CreateWizard.showCreateWizard
           }
         });
       }
   

Viz také

Provádění běžných úloh v rozšíření portálu pro správu sady Azure Pack Windows