SqlDataSource as shown in the example, our control binding occurs in the code behind of a .NET Model View Presenter (MVP) architecture. We can't seem to find any method or property that indicates the item index when a item in the is selected., when the "Edit" button is clicked. So, there doesn't seem to be a way to determine which "Edit" button was clicked and which item to edit.
<telerik:GridClientSelectColumn UniqueName="ClientSelectColumn"></telerik:GridClientSelectColumn>
| <telerik:RadGrid ID="CustomerListGrid" runat="server" |
| GridLines="None" |
| Width="100%" |
| AllowPaging="True" |
| ShowGroupPanel="False" |
| PageSize="10" |
| EnableAJAX="True" |
| AllowCustomPaging ="True" |
| EditMode="EditForms" |
| ShowHeader="false" |
| AllowAutomaticInserts="false" |
| AllowAutomaticUpdates="false" |
| AllowAutomaticDeletes="false" |
| > |
| <GroupingSettings GroupByFieldsSeparator=", " /> |
| <ClientSettings Resizing-AllowColumnResize="true"></ClientSettings> |
| <MasterTableView AutoGenerateColumns="False" EditMode="EditForms" DataKeyNames="LocationId" Width="100%" CommandItemDisplay="Top" InsertItemPageIndexAction="ShowItemOnCurrentPage" > |
| <CommandItemSettings AddNewRecordText="Add a store..." /> |
| <GroupByExpressions> |
| <telerik:GridGroupByExpression> |
| <SelectFields > |
| <telerik:GridGroupByField |
| FieldName="Country" |
| HeaderText="Country" /> |
| <telerik:GridGroupByField |
| FieldName="CountryCode" |
| HeaderText=" " HeaderValueSeparator="" /> |
| </SelectFields> |
| <GroupByFields> |
| <telerik:GridGroupByField |
| FieldName="Country" |
| SortOrder="Ascending" /> |
| </GroupByFields> |
| </telerik:GridGroupByExpression> |
| </GroupByExpressions> |
| <RowIndicatorColumn Visible="False"> |
| <HeaderStyle></HeaderStyle> |
| </RowIndicatorColumn> |
| <ExpandCollapseColumn Visible="False" Resizable="False"> |
| <HeaderStyle></HeaderStyle> |
| </ExpandCollapseColumn> |
| <PagerStyle Mode="Slider" /> |
| <Columns> |
| <telerik:GridTemplateColumn HeaderText="" UniqueName="NameColumn" HeaderStyle-Width="90%" itemStyle-Width="90%"> |
| <ItemTemplate> |
| <table cellpadding="2" cellspacing="0"> |
| <tr> |
| <td> |
| <table cellpadding="0" cellspacing="0"> |
| <tr> |
| <td class="form_label" ><asp:Literal runat="server" Text='<%# Eval("CustomerName")%>'></asp:Literal></td> |
| <td class="gridData" > |
| <asp:Literal ID="Literal7" runat="server" |
| Text='<%# String.Format( "{0}, {1}, {2}", Eval("City"),Eval("Province"),Eval("Address1"))%>'></asp:Literal> |
| </td> |
| </tr> |
| </table> |
| </td> |
| </tr> |
| </table> |
| </ItemTemplate> |
| </telerik:GridTemplateColumn> |
| <telerik:GridEditCommandColumn UniqueName="EditColumn" ButtonType="ImageButton" EditImageUrl="~/Netcast/Images/Edit.gif" EditText="Edit" > |
| <ItemStyle Width="20px" HorizontalAlign="Center" /> |
| <HeaderStyle Width="20px" /> |
| </telerik:GridEditCommandColumn> |
| <telerik:GridButtonColumn CommandName="Delete" Text="Delete" |
| UniqueName="DeleteColumn" |
| ButtonType="ImageButton" ImageUrl="/Images/Delete.gif" |
| ConfirmText="Are you sure you want to delete this store?" |
| ConfirmDialogType="RadWindow" |
| > |
| <ItemStyle Width="20px" HorizontalAlign="Center" /> |
| <HeaderStyle Width="20px" /> |
| </telerik:GridButtonColumn> |
| </Columns> |
| <EditFormSettings EditFormType="Template"> |
| <FormTemplate> |
| <asp:Panel runat="server" ID="panelTemplate"> |
| <table cellpadding="4" cellspacing="0" > |
| <tr align="left"> |
| <td align="right" class="form_label"> |
| Customer #: |
| </td> |
| <td align="left"> |
| <telerik:RadNumericTextBox ID="numtbCustomerNumber" Width="18em" runat="server" Type="Number" MinValue="0" NumberFormat-DecimalDigits="0" NumberFormat-GroupSeparator="" DBValue='<%# Bind("CustomerNumber") %>' > |
| </telerik:RadNumericTextBox> |
| <asp:RequiredFieldValidator ID="reqavlCustomerNumber" runat="server" ControlToValidate="numtbCustomerNumber" Display="None" ErrorMessage="Invalid customer number"> |
| </asp:RequiredFieldValidator> |
| <cc1:ValidatorCalloutExtender runat="server" ID="reqavlCustomerNumberEx" TargetControlID="reqavlCustomerNumber" highlightcssclass="validatorCalloutHighlight"></cc1:ValidatorCalloutExtender> |
| </td> |
| <td align="right" class="form_label"> |
| Name: |
| </td> |
| <td align="left" colspan="3"> |
| <telerik:RadTextBox Width="32em" MaxLength="255" ID="tbCustomerName" runat="server" Text='<%# Bind("CustomerName") %>' > |
| </telerik:RadTextBox> |
| <asp:RequiredFieldValidator ID="reqavlCustomerName" runat="server" ControlToValidate="tbCustomerName" Display="None" ErrorMessage="Invalid customer name"> |
| </asp:RequiredFieldValidator> |
| <cc1:ValidatorCalloutExtender runat="server" ID="reqavlCustomerNameEx" TargetControlID="reqavlCustomerName" highlightcssclass="validatorCalloutHighlight" ></cc1:ValidatorCalloutExtender> |
| </td> |
| <td></td> |
| </tr> |
| <tr align="left"> |
| <td align="right" class="form_label" > |
| Country: |
| </td> |
| <td> |
| <telerik:RadComboBox |
| runat="server" ID="cmbCountries" |
| DataValueField="ID" |
| DataTextField="Name" |
| Width="18em" |
| AppendDataBoundItems="true" |
| > |
| <Items> |
| <telerik:RadComboBoxItem Text="" Value="" /> |
| </Items> |
| </telerik:RadComboBox> |
| <asp:RequiredFieldValidator ID="reqValCountry" runat="server" ControlToValidate="cmbCountries" Display="None" InitialValue="" ErrorMessage="Invalid Country" /> |
| <cc1:ValidatorCalloutExtender id="reqValCountryEx" runat="server" targetcontrolid="reqValCountry" highlightcssclass="validatorCalloutHighlight" enableviewstate="true" /> |
| </td> |
| <td align="right" class="form_label"> |
| Name 2: |
| </td> |
| <td align="left" colspan="3"> |
| <telerik:RadTextBox Width="32em" MaxLength="250" ID="tbName2" runat="server" Text='<%# Bind("Name2") %>' > |
| </telerik:RadTextBox> |
| </td> |
| <td></td> |
| </tr> |
| <tr> |
| <td align="right" class="form_label" > |
| City: |
| </td> |
| <td align="left"> |
| <telerik:RadTextBox Width="18em" MaxLength="255" ID="tbCity" runat="server" Text='<%# Bind("City") %>' > |
| </telerik:RadTextBox> |
| <asp:RequiredFieldValidator ID="reqValCity" runat="server" ControlToValidate="tbCity" Display="None" ErrorMessage="City is required"> |
| </asp:RequiredFieldValidator> |
| <cc1:ValidatorCalloutExtender runat="server" ID="reqValCityE" TargetControlID="reqValCity" highlightcssclass="validatorCalloutHighlight" ></cc1:ValidatorCalloutExtender> |
| </td> |
| <td align="right" class="form_label" > |
| Province: |
| </td> |
| <td> |
| <telerik:RadTextBox Width="15em" MaxLength="255" ID="tbStateProvince" runat="server" Text='<%# Bind("Province") %>' > |
| </telerik:RadTextBox> |
| </td> |
| <td align="right" class="form_label" > |
| Zip/Postal: |
| </td> |
| <td align="left"> |
| <telerik:RadTextBox Width="10em" ID="tbPostalZip" MaxLength="50" runat="server" Text='<%# Bind("PostalCode") %>' > |
| </telerik:RadTextBox> |
| <asp:RequiredFieldValidator ID="reqValPostalZip" runat="server" ControlToValidate="tbPostalZip" Display="None" ErrorMessage="Zip/Postal is required"> |
| </asp:RequiredFieldValidator> |
| <cc1:ValidatorCalloutExtender runat="server" ID="reqValPostalZipE" TargetControlID="reqValPostalZip" highlightcssclass="validatorCalloutHighlight" ></cc1:ValidatorCalloutExtender> |
| <asp:RegularExpressionValidator ID="regExValPostalZip" runat="server" ControlToValidate="tbPostalZip" ValidationExpression="^((\d+)(-(\d+))?)$" Display="None" ErrorMessage="Invalid Zip/Postal" /> |
| <cc1:ValidatorCalloutExtender id="regExValPostalZipE" runat="server" targetcontrolid="regExValPostalZip" highlightcssclass="validatorCalloutHighlight" enableviewstate="true" /> |
| </td> |
| <td></td> |
| </tr> |
| <tr> |
| <td align="right" class="form_label"> |
| Address1: |
| </td> |
| <td align="left" colspan="5"> |
| <telerik:RadTextBox Width="56.25em" MaxLength="400" ID="tbAddress1" runat="server" Text='<%# Bind("Address1") %>' > |
| </telerik:RadTextBox> |
| <asp:RequiredFieldValidator ID="reqValAddress1" runat="server" ControlToValidate="tbAddress1" Display="None" ErrorMessage="Address1 is required"> |
| </asp:RequiredFieldValidator> |
| <cc1:ValidatorCalloutExtender runat="server" ID="reqValAddress1E" TargetControlID="reqValAddress1" highlightcssclass="validatorCalloutHighlight" ></cc1:ValidatorCalloutExtender> |
| </td> |
| <td></td> |
| </tr> |
| <tr> |
| <td align="right" class="form_label"> |
| Address2: |
| </td> |
| <td align="left" colspan="5"> |
| <telerik:RadTextBox Width="56em" MaxLength="400" ID="tbAddress2" runat="server" Text='<%# Bind("Address2") %>' > |
| </telerik:RadTextBox> |
| </td> |
| <td></td> |
| </tr> |
| <tr> |
| <td align="right" class="form_label"> |
| Address3: |
| </td> |
| <td align="left" colspan="5"> |
| <telerik:RadTextBox Width="56em" MaxLength="400" ID="tbAddress3" runat="server" Text='<%# Bind("Address3") %>' > |
| </telerik:RadTextBox> |
| </td> |
| <td></td> |
| </tr> |
| <tr> |
| <td align="right" class="form_label" > |
| Phone: |
| </td> |
| <td align="left"> |
| <telerik:RadTextBox Width="18em" MaxLength="255" ID="tbPhone1" runat="server" Text='<%# Bind("Phone1") %>' > |
| </telerik:RadTextBox> |
| </td> |
| <td align="right" class="form_label" > |
| Phone 2: |
| </td> |
| <td> |
| <telerik:RadTextBox Width="15em" MaxLength="255" ID="tbPhone2" runat="server" Text='<%# Bind("Phone2") %>' > |
| </telerik:RadTextBox> |
| </td> |
| <td align="right" class="form_label" > |
| Fax: |
| </td> |
| <td align="left"> |
| <telerik:RadTextBox Width="10em" ID="tbFax" MaxLength="50" runat="server" Text='<%# Bind("Fax") %>' > |
| </telerik:RadTextBox> |
| </td> |
| <td></td> |
| </tr> |
| <tr> |
| <td align="right" class="form_label" > |
| Email: |
| </td> |
| <td> |
| <telerik:RadTextBox Width="18em" MaxLength="250" ID="tbEmail" runat="server" Text='<%# Bind("Email") %>' > |
| </telerik:RadTextBox> |
| </td> |
| <td align="right" class="form_label"> |
| Website: |
| </td> |
| <td align="left" colspan="3"> |
| <telerik:RadTextBox Width="32em" MaxLength="250" ID="tbWebSite" runat="server" Text='<%# Bind("WebSite") %>' > |
| </telerik:RadTextBox> |
| </td> |
| <td></td> |
| </tr> |
| <tr> |
| <td align="right" class="form_label" > |
| Longitude: |
| </td> |
| <td> |
| <telerik:RadNumericTextBox ID="numtbLongitude" Width="15em" runat="server" Type="Number" MaxValue="180" MinValue="-180" NumberFormat-DecimalDigits="8" DBValue='<%# Bind("Longitude") %>' > |
| </telerik:RadNumericTextBox> |
| <asp:RequiredFieldValidator ID="reqValLongitude" runat="server" ControlToValidate="numtbLongitude" Display="None" ErrorMessage="Longitude is required"> |
| </asp:RequiredFieldValidator> |
| <cc1:ValidatorCalloutExtender runat="server" ID="reqValLongitudeE" TargetControlID="reqValLongitude" highlightcssclass="validatorCalloutHighlight" ></cc1:ValidatorCalloutExtender> |
| </td> |
| <td align="right" class="form_label"> |
| Latitude: |
| </td> |
| <td align="left" colspan="3"> |
| <telerik:RadNumericTextBox ID="numtbLatitude" Width="15em" runat="server" Type="Number" MaxValue="90" MinValue="-90" NumberFormat-DecimalDigits="8" DBValue='<%# Bind("Latitude") %>'> |
| </telerik:RadNumericTextBox> |
| <asp:RequiredFieldValidator ID="reqValLatitude" runat="server" ControlToValidate="numtbLatitude" Display="None" ErrorMessage="Latitude is required"> |
| </asp:RequiredFieldValidator> |
| <cc1:ValidatorCalloutExtender runat="server" ID="reqValLatitudeE" TargetControlID="reqValLatitude" highlightcssclass="validatorCalloutHighlight" ></cc1:ValidatorCalloutExtender> |
| </td> |
| <td></td> |
| </tr> |
| <tr> |
| <td align="left" colspan="6"> |
| <asp:Button ID="btnUpdate" Text='<%# IF((CustomerListGrid.MasterTableView.IsItemInserted) , "Insert", "Update") %>' |
| runat="server" CommandName='<%# IF((CustomerListGrid.MasterTableView.IsItemInserted), "PerformInsert", "Update") %>'> |
| </asp:Button> |
| <asp:Button ID="btnCancel" Text="Cancel" runat="server" CausesValidation="False" CommandName="Cancel"></asp:Button> |
| </td> |
| <td></td> |
| </tr> |
| </table> |
| </asp:Panel> |
| </FormTemplate> |
| </EditFormSettings> |
| </MasterTableView> |
| </telerik:RadGrid> |
Hello,
I have found when trying to set the item height/height for the vertical display, the values I set get ignored.
Here's my code behind:
rrSearchResults.ScrollDirection = RotatorScrollDirection.Down | RotatorScrollDirection.Up;
rrSearchResults.ItemHeight = 200;
rrSearchResults.Height = 200;
When the page gets rendered, he following divs all have a inline style applied to them, with a height of 160px -
rrSearchResults, rrRelativeWrapper, rrClipRegion. There is nothing in my css that explicitly sets a height.
Anyone have any thoughts on what could be the cause of this? This works fine for the horizontal display as the inline-style height of 160px does not get set.
Thanks,
Praveen.
| <telerik:RadGrid ID="rgDetails" runat="server" GridLines="None" AutoGenerateColumns="false" |
| Skin="Office2007" AllowPaging="True" PageSize="15"> |
| <HeaderContextMenu> |
| <CollapseAnimation Type="OutQuint" Duration="200"></CollapseAnimation> |
| </HeaderContextMenu> |
| <PagerStyle Mode="NextPrevAndNumeric" /> |
| <MasterTableView EditMode="InPlace" TableLayout="Fixed"> |
| <RowIndicatorColumn> |
| <HeaderStyle Width="20px"></HeaderStyle> |
| </RowIndicatorColumn> |
| <ExpandCollapseColumn> |
| <HeaderStyle Width="20px"></HeaderStyle> |
| </ExpandCollapseColumn> |
| <Columns> |
| <telerik:GridBoundColumn UniqueName="RemittanceEntryDetailID" ReadOnly="true" DataField="RemittanceEntryDetailID" Display="false"></telerik:GridBoundColumn> |
| <telerik:GridBoundColumn UniqueName="RemittanceEntryID" ReadOnly="true" DataField="RemittanceEntryID" Display="false"></telerik:GridBoundColumn> |
| <telerik:GridBoundColumn UniqueName="ReciprocalID" ReadOnly="true" DataField="ReciprocalID" Display="false"></telerik:GridBoundColumn> |
| <telerik:GridBoundColumn UniqueName="ParticipantPayoutDetailID" ReadOnly="true" DataField="ParticipantPayoutDetailID" Display="false"></telerik:GridBoundColumn> |
| <telerik:GridBoundColumn UniqueName="FundID" DataField="FundID" ReadOnly="true" Display="false"></telerik:GridBoundColumn> |
| <telerik:GridBoundColumn UniqueName="FundName" DataField="FundName" ReadOnly="true" HeaderText="Fund"> |
| <ItemStyle HorizontalAlign="Left" /> |
| <HeaderStyle HorizontalAlign="Left" /> |
| </telerik:GridBoundColumn> |
| <telerik:GridTemplateColumn DataField="CreditedHours" headertext="Hours"> |
| <ItemStyle HorizontalAlign="Center" Width="90px" /> |
| <HeaderStyle HorizontalAlign="Center" Width="90px" /> |
| <ItemTemplate> |
| <asp:Label ID="lblCreditedHours" CssClass="CenterText" runat="server" ><%#DataBinder.Eval(Container.DataItem, "CreditedHours")%></asp:Label> |
| </ItemTemplate> |
| <EditItemTemplate> |
| <telerik:RadNumericTextBox ID="txtCreditedHours" Width="95%" CssClass="CenterText" runat="server" Value='<%#DataBinder.Eval(Container.DataItem, "CreditedHours")%>' NumberFormat-DecimalDigits="2" Type="Number"></telerik:RadNumericTextBox> |
| </EditItemTemplate> |
| </telerik:GridTemplateColumn> |
| <telerik:GridTemplateColumn DataField="CreditedUnits" Headertext="Units"> |
| <ItemStyle HorizontalAlign="Center" Width="90px" /> |
| <HeaderStyle HorizontalAlign="Center" Width="90px" /> |
| <ItemTemplate> |
| <asp:Label ID="lblCreditedUnits" CssClass="CenterText" runat="server" ><%#DataBinder.Eval(Container.DataItem, "CreditedUnits")%></asp:Label> |
| </ItemTemplate> |
| <EditItemTemplate> |
| <telerik:RadNumericTextBox ID="txtCreditedUnits" Width="95%" CssClass="CenterText" runat="server" Value='<%#DataBinder.Eval(Container.DataItem, "CreditedUnits")%>' NumberFormat-DecimalDigits="2" Type="Number"></telerik:RadNumericTextBox> |
| </EditItemTemplate> |
| </telerik:GridTemplateColumn> |
| <telerik:GridTemplateColumn DataField="EntryExpectedContribution" Headertext="Calculated Contribution"> |
| <ItemStyle HorizontalAlign="Center" Width="90px" /> |
| <HeaderStyle HorizontalAlign="Center" Width="90px" /> |
| <ItemTemplate> |
| <asp:Label ID="lblCalculatedContribution" CssClass="CenterText" runat="server" ><%#DataBinder.Eval(Container.DataItem, "EntryExpectedContribution")%></asp:Label> |
| </ItemTemplate> |
| <EditItemTemplate> |
| <telerik:RadNumericTextBox ID="txtCalculatedContribution" Width="95%" CssClass="CenterText" runat="server" Value='<%#DataBinder.Eval(Container.DataItem, "EntryExpectedContribution")%>' NumberFormat-DecimalDigits="2" Type="Currency"></telerik:RadNumericTextBox> |
| </EditItemTemplate> |
| </telerik:GridTemplateColumn> |
| <telerik:GridTemplateColumn DataField="CreditedExpectedContribution" Headertext="Expected Contribution"> |
| <ItemStyle HorizontalAlign="Center" Width="90px" /> |
| <HeaderStyle HorizontalAlign="Center" Width="90px" /> |
| <ItemTemplate> |
| <asp:Label ID="lblExpectedContribution" CssClass="CenterText" runat="server" ><%#DataBinder.Eval(Container.DataItem, "CreditedExpectedContribution")%></asp:Label> |
| </ItemTemplate> |
| <EditItemTemplate> |
| <telerik:RadNumericTextBox ID="txtExpectedContribution" Width="95%" CssClass="CenterText" runat="server" Value='<%#DataBinder.Eval(Container.DataItem, "CreditedExpectedContribution")%>' NumberFormat-DecimalDigits="2" Type="Currency"></telerik:RadNumericTextBox> |
| </EditItemTemplate> |
| </telerik:GridTemplateColumn> |
| <telerik:GridTemplateColumn DataField="ContributionAmount" Headertext="Actual Contribution"> |
| <ItemStyle HorizontalAlign="Center" Width="90px" /> |
| <HeaderStyle HorizontalAlign="Center" Width="90px" /> |
| <ItemTemplate> |
| <asp:Label ID="lblActualContribution" CssClass="CenterText" runat="server" ><%#DataBinder.Eval(Container.DataItem, "ContributionAmount")%></asp:Label> |
| </ItemTemplate> |
| <EditItemTemplate> |
| <telerik:RadNumericTextBox ID="txtActualContribution" Width="95%" CssClass="CenterText" runat="server" Value='<%#DataBinder.Eval(Container.DataItem, "ContributionAmount")%>' NumberFormat-DecimalDigits="2" Type="Currency"></telerik:RadNumericTextBox> |
| </EditItemTemplate> |
| </telerik:GridTemplateColumn> |
| <telerik:GridEditCommandColumn EditImageUrl="~\images\edit.gif" ButtonType="ImageButton" UniqueName="EditCommandColumn"> |
| <ItemStyle HorizontalAlign="Center" Width="40px" /> |
| <HeaderStyle HorizontalAlign="Center" Width="40px" /> |
| </telerik:GridEditCommandColumn> |
| </Columns> |
| </MasterTableView> |
| <FilterMenu> |
| <CollapseAnimation Type="OutQuint" Duration="200"></CollapseAnimation> |
| </FilterMenu> |
| </telerik:RadGrid> |
| Imports THA |
| Imports Telerik.Web.UI |
| Partial Class EditRemittanceEntryDetail |
| Inherits System.Web.UI.Page |
| Protected Sub Page_Init(ByVal sender As Object, ByVal e As System.EventArgs) Handles Me.Init |
| Dim intID As Integer = Request.QueryString("ID") |
| txtRemittanceEntryID.Text = intID |
| Call LoadRemittanceEntryDetail() |
| End Sub |
| Private Sub LoadRemittanceEntryDetail() |
| Dim dl As List(Of THA.ContributionAccounting.RemittanceEntryDetail) = THA.ContributionAccounting.GetRemittanceEntryDetails(0, txtRemittanceEntryID.Text, Session("DB")) |
| If Not (dl Is Nothing) AndAlso dl.Count > 0 Then |
| rgDetails.DataSource = dl |
| Else |
| rgDetails.DataSource = vbNullString |
| End If |
| rgDetails.DataBind() |
| End Sub |
| Protected Sub rgDetails_CancelCommand(ByVal source As Object, ByVal e As Telerik.Web.UI.GridCommandEventArgs) Handles rgDetails.CancelCommand |
| e.Canceled = True |
| Call LoadRemittanceEntryDetail() |
| End Sub |
| Protected Sub rgDetails_ItemCommand(ByVal source As Object, ByVal e As Telerik.Web.UI.GridCommandEventArgs) Handles rgDetails.ItemCommand |
| Select Case e.CommandName |
| Case "EditBtn" |
| e.Item.Edit = True |
| Call LoadRemittanceEntryDetail() |
| End Select |
| End Sub |
| Protected Sub rgDetails_UpdateCommand(ByVal source As Object, ByVal e As Telerik.Web.UI.GridCommandEventArgs) Handles rgDetails.UpdateCommand |
| e.Canceled = True |
| Call LoadRemittanceEntryDetail() |
| End Sub |
| End Class |