Questions on UI for ASP.NET AJAX Forum

1 answer

92 views

Grid - Perform insert when item inserted

Hi,

I can't get the data on my EditForm, please help.

        protected void RadGrid1_PreRender(object sender, EventArgs e)
        {
            if (!Page.IsPostBack)
            {
                RadGrid1.MasterTableView.IsItemInserted = true;//so I can insert after load
                RadGrid1.Rebind();
            }
        }

        protected void RadGrid1_ItemCommand(object sender, GridCommandEventArgs e)
        {
            if (e.CommandName == RadGrid.PerformInsertCommandName)
            {
                GridEditFormInsertItem f = (GridEditFormInsertItem)RadGrid1.MasterTableView.GetInsertItem();
                Person p = new Person();
                p.FirstName = (f.FindControl("FirstName") as TextBox).Text; //?? this control doesn't exist
            }
        }

        protected void RadGrid1_InsertCommand(object sender, GridCommandEventArgs e)
        {
            GridEditFormInsertItem item = e.Item as GridEditFormInsertItem; //?? this is null
        }

        protected void RadGrid1_NeedDataSource(object sender, GridNeedDataSourceEventArgs e)
        {
            RadGrid1.DataSource = Conselors;//loads a List<Person>
        }

  <telerik:RadGrid ID="RadGrid1" runat="server"
                        AllowPaging="false" AllowSorting="false" AutoGenerateColumns="false"
                        AllowAutomaticDeletes="false" AllowAutomaticInserts="false" AllowAutomaticUpdates="false"
                        ShowHeader="false"
                        OnItemCommand="RadGrid1_ItemCommand"
                        OnPreRender="RadGrid1_PreRender"
                        OnNeedDataSource="RadGrid1_NeedDataSource"
                        OnInsertCommand="RadGrid1_InsertCommand">
                        <MasterTableView DataKeyNames="PersonID" Width="50%" CommandItemDisplay="Bottom">
                            <CommandItemTemplate>
                                <telerik:RadButton ID="RadButtonInsert" runat="server" Text="Add" CommandName="PerformInsert">
                                    <Icon PrimaryIconCssClass="rbAdd" PrimaryIconLeft="4" PrimaryIconTop="3"></Icon>
                              </telerik:RadButton>
                            </CommandItemTemplate>
                            <CommandItemSettings />
                            <NoRecordsTemplate></NoRecordsTemplate>
                            <EditFormSettings>
                                <PopUpSettings Modal="true" />
                            </EditFormSettings>
                            <Columns>
                                <telerik:GridEditCommandColumn ButtonType="ImageButton" UniqueName="EditCommandColumn">
                                </telerik:GridEditCommandColumn>

                                <telerik:GridBoundColumn UniqueName="FirstName" HeaderText="FirstName" DataField="FirstName">
                                </telerik:GridBoundColumn>
                                <telerik:GridBoundColumn UniqueName="LastName" HeaderText="LastName" DataField="LastName">
                                </telerik:GridBoundColumn>
                                <telerik:GridBoundColumn UniqueName="Telephone" HeaderText="Telephone" DataField="Telephone">
                                </telerik:GridBoundColumn>
                                <telerik:GridBoundColumn UniqueName="Email" HeaderText="Email" DataField="Email">
                                </telerik:GridBoundColumn>

