Telerik Forums
UI for ASP.NET AJAX Forum
3 answers
69 views
Hello,

How and where to specify/have/assign telerik:GridDropDownColumn on specified column when we have AutoGeneratedColum=True on RadGrid ?

Thant mean having specific colum as telerik:GridDropDownColumn when AutoGeneratedColum=True.

Thank you
Regards
Ganapathy
Shinu
Top achievements
Rank 2
 answered on 01 Apr 2013
2 answers
253 views
I have a date that I pull into my radgrid that I need to then convert to datefield so that I can color code them but whatever i do it never seems to work.  how can I change this string to date.

Protected Sub myRadGridList_ItemDataBound(sender As Object, e As Telerik.Web.UI.GridItemEventArgs) Handles myRadGridList.ItemDataBound
       If TypeOf e.Item Is GridDataItem Then
           Dim Item As GridDataItem = CType(e.Item, GridDataItem)
           Dim DOB As DateTime = DateTime.Parse(Item.Cells(2).Text.ToString)
 
           If DatePart(DateInterval.Month, DOB) = DatePart(DateInterval.Month, Date.Now) Then
               Item.Cells(2).ForeColor = Drawing.Color.Firebrick
           End If
       End If
   End Sub
Princy
Top achievements
Rank 2
 answered on 01 Apr 2013
1 answer
72 views
I need an example of the following.

  • A RadGrid bound via its OnNeedDataSource event. The grid should also have an Edit Template. 
  • The source of data should include at least two fields, LookupId and LookupValue.  Of these two, only LookupValue should be visible when NOT editing.
  • When editing or inserting, the edit template should contain a DropDownList or RadComboBox bound to a Lookup Table of IDs and Values.  Best would be if that source were an ObjectDataSource since that's what I'm using, but not sure that's required.

This seems like a fairly common scenario, but I'm having no success finding an example. The only example embedded DropDownList in the demo isn't even bound.
Shinu
Top achievements
Rank 2
 answered on 01 Apr 2013
3 answers
121 views
i tried numerous ways but still not able to get the paging work correctly. I am using JSON to bind the radgrid client side. Everything works  well except paging.

Please let me know how can I get the paging work with JSOn method. I dont want to do it with Getdate() and Getcount() methods

Attached is my code
<%@ Page Title="" Language="C#" MasterPageFile="~/MasterPage/cp.master" AutoEventWireup="true" CodeFile="test.aspx.cs" Inherits="Secure_test" %>
 <%@ OutputCache Location="None" VaryByParam="None" %>
<%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %>
<asp:Content ID="Content1" ContentPlaceHolderID="head" Runat="Server">

    <title></title>
    <script src="../Scripts/jquery-1.6.2.min.js" type="text/javascript"></script>  
    <telerik:RadCodeBlock ID="RadCodeBlock1" runat="server">
        <script type="text/javascript">

           // function OnbuttonClient() {
           function pageLoad(sender, eventArgs) {
                var GridData;

                jQuery.ajax({
                    type: 'POST',
                    contentType: 'application/json; charset=utf-8',
                    data: '',
                    dataType: 'JSON',
                    url: 'test.aspx/BindGrid',
                    success: function (result) {

                        GridData = result.d;
                         if (GridData.length > 0) {

                            var divGridContainer = document.getElementById('divGridContainer');
                            divGridContainer.style.display = "";
                            var tableView = $find("<%= RadGvManageOrder.ClientID %>").get_masterTableView();
                            tableView.set_dataSource(GridData);
                            tableView.dataBind();
                            tableView.set_virtualItemCount(GridData.length);
                        }
                        else {
                            var divGridContainer = document.getElementById('divGridContainer');
                            divGridContainer.style.display = "none";
                        }
                    },
                    error: function () {
                        alert('Error on binding the data');
                    }
                });

                return false;

               
            }

            function RadGrid1_RowDataBound(sender, args) {
//                var radTextBox1 = args.get_item().findControl("OrderID"); // find control
//                radTextBox1.set_value(args.get_dataItem()["OrderID"]);
            }

            function RadGrid1_Command(sender, args) {
            }
        </script>
        <script type="text/javascript">

            function SelectAllCheckboxesSpecific(spanChk) {

                var IsChecked = spanChk.checked;

                var Chk = spanChk;
                Parent = document.getElementById('<%= RadGvManageOrder.ClientID %>');

                var items = Parent.getElementsByTagName('input');

                for (i = 0; i < items.length; i++) {

                    if (items[i].id != Chk && items[i].type == "checkbox") {

                        if (items[i].checked != IsChecked) {

                            items[i].click();

                        }

                    }

                }

            }
        </script>
    </telerik:RadCodeBlock>

