Telerik Forums / UI for ASP.NET AJAX
This is a migrated thread and some comments may be shown as answers.

[Solved] Insert and EditMode

1 Answer 147 Views
Grid
This is a migrated thread and some comments may be shown as answers.
Andreas Decke
Top achievements
Rank 1
Andreas Decke asked on 02 Jul 2014, 10:46 AM
editmode.jpg
insermode.jpg
insertmodewithvalidation.jpg
in EditMode scrollbars visible,
in InsertMode scrollbars hiden,

problem in InserMode by Validation, can't see the CommandButtons...

<telerik:RadGrid ID="GridUsers" runat="server" AllowAutomaticDeletes="True" Height="735" AllowAutomaticInserts="True" AllowAutomaticUpdates="True" AllowPaging="True" AllowSorting="True" Culture="de-DE" DataSourceID="dsCustomers" OnItemCommand="GridUsers_ItemCommand" AutoGenerateColumns="False" OnItemDataBound="GridUsers_ItemDataBound" OnItemDeleted="GridUsers_ItemDeleted">
  <groupingsettings casesensitive="False" />
  <exportsettings>
    <Pdf PageWidth="">
    </Pdf>
  </exportsettings>
  <clientsettings enablerowhoverstyle="True">
    <Selecting AllowRowSelect="True" />
    <Scrolling AllowScroll="True" UseStaticHeaders="True"/>
  </clientsettings>
  <mastertableview clientdatakeynames="CustomerId" tablelayout="Auto" commanditemdisplay="Top" datakeynames="CustomerID" datasourceid="dsCustomers" nomasterrecordstext="Kein Firmen-User vorhanden">
    <NoRecordsTemplate>
      <div class="alert alert-success m10">
        <asp:Label runat="server" ID="lblNorecord" Text="Keine Firmen-User gefunden" />
      </div>
    </NoRecordsTemplate>
    <CommandItemSettings AddNewRecordText="Neuer Firmen-User" />
    <RowIndicatorColumn Visible="False">
    </RowIndicatorColumn>
    <ExpandCollapseColumn Created="True">
    </ExpandCollapseColumn>
            <CommandItemTemplate>
              <div class="container-fluid">
              <div class="row-fluid m5">
                    <asp:LinkButton runat="server" CssClass="btn btn-default span6" CommandName="InitInsert">
                      <span class="icon-plus-sign"></span>
                      <asp:Label runat="server" ID="Label4" Text="Neue Firmen Benutzer" CssClass="l10"/>
                    </asp:LinkButton>
                    <asp:LinkButton runat="server" CssClass="btn btn-default span6" CommandName="RebindGrid">
                      <span class="icon-refresh"></span>
                      <asp:Label runat="server" ID="Label6" Text="Aktualisieren" CssClass="l10"/>
                    </asp:LinkButton>
              </div>
                </div>
            </CommandItemTemplate>
    <Columns>
      <telerik:GridEditCommandColumn ButtonType="ImageButton">
        <HeaderStyle Width="30px" />
        <ItemStyle HorizontalAlign="Center" Width="30px" />
      </telerik:GridEditCommandColumn>
      <telerik:GridBoundColumn AllowFiltering="False" AllowSorting="False" DataField="CustomerId" DataType="System.Int32" Display="False" FilterControlAltText="Filter CustomerId column" HeaderText="CustomerId" ReadOnly="True" SortExpression="CustomerId" UniqueName="CustomerId">
        <ColumnValidationSettings>
          <ModelErrorMessage Text=""></ModelErrorMessage>
        </ColumnValidationSettings>
      </telerik:GridBoundColumn>
      <telerik:GridTemplateColumn AutoPostBackOnFilter="True" CurrentFilterFunction="Contains" DataField="Username" FilterControlAltText="Filter Username column" FilterControlWidth="90px" HeaderText="Username" ShowFilterIcon="False" SortExpression="Username" UniqueName="Username" AllowFiltering="False">
        <ItemTemplate>
          <asp:Label ID="UsernameLabel" runat="server" Text='<%# Eval("Username") %>' ToolTip='<%# ((bool)Eval("Enabled") == false)?"Der User ist aktuell deaktiviert!": string.Empty %>' CssClass='<%# ((bool)Eval("Enabled") == false)?"company-disable": "company-normal" %>' />
        </ItemTemplate>
        <HeaderStyle Width="100px" />
        <ItemStyle Width="100px" />
      </telerik:GridTemplateColumn>
      <telerik:GridBoundColumn AllowFiltering="False" AllowSorting="False" DataField="Firstname" FilterControlAltText="Filter Firstname column" HeaderText="Vorname" SortExpression="Firstname" UniqueName="Firstname" Display="False">
        <ColumnValidationSettings>
          <ModelErrorMessage Text=""></ModelErrorMessage>
        </ColumnValidationSettings>
      </telerik:GridBoundColumn>
      <telerik:GridBoundColumn AutoPostBackOnFilter="True" FilterControlWidth="120" CurrentFilterFunction="Contains" DataField="Lastname" FilterControlAltText="Filter Lastname column" HeaderText="Nachname" ShowFilterIcon="False" SortExpression="Lastname" UniqueName="Lastname" AllowFiltering="False">
        <ColumnValidationSettings>
          <ModelErrorMessage Text=""></ModelErrorMessage>
        </ColumnValidationSettings>
        <HeaderStyle Width="100px" />
        <ItemStyle Width="100px" />
      </telerik:GridBoundColumn>
      <telerik:GridBoundColumn AllowFiltering="False" AllowSorting="False" DataField="Email" FilterControlAltText="Filter Email column" HeaderText="Email" SortExpression="Email" UniqueName="Email">
        <ColumnValidationSettings>
          <ModelErrorMessage Text=""></ModelErrorMessage>
        </ColumnValidationSettings>
      </telerik:GridBoundColumn>
      <telerik:GridCheckBoxColumn ColumnGroupName="RoleDetails" DataField="IsAdministrator" DataType="System.Boolean" FilterControlAltText="Filter IsAdministrator column" HeaderText="A" HeaderTooltip="User ist Administrator" SortExpression="IsAdministrator" UniqueName="IsAdministrator" AllowFiltering="False">
        <HeaderStyle HorizontalAlign="Center" Width="40px" />
        <ItemStyle HorizontalAlign="Center" Width="40px" />
 
      </telerik:GridCheckBoxColumn>
      <telerik:GridCheckBoxColumn ColumnGroupName="RoleDetails" DataField="IsTechnican" DataType="System.Boolean" FilterControlAltText="Filter IsTechnican column" HeaderText="T" HeaderTooltip="User ist Techniker" SortExpression="IsTechnican" UniqueName="IsTechnican" AllowFiltering="False">
        <HeaderStyle HorizontalAlign="Center" Width="40px" />
        <ItemStyle HorizontalAlign="Center" Width="40px" />
 
      </telerik:GridCheckBoxColumn>
      <telerik:GridCheckBoxColumn ColumnGroupName="RoleDetails" DataField="IsPurchaser" DataType="System.Boolean" FilterControlAltText="Filter IsPurchaser column" HeaderText="P" HeaderTooltip="User ist Einkäufer" SortExpression="IsPurchaser" UniqueName="IsPurchaser" AllowFiltering="False">
        <HeaderStyle HorizontalAlign="Center" Width="40px" />
        <ItemStyle HorizontalAlign="Center" Width="40px" />
 
      </telerik:GridCheckBoxColumn>
      <telerik:GridButtonColumn ButtonType="ImageButton" CommandName="Delete" ConfirmDialogHeight="220px" ConfirmDialogType="RadWindow" ConfirmDialogWidth="350px" ConfirmTextFields="Firstname,Lastname" ConfirmTextFormatString="Den User <strong>{0} {1}</strong> jetzt löschen?" ConfirmTitle="User löschen" FilterControlAltText="Filter Delete column" UniqueName="Delete">
        <HeaderStyle HorizontalAlign="Center" Width="30px" />
        <ItemStyle HorizontalAlign="Center" Width="30px" />
      </telerik:GridButtonColumn>
    </Columns>
    <ColumnGroups>
      <telerik:GridColumnGroup HeaderStyle-HorizontalAlign="Center" HeaderText="Berechtigung" Name="RoleDetails">
        <HeaderStyle HorizontalAlign="Center" />
      </telerik:GridColumnGroup>
    </ColumnGroups>
    <EditFormSettings EditFormType="Template">
      <EditColumn UniqueName="EditCommandColumn1" FilterControlAltText="Filter EditCommandColumn1 column"></EditColumn>
      <FormTemplate>
        <div class="myp-edititem">
          <div class="row-fluid">
            <fieldset>
              <legend>
                <asp:Label runat="server" ID="lblUserAddress" Text="Benutzerdaten"></asp:Label></legend>
              <div class="row-fluid">
                <div class="span6">
 
                  <!-- Username -->
                  <div class="controls-row">
                    <div class="control-group">
                      <asp:Label ID="lblUsername" runat="server" Text="Benutzername:" CssClass="control-label" />
                      <div class="controls">
                        <div class="input-prepend">
                          <span class="add-on"><i class="icon-exclamation-sign"></i></span>
                          <asp:TextBox ID="txtUsername" runat="server" CausesValidation="True" TabIndex="10" ValidationGroup="UserForm" Text='<%# Bind("Username") %>' Enabled='<%# (Container is GridEditFormInsertItem) %>' />
                          <div>
                            <asp:RequiredFieldValidator ID="valUsername" runat="server" ControlToValidate="txtUsername" Display="Dynamic" ErrorMessage="Ein Benutzername wird erwartet!" CssClass="val-error" SetFocusOnError="True" ValidationGroup="UserForm" Enabled='<%# (Container is GridEditFormInsertItem) %>' />
                            <asp:CustomValidator ID="cuvUsername" runat="server" ControlToValidate="txtUsername" Display="Dynamic" ErrorMessage="Benutzer bereits registriert!" CssClass="val-error" SetFocusOnError="True" ValidationGroup="UserForm" Enabled='<%# (Container is GridEditFormInsertItem) %>' OnServerValidate="cuvUser_OnServerValidate" />
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
 
                  <!-- Prefix -->
                  <div class="controls-row">
                    <div class="control-group">
                      <asp:Label ID="Label5" runat="server" Text="Anrede:" CssClass="control-label" />
                      <div class="controls">
                        <div class="input-prepend">
                          <span class="add-on"><i class="icon-globe"></i></span>
                          <asp:DropDownList runat="server" ID="ComboPrefix" TabIndex="50" SelectedValue='<%# Bind("Prefix") %>' DataSourceID="dsGender" DataTextField="Name" DataValueField="Value" />
                        </div>
                      </div>
                    </div>
                  </div>
 
                  <!-- Firstname -->
                  <div class="controls-row">
                    <div class="control-group">
                      <asp:Label ID="lblFirstname" runat="server" Text="Vorname:" CssClass="control-label" />
                      <div class="controls">
                        <div class="input-prepend">
                          <span class="add-on"><i class="icon-exclamation-sign"></i></span>
                          <asp:TextBox ID="txtFirstname" runat="server" CausesValidation="True" TabIndex="10" ValidationGroup="UserForm" Text='<%# Bind("Firstname") %>' />
                          <div>
                            <asp:RequiredFieldValidator ID="rfvFirstname" runat="server" ControlToValidate="txtFirstname" Display="Dynamic" ErrorMessage="Ein Vorname wird erwartet!" CssClass="val-error" SetFocusOnError="True" ValidationGroup="UserForm" />
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
 
                  <!-- Postalcode -->
                  <div class="controls-row">
                    <div class="control-group">
                      <asp:Label ID="lblPostalcode" runat="server" Text="Plz:" CssClass="control-label" />
                      <div class="controls">
                        <div class="input-prepend">
                          <span class="add-on"><i class="icon-exclamation-sign"></i></span>
                          <asp:TextBox ID="txtPostalcode" runat="server" CausesValidation="True" TabIndex="30" ValidationGroup="CompanyForm" Text='<%# Bind("Postalcode") %>' />
                          <div>
                            <asp:RequiredFieldValidator ID="valPostalcode" runat="server" ControlToValidate="txtPostalcode" Display="Dynamic" ErrorMessage="Eine Postleitzahl wird erwartet!" CssClass="val-error" SetFocusOnError="True" ValidationGroup="CompanyForm" />
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
 
                  <!-- City -->
                  <div class="controls-row">
                    <div class="control-group">
                      <asp:Label ID="lblCity" runat="server" Text="Ort:" CssClass="control-label" />
                      <div class="controls">
                        <div class="input-prepend">
                          <span class="add-on"><i class="icon-exclamation-sign"></i></span>
                          <asp:TextBox ID="txtCity" runat="server" CausesValidation="True" TabIndex="40" ValidationGroup="CompanyForm" Text='<%# Bind("City") %>' />
                          <div>
                            <asp:RequiredFieldValidator ID="valCity" runat="server" ControlToValidate="txtCity" Display="Dynamic" ErrorMessage="Ein Ort wird erwartet!" CssClass="val-error" SetFocusOnError="True" ValidationGroup="CompanyForm" />
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
 
                </div>
                <div class="span6">
 
                  <!-- Email -->
                  <div class="controls-row">
                    <div class="control-group">
                      <asp:Label ID="lblEmail" runat="server" Text="Email:" CssClass="control-label" />
                      <div class="controls">
                        <div class="input-prepend">
                          <span class="add-on">
                            <i class="icon-exclamation-sign"></i>
                          </span>
                          <asp:TextBox ID="txtEmail" runat="server" CausesValidation="True" TabIndex="100" ValidationGroup="CompanyForm" Text='<%# Bind("Email") %>' />
                          <div>
                            <asp:RequiredFieldValidator ID="valEmail" runat="server" ControlToValidate="txtEmail" Display="Dynamic" ErrorMessage="Eine Email wird erwartet!" CssClass="val-error" SetFocusOnError="True" ValidationGroup="ContactForm" />
                            <asp:RegularExpressionValidator ID="valEmailExpression" runat="server" ControlToValidate="txtEmail" Display="Dynamic" ErrorMessage="Das Format der Email ist nicht korrekt!" CssClass="val-error" SetFocusOnError="True" ValidationExpression="\w+([-+.']\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*" ValidationGroup="CompanyForm" />
                            <asp:CustomValidator ID="cuvEmail" ControlToValidate="txtEmail" runat="server" Display="Dynamic" ErrorMessage="Diese Email-Adresse ist bereits vergeben!" CssClass="val-error" SetFocusOnError="True" ValidationGroup="ContactForm" OnServerValidate="cuvEmail_OnServerValidate" />
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
 
                  <!-- Telefon -->
                  <div class="controls-row">
                    <div class="control-group">
                      <asp:Label ID="lblTelefon" runat="server" Text="Telefon:" CssClass="control-label" />
                      <div class="controls">
                        <div class="input-prepend">
                          <span class="add-on"><i class="icon-exclamation-sign"></i></span>
                          <asp:TextBox ID="txtTelefon" runat="server" CausesValidation="True" TabIndex="40" ValidationGroup="UserForm" Text='<%# Bind("Telefon") %>' />
                        </div>
                      </div>
                    </div>
                  </div>
 
                  <!-- Lastname -->
                  <div class="controls-row">
                    <div class="control-group">
                      <asp:Label ID="lblLastname" runat="server" Text="Nachname:" CssClass="control-label" />
                      <div class="controls">
                        <div class="input-prepend">
                          <span class="add-on"><i class="icon-exclamation-sign"></i></span>
                          <asp:TextBox ID="txtLastname" runat="server" CausesValidation="True" TabIndex="10" ValidationGroup="UserForm" Text='<%# Bind("Lastname") %>' />
                          <div>
                            <asp:RequiredFieldValidator ID="rfvLastname" runat="server" ControlToValidate="txtLastname" Display="Dynamic" ErrorMessage="Ein Nachname wird erwartet!" CssClass="val-error" SetFocusOnError="True" ValidationGroup="UserForm" />
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
 
                  <!-- Street -->
                  <div class="controls-row">
                    <div class="control-group">
                      <asp:Label ID="lblStreet" runat="server" Text="Strasse:" CssClass="control-label" />
                      <div class="controls">
                        <div class="input-prepend">
                          <span class="add-on"><i class="icon-exclamation-sign"></i></span>
                          <asp:TextBox ID="txtStreet" runat="server" CausesValidation="True" TabIndex="20" ValidationGroup="CompanyForm" Text='<%# Bind("Street") %>' />
                          <div>
                            <asp:RequiredFieldValidator ID="valStreet" runat="server" ControlToValidate="txtStreet" Display="Dynamic" ErrorMessage="Eine Strasse wird erwartet!" CssClass="val-error" SetFocusOnError="True" ValidationGroup="CompanyForm" />
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
 
                  <!-- Nation -->
                  <div class="controls-row">
                    <div class="control-group">
                      <asp:Label ID="Label3" runat="server" Text="Nation:" CssClass="control-label" />
                      <div class="controls">
                        <div class="input-prepend">
                          <span class="add-on"><i class="icon-globe"></i></span>
                          <asp:DropDownList runat="server" ID="ComboNations" TabIndex="50" SelectedValue='<%# Bind("Nation") %>' DataSourceID="dsNations" DataTextField="Name" DataValueField="Value" />
                        </div>
                      </div>
                    </div>
                  </div>
 
                </div>
              </div>
            </fieldset>
          </div>
 
          <div class="row-fluid">
            <fieldset>
              <legend>
                <asp:Label runat="server" ID="lblCompanyPurchase" Text="Berechtigung"></asp:Label></legend>
              <div class="row-fluid">
                <div>
                  <asp:CustomValidator runat="server" ID="cuvMinRights" ErrorMessage="Mindestens eine Berechtigung muss gesetzt werden!" CssClass="val-error" Display="Dynamic" ValidationGroup="UserForm" OnServerValidate="cuvMinRights_OnServerValidate" />
                </div>
              </div>
              <div class="row-fluid">
                <div class="span6">
 
                  <!-- IsAdministrator -->
                  <div class="controls-row">
                    <div class="control-group">
                      <div class="controls">
                        <div class="checkbox">
                          <asp:CheckBox ID="chkIsAdministrator" Text="Administrator" Checked='<%# Bind("IsAdministrator") %>' runat="server" />
                        </div>
                      </div>
                    </div>
                  </div>
 
                  <!-- IsPurchaser -->
                  <div class="controls-row">
                    <div class="control-group">
                      <div class="controls">
                        <div class="checkbox">
                          <asp:CheckBox ID="chkIsPurchaser" Text="Einkäufer" Checked='<%# Bind("IsPurchaser") %>' runat="server" />
                        </div>
                      </div>
                    </div>
                  </div>
 
                </div>
                <div class="span6">
 
                  <!-- IsTechnican -->
                  <div class="controls-row">
                    <div class="control-group">
                      <div class="controls">
                        <div class="checkbox">
                          <asp:CheckBox ID="chkIsTechnican" Text="Techniker" Checked='<%# Bind("IsTechnican") %>' runat="server" />
                        </div>
                      </div>
                    </div>
                  </div>
 
                  <!-- Enabled -->
                  <div class="controls-row">
                    <div class="control-group">
                      <div class="controls">
                        <div class="checkbox">
                          <asp:CheckBox ID="chkEnabled" Text="Benutzer ist aktiviert" runat="server" Checked='<%# Bind("Enabled") %>' />
                        </div>
                      </div>
                    </div>
                  </div>
 
                </div>
              </div>
            </fieldset>
          </div>
 
          <div class="row-fluid">
            <fieldset>
              <legend>
                <asp:Label runat="server" ID="lblLegendPassword" Text="Passwort"></asp:Label></legend>
              <div class="row-fluid">
                <div class="span6">
 
                  <!-- Password -->
                  <div class="controls-row">
                    <div class="control-group">
                      <asp:Label ID="lblPassword" runat="server" Text="Passwort:" CssClass="control-label" />
                      <div class="controls">
                        <div class="input-prepend">
                          <span class="add-on"><i class="icon-exclamation-sign"></i></span>
                          <asp:TextBox TextMode="Password" ID="txtPassword" runat="server" CausesValidation="True" TabIndex="10" ValidationGroup="UserForm" Text='<%# Bind("Password") %>' />
                          <div>
                            <asp:RequiredFieldValidator ID="rfvPassword" runat="server" ControlToValidate="txtPassword" Display="Dynamic" ErrorMessage="Ein Passwort wird erwartet!" CssClass="val-error" SetFocusOnError="True" ValidationGroup="UserForm" />
                            <asp:RegularExpressionValidator ID="repPassword" runat="server" Display="Dynamic" SetFocusOnError="True" CssClass="val-error" ValidationGroup="UserForm" ErrorMessage="Das Passwort muss mindestens 6 Zeichen haben" ControlToValidate="txtPassword" ValidationExpression="^[a-zA-Z0-9\s]{6,20}$" />
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
 
                </div>
                <div class="span6">
 
                  <!-- PasswordConfirm -->
                  <div class="controls-row">
                    <div class="control-group">
                      <asp:Label ID="lblPasswordConfirm" runat="server" Text="Passwort wiederholen:" CssClass="control-label" />
                      <div class="controls">
                        <div class="input-prepend">
                          <span class="add-on"><i class="icon-exclamation-sign"></i></span>
                          <asp:TextBox TextMode="Password" ID="txtPasswordConfirm" runat="server" CausesValidation="True" TabIndex="10" ValidationGroup="UserForm" />
                          <div>
                            <asp:CompareValidator ID="covPasswordConfirm" SetFocusOnError="True" runat="server" ValidationGroup="UserForm" ControlToValidate="txtPasswordConfirm" CssClass="val-error" Display="Dynamic" ControlToCompare="txtPassword" ErrorMessage="Die Passwörter sind nicht identisch!" />
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
 
                </div>
              </div>
            </fieldset>
          </div>
          <hr/>
          <div class="row-fluid">
            <div class="span4">
              <div class="label label-info t10">
                <span class="add-on"><i class="icon-exclamation-sign"></i></span>
                <asp:Label runat="server" CssClass="l5" Text="Felder erwarten Eingabe" />
              </div>
            </div>
            <div class="span2">
              <div class="controls-row t5">
                <div class="control-group">
                  <div class="controls">
                    <div class="checkbox pull-right">
                      <asp:CheckBox Text="Email" runat="server" ID="chkSendMail" Checked='<%# Bind("SendMail") %>' ToolTip="Email an den Benutzer senden" />
                    </div>
                  </div>
                </div>
              </div>
            </div>
            <div class="span6 text-right">
 
                <telerik:RadButton runat="server" Width="90" ID="btnCancel" Text="Abbrechen" CausesValidation="False" CommandName="Cancel">
                  <Icon PrimaryIconCssClass="icon-remove" PrimaryIconTop="7"></Icon>
                </telerik:RadButton>
                <telerik:RadButton runat="server" Width="90" ID="btnSave" Text="Speichern" CausesValidation="True" ValidationGroup="UserForm" CommandName='<%# (Container is GridEditFormInsertItem) ? "PerformInsert" : "Update" %>'>
                  <Icon PrimaryIconCssClass="icon-save" PrimaryIconTop="7"></Icon>
                </telerik:RadButton>
 
            </div>
          </div>
        </div>
      </FormTemplate>
    </EditFormSettings>
 
    <ItemStyle Height="50px" />
    <AlternatingItemStyle Height="50px" />
    <PagerStyle Mode="NextPrev" PagerTextFormat="{4} User {2} bis {3} von {5}" AlwaysVisible="True" />
  </mastertableview>
</telerik:RadGrid>

how can i do to see the scrollbars in InserMode?

1 Answer, 1 is accepted

Sort by
0
Princy
Top achievements
Rank 2
answered on 03 Jul 2014, 06:11 AM
Hi Richard Crowley,

I guess you are setting styles for the Insert and EditForm as I see there is difference in EditForm and InsertForm looks, there may occur some conflict that's causing the scroll to hide. You can set scroll for the Insert form using the following CSS:

CSS:
<style type="text/css">
  .rgMasterTable thead .rgEditForm
  {
    height: 500px;
    overflow: auto;
  }
</style>

Thanks,
Princy
Tags
Grid
Asked by
Andreas Decke
Top achievements
Rank 1
Answers by
Princy
Top achievements
Rank 2
Share this question
or