<telerik:GridButtonColumn Text="Delete" CommandName="Delete" ButtonType="ImageButton" />

                            </Columns>
                            <EditFormSettings EditFormType="Template">
                                <FormTemplate>
                                    * Person Name (Salutation, First, Middle, Last and Suffix):<br />
                                    <telerik:RadComboBox ID="RadComboBox1" runat="server"
                                        EnableLoadOnDemand="True" ShowMoreResultsBox="true" EnableVirtualScrolling="true"
                                        OnItemsRequested="DropDownListCertHolderSalutation_ItemsRequested">
                                    </telerik:RadComboBox>

                                    <telerik:RadTextBox Width="250px" ID="TextBoxAttorneyFirstName" Text='<%# Bind( "FirstName") %>' runat="server" TabIndex="8">
                                    </telerik:RadTextBox>
                                    <telerik:RadTextBox Width="25px" ID="TextBoxAttorneyMiddleInitial" Text='<%# Bind( "MiddleInitial") %>' runat="server">
                                    </telerik:RadTextBox>
                                    <telerik:RadTextBox Width="250px" ID="TextBoxAttorneyLastName" Text='<%# Bind( "LastName") %>' runat="server">
                                    </telerik:RadTextBox>

                                    <telerik:RadComboBox ID="RadComboBox2" runat="server"
                                        EnableLoadOnDemand="True" ShowMoreResultsBox="true" EnableVirtualScrolling="true"
                                        OnItemsRequested="DropDownListCertHolderSuffix_ItemsRequested">
                                    </telerik:RadComboBox>
                                    <br />
                                    Address:<br />
                                    <telerik:RadTextBox Width="500px" ID="TextBoxAttorneyAddress1" Text='<%# Bind( "Address1") %>' runat="server">
                                    </telerik:RadTextBox>
                                    <br />
                                    <telerik:RadTextBox Width="500px" ID="TextBoxAttorneyAddress2" Text='<%# Bind( "Address2") %>' runat="server">
                                    </telerik:RadTextBox>
                                    <br />
                                    Country:
                                            <telerik:RadComboBox ID="RadComboBox3" runat="server"
                                                EnableLoadOnDemand="True" ShowMoreResultsBox="true" EnableVirtualScrolling="true" AutoPostBack="true"
                                                OnItemsRequested="DropDownListCertHolderCountry_ItemsRequested"
                                                OnSelectedIndexChanged="DropDownListCertHolderCountry_SelectedIndexChanged">
                                            </telerik:RadComboBox>
                                    &nbsp State:
                                            <telerik:RadComboBox ID="RadComboBox4" runat="server"
                                                EnableLoadOnDemand="True" ShowMoreResultsBox="true" EnableVirtualScrolling="true"
                                                OnItemsRequested="DropDownListCertHolderState_ItemsRequested">
                                            </telerik:RadComboBox>
                                    <telerik:RadTextBox ID="RadTextBox6" runat="server" Width="200px" Visible="false"></telerik:RadTextBox>
                                    &nbsp City:
                                                    <telerik:RadTextBox ID="RadTextBox7" runat="server" Width="250px"></telerik:RadTextBox>
                                    &nbsp Zip Code:
                                            <telerik:RadMaskedTextBox Width="50px" ID="RadMaskedTextBox1" runat="server" Mask="#####" TextMode="SingleLine">
                                            </telerik:RadMaskedTextBox>
                                    <br />
                                    Telephone:
                                            <telerik:RadMaskedTextBox Width="125px" ID="RadMaskedTextBox2" runat="server" Mask="(###) ###-####-####" TextMode="SingleLine">
                                            </telerik:RadMaskedTextBox>
                                    &nbsp Fax:
                                            <telerik:RadMaskedTextBox Width="125px" ID="RadMaskedTextBox3" runat="server" Mask="(###) ###-####-####" TextMode="SingleLine">
                                            </telerik:RadMaskedTextBox>
                                    &nbsp
                                            Email Address:
                                                    <telerik:RadTextBox ID="RadTextBox8" runat="server" Width="250px"></telerik:RadTextBox>
                                    <br />
                                </FormTemplate>
                            </EditFormSettings>
                        </MasterTableView>
                    </telerik:RadGrid>

Grid

answered on 25 Jul 2014

1 answer

126 views

GridClientSelectColumn I am trying to add in the FilterTemplate a Linkbutton

With a GridClientSelectColumn I am trying to add in the FilterTemplate a Linkbutton that will act as my clear filter button but it is not showing

Grid

answered on 25 Jul 2014

1 answer

172 views

Hierarchical RadGrid Ignores Header Text Set in Code-Behind

Telerik version: 2011.2.915.40

I am trying to set the header text for one of the columns in my hierarchical grid. I am using the default HierarchyLoadMode (ServerOnDemand).