</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server">

    <div>
       
        <asp:Button ID="Button1" Text="Bind Grid" runat="server" OnClientClick="return OnbuttonClient();" />
        <div id="divGridContainer" style="display: none;">
         <asp:UpdatePanel ID="UpdatePanel1" runat="server">
         <ContentTemplate>
            <telerik:RadGrid ID="RadGvManageOrder" runat="server" PageSize="4"
            runat="server" BorderStyle="None" GridLines="None" AutoGenerateColumns="False" AllowPaging="True" AllowSorting="True">
           <ExportSettings HideStructureColumns="true" />
               <MasterTableView  ToolTip="Right click for more details.">
                                                            <RowIndicatorColumn FilterControlAltText="Filter RowIndicator column">
                                                                <HeaderStyle Width="20px"></HeaderStyle>
                                                            </RowIndicatorColumn>
                                                            <ExpandCollapseColumn FilterControlAltText="Filter ExpandColumn column">
                                                                <HeaderStyle Width="20px"></HeaderStyle>
                                                            </ExpandCollapseColumn>
                                                            <EditFormSettings>
                                                                <EditColumn FilterControlAltText="Filter EditCommandColumn column">
                                                                </EditColumn>
                                                            </EditFormSettings>
                                                            <Columns>
                                                            <telerik:GridTemplateColumn  ItemStyle-CssClass="td" HeaderText="OrderSelected" UniqueName="OrderSelected" DataField="OrderID">
                                                                    <HeaderTemplate>
                                                                        <asp:CheckBox ID="chkAll" onclick="javascript:SelectAllCheckboxesSpecific(this);"
                                                                            runat="server" />
                                                                    </HeaderTemplate>
                                                                    <ItemTemplate>
                                                                        <asp:CheckBox ID="chkThis" runat="server" />
                                                                        <asp:Label ID="lbl_OrderId" Visible="false" runat="server" ></asp:Label>
                                                                        <%--<asp:Label ID="lbl_SourceID" runat="server" Visible="false" Text='<%#Eval("SourceID") %>'></asp:Label>--%>
                                                                    </ItemTemplate>
                                                                </telerik:GridTemplateColumn>
                                                               
                                                                <telerik:GridBoundColumn ItemStyle-CssClass="td" DataField="OrderNo" HeaderText="Customer Job Number" SortExpression="OrderNo">
                                                                </telerik:GridBoundColumn>
                                                                
                                                                <telerik:GridTemplateColumn ItemStyle-CssClass="td" HeaderText="eMerx Job Number" UniqueName="JobNumber" SortExpression="OrderID">
                                                                    <ItemTemplate>
                                                                        <input type="hidden" id="radGridClickedRowIndex" name="radGridClickedRowIndex" />
                                                                        <asp:Label ID="lblTargetShippingDate" runat="server" Visible="false"></asp:Label>
                                                                        <asp:Label ID="lblOrderID" runat="server" ></asp:Label>
                                                                    </ItemTemplate>
                                                                </telerik:GridTemplateColumn>


                                                                <telerik:GridBoundColumn ItemStyle-CssClass="td" DataField="OrderDate" HeaderText="Customer Order Date" SortExpression="OrderDate" >
                                                                </telerik:GridBoundColumn>
                                                                <telerik:GridBoundColumn ItemStyle-CssClass="td" DataField="CreatedOn" HeaderText="Submitted On" SortExpression="CreatedOn">
                                                                </telerik:GridBoundColumn>
                                                                <telerik:GridBoundColumn ItemStyle-CssClass="td" DataField="OrderStatus" HeaderText="Order Status" SortExpression="OrderStatus">
                                                                </telerik:GridBoundColumn>
                                                        <%--        <telerik:GridBoundColumn DataField="NoOfItems" HeaderText="Quantity" SortExpression="NoOfItems">
                                                                </telerik:GridBoundColumn>--%>

                                                                
                                                                 <telerik:GridTemplateColumn ItemStyle-CssClass="td" HeaderText="Track Package" UniqueName="TrackOrder" HeaderStyle-ForeColor="#1F476F">
                                                                          <ItemTemplate><%--onclick='Open(this.id,<%#Eval("OrderID")%>);return false;'--%>
                                                                          
                                                                             <%--   <a href="javascript:;" target="_blank" style='display:<%#Eval("ShipMethod").ToString()=="Manual" ? "none" : "block"%>;' id='anchor<%#Eval("OrderID")%>' onclick='Open(this.id,<%#Eval("OrderID")%>);return false;' >
                                                                                    Track Package</a>--%>
                                                                                   <%-- <a href="javascript:;" target="_blank" style='display:<%#Eval("ShipMethod").ToString()=="Manual" ? "block" : "none"%>;' onclick='notify();return false;'>Track Package</a>
                                                                           --%> </ItemTemplate>

                                                                <HeaderStyle ForeColor="#1F476F"></HeaderStyle>
                                                                         </telerik:GridTemplateColumn>

                                                               <%-- <telerik:GridBoundColumn DataField="BinNumbers" HeaderText="Bin Number" SortExpression="BinNumbers">
                                                                </telerik:GridBoundColumn>--%>



                                                                <telerik:GridButtonColumn ItemStyle-CssClass="td" ButtonType="LinkButton" HeaderText="Cancel Order" CommandName="CancelOrder"
                                                                    UniqueName="CancelOrderColumn" Text="Cancel Order" ConfirmDialogType="RadWindow" ConfirmText="Are you sure you want to Cancel this order?" >
                                                                    <ItemStyle HorizontalAlign="Center" />
                                                                </telerik:GridButtonColumn>
                                                               <%-- <telerik:GridButtonColumn ButtonType="LinkButton" HeaderText="Re-Processing" CommandName="ReProcessing"
                                                                    UniqueName="ReProcessingColumn" Text="Re-Processing">
                                                                    <ItemStyle HorizontalAlign="Center" CssClass="MyImageButton" />
                                                                </telerik:GridButtonColumn>--%>
                                                                <telerik:GridTemplateColumn ItemStyle-CssClass="td" HeaderText="" UniqueName="OrderStatusCol">
                                                                    <ItemTemplate>
                                                                        <asp:Label ID="lblOrderStatus" runat="server" Visible="false" ></asp:Label>
                                                                    </ItemTemplate>
                                                                </telerik:GridTemplateColumn>
                                                            </Columns>
                                                            <CommandItemSettings ShowExportToWordButton="true" ShowExportToExcelButton="true"
                                                                ShowExportToCsvButton="true" />
                                                        </MasterTableView>

                <PagerStyle Position="TopAndBottom"/>
             <ClientSettings>
            <ClientEvents OnCommand="RadGrid1_Command" OnRowDataBound="RadGrid1_RowDataBound">
            </ClientEvents>
        </ClientSettings>
               
            </telerik:RadGrid>
             <telerik:RadContextMenu ID="RadMenu1" runat="server"
                                                        EnableRoundedCorners="true" EnableShadows="true">
                                                        <Items>
                                                            <telerik:RadMenuItem Text="Order Detail" />                                                           
                                                            <telerik:RadMenuItem Text="Modify Quantity" />
                                                            <telerik:RadMenuItem Text="Change Target Date" />
                                                        </Items>
                                                    </telerik:RadContextMenu>
            </ContentTemplate>
            </asp:UpdatePanel>
        </div>
    </div>
   
