Gewusst wie: Erstellen eines bearbeitbaren Rasters

Letzte Änderung: Donnerstag, 23. Juni 2011

Gilt für: SharePoint Foundation 2010

In diesem Thema vom Typ "Gewusst wie" wird das Aktivieren der Bearbeitung in einem standardmäßigen JS Grid-Steuerelement gezeigt. Das Thema folgt auf Vorgehensweise: Erstellen eines einfachen JS-Rasters und Gewusst wie: Erstellen eines PivotChart mithilfe von JS Grid.

Hinweis
Auf Ihrem Computer können für einige Visual Studio-Benutzeroberflächenelemente in den folgenden Anweisungen andere Namen und Speicherorte angezeigt werden. Diese Elemente werden von der von Ihnen verwendeten Visual Studio Edition und den verwendeten Einstellungen bestimmt.

Voraussetzungen

• Microsoft SharePoint Foundation 2010

• Microsoft Visual Studio 2010

• SharePoint-Entwicklungstools in Microsoft Visual Studio 2010

• Abschluss von Vorgehensweise: Erstellen eines einfachen JS-Rasters

Hinweis
Diese exemplarische Vorgehensweise kann zwar ohne Visual Studio 2010 ausgeführt werden, es ist jedoch einfacher, Visual Studio 2010 und die SharePoint-Entwicklungstools in Microsoft Visual Studio 2010 zu verwenden.

Erstellen eines bearbeitbaren Rasters

Das Erstellen eines bearbeitbaren Rasters schließt mehrere Schritte ein:

• Wechseln zwischen Lese-/Schreibverhalten in ECMAScript (JavaScript, JScript)

• Aktivieren von Lese-/Schreibverhalten in Zeilen, Feldern oder Zellen

• Hinzufügen einer Clientfehlerüberprüfung

• Schreiben eines Rückrufs zur Behandlung von Benutzeränderungen

Dieses Thema vom Typ "Gewusst wie" zeigt das Erstellen eines bearbeitbaren Rasters und die Clientfehlerüberprüfung, die vom JS Grid-Steuerelement bereitgestellt wird. Das Schreiben der Benutzeränderungen würde den Rahmen dieses Themas sprengen.

So aktivieren Sie die Bearbeitung mit "bEditingEnabled"

1. Öffnen Sie die JSGrid-Lösung, die Sie im vorherigen Thema vom Typ "Gewusst wie" erstellt haben.

2. Öffnen Sie JSGridWebPartUserControl.ascx.

3. Fügen Sie im JavaScript-Code direkt vor der Initialisierung von jsGridControl Folgendes hinzu: jsGridParams.tableViewParams.bEditingEnabled = true;.

   Der Code sollte wie folgt angezeigt werden.

   <script type="text/javascript">
       Type.registerNamespace("GridManager");
       GridManager = function () {
           this.Init = function (jsGridControl, initialData, props) {
               var dataSource = new SP.JsGrid.StaticDataSource(initialData);
               var jsGridParams = dataSource.InitJsGridParams();
   
               jsGridParams.tableViewParams.bEditingEnabled = true;
   
               jsGridControl.Init(jsGridParams);
           }
       };
   </script>
   

   Beachten Sie, dass bEditingEnabled eine Umschaltoption ist, die zum Aktivieren oder Deaktivieren der Bearbeitung im clientseitigen Code verwendet werden kann. bEditingEnabled ist standardmäßig auf false festgelegt.

Aktivieren von Lese-/Schreibverhalten in Zeilen, Feldern oder Zellen

Die EditMode-Enumeration im JS Grid-Steuerelement gibt an, ob die in einem Datensatz oder einer Datei enthaltenen Zellen eine Bearbeitung zulassen. Es sind folgende Optionen verfügbar:

• Defer   Lese-/Schreibstatus immer verzögern. Das Steuerelement hat keine Kontrolle über den eigenen Status.

• ReadOnly   Falls dieser Wert auf einen Datensatz oder ein Feld angewendet wird, können die Zellen in diesem Datensatz oder Feld nicht bearbeitet werden. Falls er auf eine Zeile angewendet wird, muss der Bearbeitungsmodus jeder Zelle überprüft werden.

• ReadOnlyDefer   Die Zelle ist schreibgeschützt, wenn durch Einstellungen im Zeilen-, Spalten- oder Rastersteuerelement nichts anderes angegeben ist. Falls der Wert auf eine Zeile angewendet wird, muss der Bearbeitungsmodus jeder Zelle überprüft werden.

• ReadWrite   Die Zelle kann bearbeitet werden, wenn durch Einstellungen im Zeilen-, Spalten- oder Rastersteuerelement nichts anderes angegeben ist.

• ReadWriteDefer   Die Zelle kann bearbeitet werden, wenn durch Einstellungen im Zeilen-, Spalten- oder Rastersteuerelement nichts anderes angegeben ist.

So aktivieren Sie die Bearbeitung für spezifische Felder

1. Öffnen Sie in der JSGrid-Lösung die Datei GridUtilities.cs.

2. Suchen Sie die FormatGridField-Klasse.

3. Legen Sie in der formatGridField-Klasse die EditMode-Eigenschaft für alle Felder auf ReadOnlyDefer fest. Auf diese Weise wird ein schreibgeschützter Standardwert festgelegt, der für bestimmte Felder, Zeilen oder Zellen überschrieben werden kann.

   // When in doubt, set the edit mode to read-only and defer to others.
   gf.EditMode = EditMode.ReadOnlyDefer;
   

4. Legen Sie weiter unten in der FormatGridField-Klasse den Bearbeitungsmodus für alle Felder vom Typ Int32 auf ReadWrite fest.

   else if (dc.DataType == typeof(Int32))
       {
           gf.EditMode = EditMode.ReadWrite;
   

5. Führen Sie das Projekt aus. Bearbeiten Sie eines der numerischen Felder.

   Wenn Sie ein nicht numerisches Zeichen in eine numerische Zelle eingeben, wird die Zelle in Rot hervorgehoben, und ein rotes Symbol wird in der Zeilenüberschrift angezeigt. Beim Klicken auf die Zelle wird ein Symbol angezeigt, das den Fehler beschreibt. Dieses Verhalten wird mit dem JS Grid-Steuerelement bereitgestellt.

Siehe auch

Konzepte

Features des JS Grid-Steuerelements