My original attempt was to call a recursive function on Page_Load that set the header text for each level in the hierarchy. This works fine until you expand level 3, at which point the header text on level 2 displays the value set in the .aspx instead of the value I am setting in the code-behind. Based on other posts I have seen in this forum, I have also tried setting the header text in the ItemDataBound event of my grid and in the PreRender of the grid. Setting the text in the ItemDataBound works for whatever level was just loaded (first level initially, then second level when you expand the first, etc.) but the other levels display the value set in the .aspx. Setting the text in the PreRender of the grid doesn't seem to work at all.

Where is the correct place to set header text for a hierarchical RadGrid so that it works when the grid updates?

Thanks,
Brian

Grid

answered on 25 Jul 2014

3 answers

440 views

javascript to disable textbox when radcombox is selected

Hello,
I have RadComBox and RadTextBox.When radcombox contain value I need to disable radtextbox.The following is my code but not working:

<telerik:RadComboBox ID="ddlLocation" runat="server" Width="125px" Font-Size="Small" AutoPostBack="false" onchanged="JavaScript: return DisableBox();">

</telerik:RadComboBox>

</td>

<td>

<telerik:RadTextBox ID="LocTextBox" runat="server" Width="100px" MaxLength="4" ToolTip="Please enter 4 char Location" AutoPostBack="false">

</telerik:RadTextBox>

</td>

function

DisableBox()

{

var TextBox = $find("<%=LocTextBox.ClientID %>");

var Location = $find("<%=ddlLocation.ClientID %>");

if(Location.length > 0)

{

TextBox.disable();

return false;

}
}

Please help to resolve this issue.
Thanks so much

General Discussions

answered on 25 Jul 2014

3 answers

207 views

RadDateTimePicker Calendar Popup does not display after ajax postback

I'm using version: 2010.1.519.35 of the Telerik controls
We have a control that inherits from RadDateTimePicker that when used in a scenario that does partial postbacks with RadAjaxManager does not display the calendar popup after an ajax postback. I have tried setting EnableAjaxSkinRendering = True with no luck.

Calendar

answered on 24 Jul 2014

9 answers

329 views

Client-side databinding with grouping

Quick question: Can I use the new client-side databinding method and have the data grouped?

I'd like to change from doing full postbacks to populate a grid, but the only stumbling block I have is trying to keep the grouping I have.

Thanks,

Stephen

Grid

answered on 24 Jul 2014

1 answer

62 views

PivotGrid - Total Formats to show also the comparing field?

Dear Telerik,

I'm following your demo here, I wonder if it's possible to have a way of comparing different fields by also showing its original field? As if using the DifferenceFrom total function, the difference from of the own field will always be zero.

Thanks.

PivotGrid

answered on 24 Jul 2014

2 answers

71 views

Grid sorting issue

I have a grid as follows. On first click it sorts one way. Than when I click on the arrow, the next column gets the sort arrow instead!

class AssignBanGridCtrl : WebControl