</asp:Content>


COde File

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Drawing;
using cpPresenter;
using cpModel;
using cpView;
using Telerik.Web.UI;
using System.Text;
using System.Web.Services;

public partial class Secure_test : System.Web.UI.Page,IManageOrder
{

    static string _sourceId = "";
    Int32? _EmployeeID;
    ManageOrder _manageOrder;
    protected void Page_Load(object sender, EventArgs e)
    {
        if (Request.QueryString["sid"] != null)
        {
            _sourceId = CommonFunctions.Decrypt(Request.QueryString["sid"]).ToString();
        }
        else
            _sourceId = Session["SourceId"].ToString();

      
    }
    [WebMethod]
    public static List<GetOrdersData4CP_Result> BindGrid()
    {

        return ManageOrder.GetdataTest(null, null, "3", null, null, null, null, null, null, null, null);
       
       // return ManageOrder.GetPhysicalPrinters();
       
    }



   
    public int? EmployeeID
    {
        get { return Session["EmployeeID"] != null ? Convert.ToInt32(Session["EmployeeID"]) : 0; ; }
        set { _EmployeeID = value; }
    }

}
Jayesh Goyani
Top achievements
Rank 2
 answered on 31 Mar 2013
3 answers
137 views
Hi,

I got a RadTextBox and after user enter some value and move to the next textbox, I want to check if the value is greater than 18. And if the condition fails, display an alert and clear text.

