Telerik Forums
UI for ASP.NET AJAX Forum
5 answers
115 views
Hello,

I have a radchart which is bound to a database.  When I click on a piece of the bar chart, I want to drill down to another chart based on the label of the piece they clicked.  For instance, if I have a bar chart with the number sold of apples/oranges on it, when I click on the apples colomn, I want to show another chart about apples.  How can I determine what the label is from the click method.  The args.seriesItem.name is "Item2", so that doesn't help.  Also, args.seriesItem.label.base.TextBlock.text is empty.

Thanks,

Eric
Rusty
Top achievements
Rank 1
 answered on 14 Feb 2012
7 answers
152 views
Hello,

I've a question about the RadGrid, scrolling and headers. I've defined a RadGrid with none StaticHeader because I want my customers to drag and drop the columns to create their own preferred view (column order). The grid is scrollable, scrollheight is set to 197px, which means in my case a viewport of 7 record/lines. When scrolling  I want to 'freeze' the header row, at this moment the header scroll's with the lines so it scrolls out of the viewport.
I've read several articles on the web and the solution is : use static headers. As a mentioned before, that is not an options because I want the user to decided which column order het wants to use (with drag and drop).
On the web I found an article where they do something with CSS on a normal GridView to force the header in the viewport (http://forums.asp.net/t/1162406.aspx) but that solution does not work for the RadGrid.

Hopefullty there's someone with a solotion for this issue.

Regards,
  Jos
Galin
Telerik team
 answered on 14 Feb 2012
2 answers
298 views
I have a RadGrid that is populated in the code-behind with a DataTable. The grid has an edit FormTemplate:
<telerik:RadGrid ID="rgFileList" runat="server" OnItemCommand="rgFileList_ItemCommand">
            <MasterTableView HorizontalAlign="Right">
                <EditFormSettings EditFormType="Template">
                    <FormTemplate>
                        <table style="width: 85%" align="center">
                            <tr>
                                <td style="width: 35%" align="right" >Description:  </td>
                                <td style="width: 65%">
                                    <asp:TextBox ID="txtDescription" runat="server" Text='<%# Bind("description") %>'></asp:TextBox>
                                </td>
                            </tr>
                            <tr><tdcolspan="2"> </td></tr>
                            <tr>
                                <td colspan="2" align="center">
                                    <asp:Button ID="btnUpdate" runat="server" Text="Update" CommandName="Update" />
                                    <asp:Button ID="btnCancel" runat="server" Text="Cancel" CommandName="Cancel" />
                                </td>
                            </tr>
                        </table>
                    </FormTemplate>
                </EditFormSettings>

When I click the 'Edit' button on a row, the edit form pops up, I enter the Description textbox, and click the Update button.  Control goes to

rgFileList_ItemCommand where the code is:

protected void rgFileList_ItemCommand(object source, GridCommandEventArgs e)
    {
        string strCommand = e.CommandName.ToUpper().Trim();
 
        if (strCommand == "UPDATE")
        {
            GridEditableItem grdSelected = (GridEditableItem)e.Item;
            string filename = grdSelected.GetDataKeyValue("filename").ToString().Trim();
 
            TextBox tb = (TextBox)grdSelected.FindControl("txtDescription");
            string description = tb.Text.ToString().Trim();


the problem is that the TextBox value is the original value of description for that row, not the new value typed into the textbox.  Why?  Can't figure out why it does not result in the new value.
The GridEditableItem grdSelected object is showing:

EditManager = 'grdSelected.EditManager' threw an exception of type 'Telerik.Web.UI.GridBindingException'GridEditableItem

{"The current EditFormType does not support the requested editing capabilities."}

Dan
Top achievements
Rank 2
 answered on 14 Feb 2012
1 answer
126 views

Hi together,

I have a question about the RadGrid. I have now created a RadGrid with a Edit, Delete and Add new Record Button. The Edit Mask shows fine, but if I Edit a record it dosn't update it. When I debug I see that it doesnt't run my Update Method in my Code.

Below my apsx and my methods.

<telerik:RadAjaxManager ID="RadAjaxManager1" runat="server">
        <AjaxSettings>
            <telerik:AjaxSetting AjaxControlID="radGrid1">
                <UpdatedControls>
                    <telerik:AjaxUpdatedControl ControlID="radGrid1" LoadingPanelID="RadAjaxLoadingPanel1" />
                </UpdatedControls>
            </telerik:AjaxSetting>
            <telerik:AjaxSetting AjaxControlID="RadioButton1">
                <UpdatedControls>
                    <telerik:AjaxUpdatedControl ControlID="RadGrid1" LoadingPanelID="RadAjaxLoadingPanel1" />
                    <telerik:AjaxUpdatedControl ControlID="RadioButton2" />
                </UpdatedControls>
            </telerik:AjaxSetting>
            <telerik:AjaxSetting AjaxControlID="RadioButton2">
                <UpdatedControls>
                    <telerik:AjaxUpdatedControl ControlID="RadGrid1" LoadingPanelID="RadAjaxLoadingPanel1" />
                    <telerik:AjaxUpdatedControl ControlID="RadioButton1" />
                </UpdatedControls>
            </telerik:AjaxSetting>
            <telerik:AjaxSetting AjaxControlID="CheckBox1">
                <UpdatedControls>
                    <telerik:AjaxUpdatedControl ControlID="RadGrid1" LoadingPanelID="RadAjaxLoadingPanel1" />
                </UpdatedControls>
            </telerik:AjaxSetting>
        </AjaxSettings>
    </telerik:RadAjaxManager>
    <telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server" Height="75px"
        Width="75px" Transparency="25">
        <img alt="Loading..." src='<%= RadAjaxLoadingPanel.GetWebResourceUrl(Page, "Telerik.Web.UI.Skins.Default.Ajax.loading.gif") %>'
            style="border: 0;" />
    </telerik:RadAjaxLoadingPanel>
    <telerik:RadGrid ID="radGrid1" AutoGenerateEditColumn="True" DataSourceID="objectDataSource1"
        runat="server" GridLines="None" Skin="Office2010Blue">
        <MasterTableView AllowAutomaticUpdates="True" AllowAutomaticInserts="True" CommandItemDisplay="Top"
            DataSourceID="ObjectDataSource1">
            <Columns>
                <telerik:GridEditCommandColumn ButtonType="ImageButton" UniqueName="EditCommandColumn">
                    <ItemStyle CssClass="MyImageButton" />
                </telerik:GridEditCommandColumn>
               <telerik:GridButtonColumn ConfirmText="Delete this product?" ConfirmDialogType="RadWindow"
                    ConfirmTitle="Delete" ButtonType="ImageButton" CommandName="Delete" Text="Delete"
                    UniqueName="DeleteColumn">
                    <ItemStyle HorizontalAlign="Center" CssClass="MyImageButton" />
                </telerik:GridButtonColumn>
            </Columns>
            <EditFormSettings ColumnNumber="2" CaptionDataField="Address" CaptionFormatString="Edit properties of Address Case Relations">
                <FormTableItemStyle Wrap="False"></FormTableItemStyle>
                <FormCaptionStyle CssClass="EditFormHeader"></FormCaptionStyle>
                <FormMainTableStyle GridLines="None" CellSpacing="0" CellPadding="3" BackColor="White" Width="100%" />
                <FormTableStyle CellSpacing="0" CellPadding="2" Height="110px" BackColor="White" />
                <FormTableAlternatingItemStyle Wrap="False"></FormTableAlternatingItemStyle>
                <EditColumn ButtonType="ImageButton" InsertText="Insert Order" UpdateText="Update record" UniqueName="EditCommandColumn1" CancelText="Cancel edit"/>           
                 <FormTableItemStyle Wrap="False"></FormTableItemStyle>
                <FormCaptionStyle CssClass="EditFormHeader"></FormCaptionStyle>
                <FormMainTableStyle GridLines="None" CellSpacing="0" CellPadding="3" BackColor="White" Width="100%" />
                <FormTableStyle CellSpacing="0" CellPadding="2" Height="110px" BackColor="White" />
                <FormTableAlternatingItemStyle Wrap="False"></FormTableAlternatingItemStyle>
                <EditColumn ButtonType="ImageButton" InsertText="Insert Order" UpdateText="Update record" UniqueName="EditCommandColumn1" CancelText="Cancel edit">
                </EditColumn>
                <FormTableButtonRowStyle HorizontalAlign="Right" CssClass="EditFormButtonRow"></FormTableButtonRowStyle>
                <PopUpSettings ScrollBars="None" />
            </EditFormSettings>
             
            <RowIndicatorColumn Visible="False">
                <HeaderStyle Width="20px" />
            </RowIndicatorColumn>
            <ExpandCollapseColumn Resizable="False" Visible="False">
                <HeaderStyle Width="20px" />
            </ExpandCollapseColumn>
        </MasterTableView>
    </telerik:RadGrid>
    <asp:ObjectDataSource ID="objectDataSource1" TypeName="ESTV.A3.Logic.AddressCaseRelationBll" SelectMethod="Select" UpdateMethod="Update" InsertMethod="Insert" DeleteMethod="Delete" runat="server"
        OldValuesParameterFormatString="original_{0}">
        <SelectParameters>
            <asp:QueryStringParameter Name="addressId" Type="String" Direction="Input" QueryStringField="id">
            </asp:QueryStringParameter>
        </SelectParameters>
        <UpdateParameters>
            <asp:Parameter Name="id" Type="String" />
            <asp:Parameter Name="NotificationDate" Type="DateTime" />
            <asp:Parameter Name="NoticeOfReceipt" Type="Boolean" />
        </UpdateParameters>
        <InsertParameters>
            <asp:Parameter Name="id" Type="String" />
            <asp:Parameter Name="NotificationDate" Type="DateTime" />
            <asp:Parameter Name="NoticeOfReceipt" Type="Boolean" />
        </InsertParameters>
        <DeleteParameters>
            <asp:Parameter Name="id" Type="String"/>
        </DeleteParameters>
    </asp:ObjectDataSource>

And here my Code

public List<AddressCaseRelation> Select(string addressId)
       {
           ////TODO: validation and error handling
           Guid guidId = new Guid(addressId);
           return entityDao.GetByAddressId(guidId);
       }
 
       public void Update(string id, bool noticeOfReceipt, DateTime notificationDate)
       {
           Guid guidId = new Guid(id);
           AddressCaseRelation addressCaseRelation = entityDao.GetById(guidId);
 
           addressCaseRelation.NoticeOfReceipt = noticeOfReceipt;
           addressCaseRelation.NotificationDate = notificationDate;
            
           entityDao.Update(addressCaseRelation);
           entityDao.CommitChanges();
       }
 
       public void Insert(string id, bool noticeOfReceipt, DateTime notificationDate)
       {
           Guid guidId = new Guid(id);
           AddressCaseRelation addressCaseRelation = entityDao.GetById(guidId);
 
           addressCaseRelation.NoticeOfReceipt = noticeOfReceipt;
           addressCaseRelation.NotificationDate = notificationDate;
 
           entityDao.Update(addressCaseRelation);
           entityDao.CommitChanges();
       }
 
       public void Delete(string id)
       {
           Guid guidId = new Guid(id);
           AddressCaseRelation addressCaseRelation = entityDao.GetById(guidId);
           entityDao.Delete(addressCaseRelation);
           entityDao.CommitChanges();
       }

I have also the same problem if i click the Add new Record Button, the form doesnt appear. What is here wrong?
Regards and thanks


Veli
Telerik team
 answered on 14 Feb 2012
4 answers
1.6K+ views
Hello all, 
  
          I am new to using telerik rad controls and i am really excited now to use them. Can anybody post a sample code on how to attach the tooltip to a label which is the first template column in my radgrid. Hovering over this competencyname should display its corresponding info. Can i get a sample code here.

code

<telerik:GridTemplateColumn>

<ItemTemplate>

<asp:Label ID="lblComp" Text='<% #Eval("CompetencyName") %>' runat="server"></asp:Label>

<!-- POP Up control for displaying competency info -->

<telerik:RadToolTipManager runat="server" ID="RadToolTip3" Height="240px" Width="500px"

TargetControlID="lblComp" IsClientID="true" OffsetY="4" Sticky="true" Animation="Fade"

Position="BottomCenter" RelativeTo="Element" Skin="Telerik" OnAjaxUpdate="OnAjaxUpdate">

</telerik:RadToolTipManager>

<!-- end of pop up control for displaying info -->

</ItemTemplate>

</telerik:GridTemplateColumn>

I have just tried displaying a tooltip with some text but nothing is being displayed.please help i did not understand the sample already provided by telerik.
I am developing dnn modules

Thanks,
Sandeep.M

    
Richard
Top achievements
Rank 1
 answered on 14 Feb 2012
3 answers
174 views
Hi,

I am using Telerik.Web.UI rev 2011.1.315.35. I have met a strange issue — opening the Document Manager and navigating to one specific folder causes Document Mamanger to display the following error message:

There was an error in the callback.
    <span class="rtSp"></span><span class="rtPlus"></span><div class="rtIn">
         <div class="rtTemplate">
             <span></span><span></span>
         </div>
     </div>
 </div></li><li class="rtLI"><div class="rtMid">
     <span class="rtSp"></span><span class="rtPlus"></span><div class="rtIn">
         <div class="rtTemplate">
             <span></span><span></span>
         </div>
     </div>
 </div></li><li class="rtLI"><div class="rtMid">
     <span class="rtSp"></span><span class="rtPlus"></span><div class="rtIn">
         <div class="rtTemplate">
             <span></span><span></span>
         </div>
     </div>
 </div></li><li class="rtLI"><div class="rtMid">
     <span class="rtSp"></span><span class="rtPlus"></span><div class="rtIn">
         <div class="rtTemplate">
             <span></span><span></span>
         </div>
     </div>
 </div></li><li class="rtLI"><div class="rtMid">
     <span class="rtSp"></span><span class="rtPlus"></span><div class="rtIn">
         <div class="rtTemplate">
             <span></span><span></span>
         </div>
     </div>
 </div></li><li class="rtLI"><div class="rtMid">
     <span class="rtSp"></span><span class="rtPlus"></span><div class="rtIn">
         <div class="rtTemplate">
             <span></span><span></span>
         </div>
     </div>
 </div></li><li class="rtLI"><div class="rtMid">
     <span class="rtSp"></span><span class="rtPlus"></span><div class="rtIn">
         <div class="rtTemplate">
             <span></span><span></span>
         </div>
     </div>
 </div></li><li class="rtLI"><div class="rtMid">
     <span class="rtSp"></span><span class="rtPlus"></span><div class="rtIn">
         <div class="rtTemplate">
             <span></span><span></span>
         </div>
     </div>
 </div></li><li class="rtLI"><div class="rtMid">
     <span class="rtSp"></span><span class="rtPlus"></span><div class="rtIn">
         <div class="rtTemplate">
             <span></span><span></span>
         </div>
     </div>
 </div></li><li class="rtLI"><div class="rtMid">
     <span class="rtSp"></span><span class="rtPlus"></span><div class="rtIn">
         <div class="rtTemplate">
             <span></span><span></span>
        </div>
...

This happens only with one item in the content tree. Clicking on it results in the mentioned error message displayed, and the subfolders of this folder are not expanded, though they are displayed in the middle pane. Could you please provide me with some assumptions on how to fix this?
Rumen
Telerik team
 answered on 14 Feb 2012
3 answers
224 views
Hi,

I'm hiding some of the column of detail table view in prerender event but the grid is not refreshing .

once I expand and collapse the grid it's refreshing.

 
var hideColumn = DBContext.TankMeasurementTypes.Where(p => p.TankMeasurementType_id == strpID);
 
            foreach (var x in hideColumn)
            {
                if (x.FK_MeasurementId == 2)
                {
                    grdTakStrap.MasterTableView.DetailTables[0].GetColumn("Tot_Volumne").Visible = false;
                    grdTakStrap.MasterTableView.DetailTables[0].GetColumn("Est").Visible = true;
                    grdTakStrap.MasterTableView.DetailTables[0].GetColumn("Feetperinch").Visible = true;
                    grdTakStrap.MasterTableView.DetailTables[0].GetColumn("Increment_Start").Visible = true;
                    grdTakStrap.MasterTableView.DetailTables[0].GetColumn("Increment_End").Visible = true;
                    grdTakStrap.MasterTableView.DetailTables[0].GetColumn("StrapLength").Visible = true;
                    grdTakStrap.MasterTableView.DetailTables[0].CommandItemSettings.AddNewRecordText = "Add Strap";
 
                }
                else
                {
                    grdTakStrap.MasterTableView.DetailTables[0].GetColumn("Tot_Volumne").Visible = true;
                    grdTakStrap.MasterTableView.DetailTables[0].GetColumn("Est").Visible = false;
                    grdTakStrap.MasterTableView.DetailTables[0].GetColumn("Feetperinch").Visible = false;
                    grdTakStrap.MasterTableView.DetailTables[0].GetColumn("Increment_Start").Visible = false;
                    grdTakStrap.MasterTableView.DetailTables[0].GetColumn("Increment_End").Visible = false;
                    grdTakStrap.MasterTableView.DetailTables[0].GetColumn("StrapLength").Visible = false;
                    grdTakStrap.MasterTableView.DetailTables[0].CommandItemSettings.AddNewRecordText = "Add BBL/Inch";
                }


please help me for this issue

Regards,
Yasar
Tsvetina
Telerik team
 answered on 14 Feb 2012
1 answer
149 views

We are trying to create lightweight page and we want combine css and javascript to reduce requests.

But we are not using any Ajax on the page. 

Aspx page mark-up: 
  <head runat="server">
    <title></title>
    <telerik:RadStyleSheetManager
      id="StyleSheetManager" 
      runat="server" >   
      <StyleSheets >
        <telerik:StyleSheetReference Path="~/Webforms/UI/Mobile/as.mobile.default.theme.min.css" />
        <telerik:StyleSheetReference Path="~/Webforms/UI/Mobile/jquery.mobile.structure-1.0.1.min.css" />
      </StyleSheets>
    </telerik:RadStyleSheetManager>
  </head>
  <body>
    <form id="form1" runat="server">
      <telerik:RadScriptManager       
        ID="ScriptManager"
        Runat="Server" 
        ClientIDMode="Static"
        EnableScriptCombine="true" 
        OutputCompression="AutoDetect" 
        ScriptMode="Release"
        AjaxFrameworkMode="Disabled"
        EnablePartialRendering="false" 
        CompositeScript-ScriptMode="Release"
        LoadScriptsBeforeUI="false" >
        <CompositeScript>       
          <Scripts>
            <asp:ScriptReference Name="WebForms.js" Assembly="System.Web" />
            <asp:ScriptReference Name="WebUIValidation.js" Assembly="System.Web" />
            <asp:ScriptReference Name="jQuery" />
          </Scripts>
        </CompositeScript>
      </telerik:RadScriptManager>
    </form>
  </body>
</html>


So we set AjaxFrameworkMode="Disabled" and added the additional scripts.  On load the page give the following error on "Sys.Application.add_load(loadHandler); line":  

Uncaught ReferenceError: Sys is not defined 
<script type="text/javascript">
//<![CDATA[
;(function() {
                        function loadHandler() {
                            var hf = $get('StyleSheetManager_TSSM');
                            if (!hf._RSSM_init) { hf._RSSM_init = true; hf.value = ''; }
                            hf.value += ';|634643790138684980:20a54711:5489a487';
                            Sys.Application.remove_load(loadHandler);
                        };
                        Sys.Application.add_load(loadHandler);
                    })();//]]>
</script>


how can we achieve this. 


Thank you

Farid
Simon
Telerik team
 answered on 14 Feb 2012
8 answers
342 views
I have to add a radscriptmanager in a base class and I want to combine the script however it doesn't appear to work. I am ensuring that this control is added as the first control of the form. I have the following...

RadScriptManager sm = new RadScriptManager();
                sm.ScriptMode = ScriptMode.Release;
                ScriptReference telerikCore = new ScriptReference("~/Scripts/Common/Core.js");
                ScriptReference jquery = new ScriptReference("~/Scripts/Common/jQuery.js");
                ScriptReference jQueryPlugins = new ScriptReference("~/Scripts/Common/jQueryPlugins.js");
                ScriptReference navigationScripts = new ScriptReference("~/Scripts/Common/Navigation/NavigationScripts.js");
                ScriptReference radMenuScripts = new ScriptReference("~/Scripts/Menu/RadMenuScripts.js");
                ScriptReference radCalendarCommonScript = new ScriptReference("~/Scripts/Calendar/RadCalendarCommonScript.js");
                ScriptReference radCalendarScript = new ScriptReference("~/Scripts/Calendar/RadCalendarScript.js");
                ScriptReference jqueryValidate = new ScriptReference("~/js/jquery.validate.js");
                ScriptReference slimStatAnalytics = new ScriptReference("~/slimstat/?js");
                sm.Scripts.Add(telerikCore);
                sm.Scripts.Add(jquery);
                sm.Scripts.Add(jQueryPlugins);
                sm.Scripts.Add(navigationScripts);
                sm.Scripts.Add(radMenuScripts);
                sm.Scripts.Add(radCalendarCommonScript);
                sm.Scripts.Add(radCalendarScript);
                sm.Scripts.Add(jqueryValidate);
                sm.Scripts.Add(slimStatAnalytics);

                sm.EnableScriptCombine = true;
                sm.EnablePageMethods = true;
                sm.OutputCompression = OutputCompression.AutoDetect;

                form.Controls.AddAt(0, sm);

I get a Telerik.Web.UI.WebResource.axd file containing 10,000 lines of code which looks like Ms Ajax related js - no reference to Telerik in there at all. My page still contains the scripts as separate links. Do I need to set enableembeddedscripts to false on all my rad controls? How about the RegisterWithScriptManager property on radmenu?

If I create another page and do this in mark up it works fine. What am I doing wrong? I don't suppose you have an example of this working?

Thanks
Matt
Simon
Telerik team
 answered on 14 Feb 2012
1 answer
50 views
Is it possible to show 45 days in the month view. I looked around and it looks like in the Silverlight version we can do it by settong the visibleDateRange property. Is it possible for ASP.Net AJAX version?
Thanks,
Mona
Peter
Telerik team
 answered on 14 Feb 2012
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?