{

#region Fields

private RadAjaxLoadingPanel _RadLoadingPanel = new RadAjaxLoadingPanel();

private UpdatePanel _UpdatePanel = new UpdatePanel();

private RadGrid _RadGrid1 = new RadGrid();

private PriceDealProductBanTable _PriceDealProductBanTable = new PriceDealProductBanTable();

private PriceDealProposal _Proposal = null;

private GXButton _btnCopyToSelect = new GXButton();

private GXButton _btnSaveSelected = new GXButton();

private GXTextBox _TbBAN = new GXTextBox();

public SmartOrderQuote OrderQuote;

private string _BanColumnName;

private string _ServiceColumnName;

#endregion

#region Constructors

public AssignBanGridCtrl(PriceDealProposal proposal, bool hasOrderRequest)

: base()

{

}

#endregion

#region Overrides

protected override void OnInit(EventArgs e)

{

base.OnInit(e);

this._ProductTable = new _ProductTable().ExecuteTypedDataTable();

this._RadLoadingPanel.ID = "_RadLoadingPanel";

this._RadLoadingPanel.Transparency = 30;

this._RadLoadingPanel.Skin = "WebBlue";

this._RadLoadingPanel.BackgroundPosition = AjaxLoadingPanelBackgroundPosition.Center;

this.Controls.Add(this._RadLoadingPanel);

#region Grid1

this._RadGrid1.MasterTableView.CommandItemSettings.ShowAddNewRecordButton = false;

this._RadGrid1.MasterTableView.CommandItemDisplay = GridCommandItemDisplay.Top;

this._RadGrid.ID = "RadGrid1";

this._RadGrid.Skin = "WebBlue";

this._RadGrid.Width = Unit.Percentage(100);

this._RadGrid.GridLines = GridLines.None;

this._RadGrid.PageSize = 100;

this._RadGrid.PagerStyle.Mode = GridPagerMode.NextPrevAndNumeric;

this._RadGrid.AllowPaging = true;

this._RadGrid.AutoGenerateColumns = false;

this._RadGrid.EnableLinqExpressions = false;

this._RadGrid.AllowAutomaticInserts = false;

this._RadGrid.AllowAutomaticUpdates = false;

this._RadGrid.AllowAutomaticDeletes = false;

if(this._ProductTable.Count>=100)

this._RadGrid1.AllowFilteringByColumn = true;

this._RadGrid1.AllowSorting = true;

this._RadGrid1.MasterTableView.AllowNaturalSort = false;

this._RadGrid1.MasterTableView.DataKeyNames = new string[] { this._ProductTable.PriceDealEntityProductItemIdColumn.ColumnName };

this._RadGrid1.MasterTableView.ClientDataKeyNames = new string[] { this._ProductTable.PriceDealEntityProductItemIdColumn.ColumnName };

this._RadGrid1.EnableLinqExpressions = false;

this._RadGrid1.MasterTableView.NoMasterRecordsText = "No Products found.";

this._RadGrid1.MasterTableView.Width = Unit.Percentage(100);

this._RadGrid1.ClientSettings.Selecting.AllowRowSelect = true;

this._RadGrid1.ClientSettings.Selecting.UseClientSelectColumnOnly = true;

this._RadGrid1.AllowMultiRowSelection = true;

this._RadGrid1.NeedDataSource += RadGrid1_NeedDataSource;

this._RadGrid1.ItemDataBound += RadGrid1_ItemDataBound;

this._RadGrid1.ItemCreated += RadGrid1_ItemCreated;

GridBoundColumn boundColumn = new GridBoundColumn();

string columnName;

#region RadGrid Columns

GridClientSelectColumn selectAll = new GridClientSelectColumn();

selectAll.UniqueName = "SelectOne";

this._RadGrid1.MasterTableView.Columns.Add(selectAll);

string templateColumnName;

GridTemplateColumn templateColumn = new GridTemplateColumn();

columnName = this._ProductTable.SupplementalOriginalPriceDealEntityProductItemIdColumn.ColumnName; ;

boundColumn = new GridBoundColumn();

boundColumn.DataField = columnName;

boundColumn.UniqueName = "SupplementalOriginalPriceDealEntityProductItemId";

boundColumn.Display = false;

this._RadGrid1.MasterTableView.Columns.Add(boundColumn);

columnName = this._ProductTable.IsCustomProductColumn.ColumnName; ;

boundColumn = new GridBoundColumn();

boundColumn.DataField = columnName;

boundColumn.UniqueName = "IsCustomProduct";

boundColumn.Display = false;

this._RadGrid1.MasterTableView.Columns.Add(boundColumn);

columnName = this._ProductTable.SupplementalActionCodeColumn.ColumnName; ;

boundColumn = new GridBoundColumn();

boundColumn.DataField = columnName;

boundColumn.UniqueName = "SupplementalActionCode";

boundColumn.Display = false;

this._RadGrid1.MasterTableView.Columns.Add(boundColumn);

columnName = this._ProductTable.IsLockedColumn.ColumnName; ;

boundColumn = new GridBoundColumn();

boundColumn.DataField = columnName;

boundColumn.UniqueName = "IsLocked";

boundColumn.Display = false;

this._RadGrid1.MasterTableView.Columns.Add(boundColumn);

columnName = this._ProductTable.DescriptionColumn.ColumnName; ;

boundColumn = new GridBoundColumn();

boundColumn.DataField = columnName;

boundColumn.HeaderText = "Location";

boundColumn.UniqueName = "Location";

boundColumn.SortExpression = columnName;

this._RadGrid1.MasterTableView.Columns.Add(boundColumn);

columnName = this._ProductTable.CatalogProductColumn.ColumnName;

boundColumn = new GridBoundColumn();

boundColumn.FilterTemplate = new DropdownTemplate(columnName, _RadGrid1, this._ProductTable.SelectDistinct(columnName));

boundColumn.DataField = columnName;

boundColumn.HeaderText = "Product";

boundColumn.UniqueName = "Product";

boundColumn.AllowFiltering = true;

boundColumn.SortExpression = columnName;

this._RadGrid1.MasterTableView.Columns.Add(boundColumn);

columnName = this._ProductTable.CountryColumn.ColumnName;

boundColumn = new GridBoundColumn();

boundColumn.FilterTemplate = new DropdownTemplate(columnName, _RadGrid1, this._ProductTable.SelectDistinct(columnName));

boundColumn.DataField = columnName;

boundColumn.HeaderText = "Country";

boundColumn.UniqueName= "Country";

boundColumn.AllowFiltering = true;

boundColumn.SortExpression = columnName;

this._RadGrid1.MasterTableView.Columns.Add(boundColumn);

columnName = this._ProductTable.StateColumn.ColumnName;

boundColumn = new GridBoundColumn();

boundColumn.FilterTemplate = new DropdownTemplate(columnName, _RadGrid1, this._ProductTable.SelectDistinct(columnName));

boundColumn.DataField = columnName;

boundColumn.HeaderText = "State/Province";

boundColumn.UniqueName = "StateProvince";

boundColumn.AllowFiltering = true;

boundColumn.SortExpression = columnName;

this._RadGrid1.MasterTableView.Columns.Add(boundColumn);

columnName = this._ProductTable.SourceSystemTypeDescriptionColumn.ColumnName;

boundColumn = new GridBoundColumn();

boundColumn.FilterTemplate = new DropdownTemplate(columnName, _RadGrid1, this._ProductTable.SelectDistinct(columnName));

boundColumn.DataField = columnName;

boundColumn.HeaderText = "OE System";

boundColumn.UniqueName = "OESystem";

boundColumn.SortExpression = columnName;

boundColumn.AllowFiltering = true;

this._RadGrid1.MasterTableView.Columns.Add(boundColumn);

templateColumn = new GridTemplateColumn();

_BanColumnName = this._ProductTable.BillingAccountNumberColumn.ColumnName;

templateColumn.DataField = _BanColumnName;

templateColumn.ItemTemplate = new TextBoxTemplate(_BanColumnName);

templateColumn.HeaderText = "BAN";

templateColumn.UniqueName = "BAN";

templateColumn.AllowFiltering = false;

this._RadGrid1.MasterTableView.Columns.Add(templateColumn);

if (IsSupplementOrChangeQuote)

{

_ServiceColumnName = this._ProductTable.AssetServiceIdColumn.ColumnName;

templateColumn = new GridTemplateColumn();

templateColumn.ItemTemplate = new TextBoxTemplate(_ServiceColumnName);

templateColumn.DataField = _ServiceColumnName;

templateColumn.HeaderText = "Asset/Service ID";

templateColumn.UniqueName = "AssetServiceID";

templateColumn.AllowFiltering = false;

this._RadGrid1.MasterTableView.Columns.Add(templateColumn);

}

#endregion

this._UpdatePanel.UpdateMode = UpdatePanelUpdateMode.Conditional;

this._UpdatePanel.ContentTemplateContainer.Controls.Add(this._RadGrid1);

this._TbBAN.ID = "TbBAN";

this._TbBAN.ShowTitle = true;

this._TbBAN.MaxLength = 30;

this._TbBAN.WikiKeyword = "Assignment";

this._TbBAN.Title = "BAN :";

this._UpdatePanel.ContentTemplateContainer.Controls.Add(this._TbBAN);

this._btnCopyToSelect.ID = "BtCopyToSelected";

this._btnCopyToSelect.Text = "Copy To Selected";

this._btnCopyToSelect.ToolTip = "This will save the BAN above to all selected items.";

this._btnCopyToSelect.CssClass = "GxButtonBlue";

this._btnCopyToSelect.Click += new EventHandler(BtnCopyToSelected_Click);

this._UpdatePanel.ContentTemplateContainer.Controls.Add(this._btnCopyToSelect);

this._btnSaveSelected.ID = "BtSaveToSelected";

this._btnSaveSelected.Text = "Save Selected";

this._btnSaveSelected.CssClass = "GxButtonBlue";

this._btnSaveSelected.Click += new EventHandler(BtSaveToSelected_Click);

this._UpdatePanel.ContentTemplateContainer.Controls.Add(this._btnSaveSelected);

this.Controls.Add(this._UpdatePanel);

this._btnCopyToSelect.OnClientClick = "OnClientClick('" + _RadGrid1.ClientID + "')";

this._btnSaveSelected.OnClientClick = "OnClientClick('" + _RadGrid1.ClientID + "')";

}

private void BtnCopyToSelected_Click(object sender, EventArgs e)

{

}

void BtSaveToSelected_Click(object sender, EventArgs e)

{

}

protected void RadGrid1_ItemDataBound(object sender, GridItemEventArgs e)

{

if (e.Item is GridDataItem)

{

}

protected void RadGrid1_ItemCreated(object sender, GridItemEventArgs e)

{

if (e.Item is GridDataItem)

{

GridDataItem dataItem = (GridDataItem)e.Item;

RadTextBox txtBan = (RadTextBox)dataItem.FindControl(_BanColumnName);// pass the TextBox ID

txtBan.Attributes.Add("onfocus", "SelectRow('" + dataItem.ItemIndex + "','" + _RadGrid1.ClientID + "')");

}

#endregion

void RadGrid1_NeedDataSource(object sender, GridNeedDataSourceEventArgs e)

{

try

{

this._ProductTable = new _ProductTable().ExecuteTypedDataTable();

}

catch (Exception) { }

this._RadGrid1.DataSource = this._ProductTable;

}

protected override void OnPreRender(EventArgs e)

{

base.OnPreRender(e);

RadAjaxManager ajaxManager = RadAjaxManager.GetCurrent(Page);

if (ajaxManager != null)

ajaxManager.AjaxSettings.AddAjaxSetting(this._UpdatePanel, this._RadGrid1, this._RadLoadingPanel);

}

Grid

answered on 24 Jul 2014

1 answer

207 views

RadGrid Advanced Data Binding

Dear Telerik,

I'm using advanced databinding on pageload in c#, and enabled batch edit mode as follow:

RadGrid_Strategy.MasterTableView.CommandItemDisplay = GridCommandItemDisplay.Top;

RadGrid_Strategy.MasterTableView.EditMode = GridEditMode.Batch;

RadGrid_Strategy.MasterTableView.BatchEditingSettings.EditType = GridBatchEditingType.Cell;

RadGrid_Strategy.MasterTableView.CommandItemSettings.ShowAddNewRecordButton = false;

RadGrid_Strategy.MasterTableView.CommandItemSettings.ShowSaveChangesButton = true;

RadGrid_Strategy.MasterTableView.CommandItemSettings.ShowCancelChangesButton = true;

But I have 4 columns in table and would like to set readonly = "false" to some of them, as created programmatically, what property/event should I set to get access to these generated-on-the-fly column? Many thanks.

Grid

answered on 24 Jul 2014

5 answers

263 views

Problem with Columns width

Hello,

I am working on a project with a RadGrid that has DetailView.
The RadGrid has a lot of columns.
I want the columns’ width to auto-size by content.

I have the following code:
VB.NET:

RadGrid1.AllowSorting = True

adGrid1.MasterTableView.AllowSorting = True

adGrid1.ClientSettings.Scrolling.UseStaticHeaders = True

adGrid1.MasterTableView.PageSize = 30

adGrid1.MasterTableView.AllowPaging = True

adGrid1.AllowPaging = False

ASPX:

<style type="text/css">

#RadGrid1Panel, .RadGrid, .RadGrid_Default{

width: 700px !important;

}

</style>