Thanks,
Karl.
moegal
Top achievements
Rank 1
 answered on 31 Mar 2013
11 answers
186 views
Hi guys

I looked some posts in regards to Radar Chart back in July 2009 and back then Telerik has no plan to make this as apart of RadChart. Now it's 2010 so I am just wondering if this is still the case.

I am appreciated your feedback.

Thanks
Tom
Top achievements
Rank 1
 answered on 31 Mar 2013
5 answers
492 views
Hello,

I am trying to get the background/background color of the RAD HTML 5 Column Chart to be transparent but no matter what I do it is always white, unless, of course, I set it to some other color besides white (e.g. green).

I want to lay the chart on a larger background image but the charts plot background is always white.

How can  I make the chart transparent so I can see the background image underneath it?


<div style="padding:200px 0px 0px 0px;height:1000px;width:1000px;background-image:url(bearbackground.png);">
    <telerik:RadHtmlChart runat="server" ID="RadHtmlChart1" Width="800" Height="500" Transitions="true" BackColor="Transparent">
                <Appearance>
                    <FillStyle BackgroundColor="Transparent"></FillStyle>
                </Appearance>
                <Legend>
                    <Appearance Visible="false" ></Appearance>
                </Legend>
                <PlotArea>
                    <Appearance>
                        <FillStyle BackgroundColor="Transparent"></FillStyle>
                    </Appearance>
                    <XAxis AxisCrossingValue="0" Color="#b3b3b3" MajorTickType="Outside" MinorTickType="Outside"
                        Reversed="false">
                        <Items>
                            <telerik:AxisItem LabelText="Bear 1"></telerik:AxisItem>
                            <telerik:AxisItem LabelText="Bear 2"></telerik:AxisItem>
                            <telerik:AxisItem LabelText="Bear 3"></telerik:AxisItem>
                            <telerik:AxisItem LabelText="Bear 4"></telerik:AxisItem>
                            <telerik:AxisItem LabelText="Bear 5"></telerik:AxisItem>
                        </Items>
                        <LabelsAppearance DataFormatString="{0}" RotationAngle="0" Visible="false"></LabelsAppearance>
                        <MajorGridLines Color="#EFEFEF" Width="1"></MajorGridLines>
                        <MinorGridLines Color="#F7F7F7" Width="1"></MinorGridLines>
                    </XAxis>
                    <YAxis AxisCrossingValue="0" Color="#b3b3b3" MajorTickSize="1" MajorTickType="Outside"
                        MaxValue="50000" MinorTickSize="1" MinorTickType="Outside" MinValue="0" Reversed="false"
                        Step="10000" Visible="false">
                        <MajorGridLines Color="#EFEFEF" Width="1"></MajorGridLines>
                        <MinorGridLines Color="#F7F7F7" Width="1"></MinorGridLines>
                        <TitleAppearance Position="Center" RotationAngle="0" Text="Votes"></TitleAppearance>
                    </YAxis>
                    <Series>
                        <telerik:ColumnSeries Name="Bears" Stacked="false">
                            <Appearance>
                                <FillStyle BackgroundColor="#ff0000"></FillStyle>
                            </Appearance>
                            
                            <Items>
                                <telerik:SeriesItem YValue="25000"></telerik:SeriesItem>
                                <telerik:SeriesItem YValue="12000"></telerik:SeriesItem>
                                <telerik:SeriesItem YValue="39000"></telerik:SeriesItem>
                                <telerik:SeriesItem YValue="39000"></telerik:SeriesItem>
                                <telerik:SeriesItem YValue="39000"></telerik:SeriesItem>
                            </Items>
                        </telerik:ColumnSeries>
                    </Series>
                </PlotArea>
            </telerik:RadHtmlChart>
</div>

Here is the source view of the generated javascript. It can be clearly seen that the background color is being set to white despite the fact that the configuration says Transparent:

WebForm_InitCallback();Sys.Application.add_init(function() {
    $create(Telerik.Web.UI.RadHtmlChart, {"_chartArea":"{background: \u0027#ffffff\u0027}","_chartTitle":"{visible :true}","_plotArea":"{categoryAxis: { line: { width: 1, color: \u0027#b3b3b3\u0027}, minorTickType: \u0027outside\u0027,title :{visible :true},labels :{visible: false},minorGridLines :{visible :true, color: \u0027#f7f7f7\u0027},majorGridLines :{visible :true, color: \u0027#efefef\u0027}, axisCrossingValue: 0, categories: [\u0027Bear 1\u0027,\u0027Bear 2\u0027,\u0027Bear 3\u0027,\u0027Bear 4\u0027,\u0027Bear 5\u0027]},valueAxis:[{visible: false}],appearance: {background: \u0027#ffffff\u0027}}","_series":"series: [{color: \u0027#ff0000\u0027,name: \u0027Bears\u0027,tooltip :{visible :true},type: \u0027column\u0027, data: [25000,12000,39000,39000,39000],labels :{font: \u002712px Arial,Helvetica,sans-serif\u0027, visible :true, position: \u0027outsideEnd\u0027}}]","_uniqueId":"RadHtmlChart1","clientStateFieldID":"RadHtmlChart1_ClientState","height":"250px","skin":"Default","width":"800px"}, null, null, $get("RadHtmlChart1"));
});
//]]>

Thanks,
Eric
Eric
Top achievements
Rank 1
 answered on 31 Mar 2013
1 answer
168 views
The following grid opens an Edit Template instead of firing the OnInitInsert event when I click LinkButton2, and I can't figure out why.


<telerik:RadGrid ID="ModelGrid" runat="server" AllowFilteringByColumn="True" Width="1125px"
                                        Height="300px" OnDeleteCommand="Model_Delete" OnEditCommand="Model_Edit" OnInsertCommand="Model_Insert"
                                        CellSpacing="0" GridLines="Vertical" EnableViewState="True" OnNeedDataSource="Model_NeedDataSource">
                                        <ClientSettings>
                                            <Selecting AllowRowSelect="True" />
                                            <Scrolling AllowScroll="True" UseStaticHeaders="True" SaveScrollPosition="True">
                                            </Scrolling>
                                        </ClientSettings>
                                        <MasterTableView Width="100%" CommandItemDisplay="Top" DataKeyNames="ModelId" AutoGenerateColumns="False">
                                            <CommandItemSettings ExportToPdfText="Export to PDF"></CommandItemSettings>
                                            <RowIndicatorColumn Visible="True" FilterControlAltText="Filter RowIndicator column">
                                            </RowIndicatorColumn>
                                            <ExpandCollapseColumn Visible="True" FilterControlAltText="Filter ExpandColumn column">
                                            </ExpandCollapseColumn>
                                            <Columns>
                                                <telerik:GridBoundColumn DataField="ModelNumber" AllowFiltering="true" FilterControlAltText="Filter Model Number column"
                                                    ItemStyle-HorizontalAlign="Left" HeaderText="Model Number" SortExpression="ModelNumber"
                                                    UniqueName="ModelNumber" HeaderStyle-Width="250px">
                                                </telerik:GridBoundColumn>
                                                <telerik:GridBoundColumn DataField="Description" AllowFiltering="true" FilterControlAltText="Filter Description column"
                                                    ItemStyle-HorizontalAlign="Left" HeaderStyle-Width="250px" HeaderText="Description"
                                                    SortExpression="Description" UniqueName="Description">
                                                </telerik:GridBoundColumn>
                                                <telerik:GridBoundColumn DataField="ProductLine" AllowFiltering="true" FilterControlAltText="Filter Product Line column"
                                                    ItemStyle-HorizontalAlign="Left" HeaderText="Product Line" HeaderStyle-Width="200px"
                                                    SortExpression="ProductLine" UniqueName="ProductLine">
                                                </telerik:GridBoundColumn>
                                                <telerik:GridBoundColumn DataField="AssetTypes" AllowFiltering="true" FilterControlAltText="Filter AssetTypes column"
                                                    ItemStyle-HorizontalAlign="Left" HeaderStyle-Width="150px" HeaderText="Asset Types"
                                                    SortExpression="AssetTypes" UniqueName="AssetTypes">
                                                </telerik:GridBoundColumn>
                                                <telerik:GridBoundColumn DataField="DisplayPosition" AllowFiltering="false" HeaderText="Default Position"
                                                    SortExpression="DisplayPosition" HeaderStyle-Width="150px" UniqueName="DisplayPosition"
                                                    HeaderStyle-HorizontalAlign="Center">
                                                </telerik:GridBoundColumn>
                                                <telerik:GridBoundColumn DataField="Height" AllowFiltering="false" HeaderStyle-Width="60px"
                                                    HeaderStyle-HorizontalAlign="Center" HeaderText="Height" SortExpression="Height"
                                                    UniqueName="Height">
                                                </telerik:GridBoundColumn>
                                                <telerik:GridBoundColumn DataField="Width" AllowFiltering="false" HeaderStyle-Width="60px"
                                                    HeaderStyle-HorizontalAlign="Center" HeaderText="Width" SortExpression="Width"
                                                    UniqueName="Width">
                                                </telerik:GridBoundColumn>
                                                <telerik:GridBoundColumn DataField="Depth" AllowFiltering="false" HeaderStyle-Width="60px"
                                                    HeaderStyle-HorizontalAlign="Center" HeaderText="Depth" SortExpression="Depth"
                                                    UniqueName="Depth">
                                                </telerik:GridBoundColumn>
                                                <telerik:GridBoundColumn DataField="UseRackUnits" AllowFiltering="false" HeaderStyle-Width="100px"
                                                    HeaderStyle-HorizontalAlign="Center" HeaderText="In Rack Units" SortExpression="UseRackUnits"
                                                    UniqueName="UseRackUnits">
                                                </telerik:GridBoundColumn>
                                            </Columns>
                                            <CommandItemTemplate>
                                                <div style="padding: 5px 5px;">
                                                    <asp:LinkButton ID="btnEditSelected" runat="server" CommandName="EditSelected" Visible='<%# ModelGrid.EditIndexes.Count == 0 %>'><img style="border:0px;vertical-align:middle;" alt="" src="../Images/Edit.gif"/>Edit</asp:LinkButton>&nbsp;&nbsp;
                                                    <asp:LinkButton ID="btnUpdateEdited" runat="server" CommandName="UpdateEdited" Visible='<%# ModelGrid.EditIndexes.Count > 0 %>'><img style="border:0px;vertical-align:middle;" alt="" src="../Images/Update.gif"/>Update</asp:LinkButton>&nbsp;&nbsp;
                                                    <asp:LinkButton ID="btnCancel" runat="server" CommandName="CancelAll" Visible='<%# ModelGrid.EditIndexes.Count > 0 || ModelGrid.MasterTableView.IsItemInserted %>'><img style="border:0px;vertical-align:middle;" alt="" src="../Images/Cancel.gif"/>Cancel editing</asp:LinkButton>&nbsp;&nbsp;
                                                    <asp:LinkButton ID="LinkButton2" runat="server" CommandName="InitInsert" Visible='<%# !ModelGrid.MasterTableView.IsItemInserted %>'><img style="border:0px;vertical-align:middle;" alt="" src="../Images/AddRecord.gif"/>Add new</asp:LinkButton>&nbsp;&nbsp;
                                                    <asp:LinkButton ID="LinkButton1" OnClientClick="javascript:return confirm('Delete selected Model?')"
                                                        runat="server" CommandName="DeleteSelected"><img style="border:0px;vertical-align:middle;" alt="" src="../Images/Delete.gif"/>Delete</asp:LinkButton>&nbsp;&nbsp;
                                                </div>
                                            </CommandItemTemplate>
                                        </MasterTableView>
                                        <ClientSettings EnablePostBackOnRowClick="true">
                                            <Selecting AllowRowSelect="True"></Selecting>
                                            <Scrolling AllowScroll="True" UseStaticHeaders="True" SaveScrollPosition="True" />
                                        </ClientSettings>
                                        <FilterMenu EnableImageSprites="False">
                                        </FilterMenu>
                                    </telerik:RadGrid>
Steven
Top achievements
Rank 1
 answered on 30 Mar 2013
2 answers
223 views
Hi

I'm using telerik.web.ui version 2013.1.220.35 and was wondering if the following is a known bug.
On a radgrid when I apply an "ItemStyle-VerticalAlign" property in the MasterTableView, instead of in the individual columns, then (at least for) the GridEditCommandColumn and GridDropDownColumn, the style gets applied to every alternate row only.

For the skeletal mark up listed below, notice that the MasterTableView defines ItemStyle-VerticalAlign="Top".
See attached screenshot for this markup. you will see that the Edit Image and the text in the "Type"  column is "Top" aligned only on alternate rows. To make these values Top aligned on every row, I need to specify the ItemStyle-VerticalAlign on each column.

So I was wondering if 
a - This is a known issue with specifying  ItemStyle-VerticalAlign in the MasterTableView
b - There is a way so that I can specify this value in a single place on the radgrid so that it correctly applies to all columns.

<telerik:RadGrid
    ID="NotesGrid"
    runat="server"
    DataSourceID="sqlGetNotes">
 
    <MasterTableView
      ItemStyle-VerticalAlign="Top ">
 
      <Columns>
 
        <telerik:GridEditCommandColumn
          ButtonType="ImageButton"
          UniqueName="EditCommandColumn"
          HeaderText="Edit"
          HeaderTooltip="Edit Note"
          HeaderStyle-width="80px"
          HeaderStyle-HorizontalAlign="Center"
          ItemStyle-HorizontalAlign="Center"
          ItemStyle-CssClass="MyImageButton" />
 
        <telerik:GridDropDownColumn
          UniqueName="Note_Type"
          DataField="Note_Type"
          HeaderText="Type"
          DataSourceID="sqlNoteTypesLookupList"
          ListValueField="Note_Type"
          ListTextField="Note_Type"
          DropDownControlType="RadComboBox"  />
 
      </Columns>
    </MasterTableView>
  </telerik:RadGrid>


Thanks

Galin
Telerik team
 answered on 30 Mar 2013
1 answer
79 views
I have two grids on the page. Both are configured to use the OnNeedDataSource event. The detail grid is rebound in the OnSelectedIndexChange of the master grid.  The detail grid has an edit template with a dropdownlist.  The dropdown list is bound to an ObjectDataSource.  I'm attempting to bind the dropdownlist in the following event handler;

protected void ModelGrid_OnItemDataBound(object sender, GridItemEventArgs e)
{
   if ((e.Item is GridEditFormItem) && (e.Item.IsInEditMode))
   {
        GridEditFormItem editform = (GridEditFormItem)e.Item;
        DropDownList ddlAType = (DropDownList)editform.FindControl("ddlAssetType");
        if (ddlAType != null)
            ddlAType.DataBind();
   }
}

However, before it can get here, I get an error: "Sys.WebForms.PageRequestManagerServerErrorException: 'ddlAssetType' has a SelectedValue which is invalid because it does not exist in the list of items."

The code doesn't hit a breakpoint set in the OnSelect method of the ObjectDataSource, so the dropdownlist hasn't been bound yet. What am I doing wrong?


Steven
Top achievements
Rank 1
 answered on 30 Mar 2013
Narrow your results
Selected tags
Tags
+? more
Top users last month
Boardy
Top achievements
Rank 2
Veteran
Iron
Benjamin
Top achievements
Rank 3
Bronze
Iron
Veteran
ivory
Top achievements
Rank 1
Iron
Iron
Rob
Top achievements
Rank 3
Bronze
Bronze
Iron
ClausDC
Top achievements
Rank 2
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Boardy
Top achievements
Rank 2
Veteran
Iron
Benjamin
Top achievements
Rank 3
Bronze
Iron
Veteran
ivory
Top achievements
Rank 1
Iron
Iron
Rob
Top achievements
Rank 3
Bronze
Bronze
Iron
ClausDC
Top achievements
Rank 2
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?