Telerik Forums
UI for ASP.NET AJAX Forum
4 answers
241 views
a few peers finally convinced me to dump cuteeditor and buy telerik radeditor, to be honest it's caused me nothing but problems since it's inclusion into our app.

now, every time I load any page it is on with chrome I get the "aw snap" error something went wrong.

app is an asp.net 4.5 app with an ajax update panel on the page.

please advise

-Pat
Patrick
Top achievements
Rank 1
 answered on 18 Sep 2014
2 answers
74 views
I have many sql tables that are all structured in the same identical way (headers and type).
I would like to use one radgrid to work on all these tables (insert, update, delete) selecting the table from a drop down list.
The code here below works only partially, I can select a different table from the drop down list and it is immediately loaded but I cannot perform insert delete update and also sorting and filtering are not working.
What should I do to get all the above working? Is there a demo for such situation?
Moreover, I have added manually the "Edit" and "Delete" columns because I like to have the image buttons for these operations but in this context they both appear on the left side of the grid. I understand the reasons but I would like to get them on the sides (left and right) of the columns.


<div>
          <asp:DropDownList ID="DropDownList1" runat="server" AutoPostBack="True" OnSelectedIndexChanged="DropDownList1_SelectedIndexChanged1">
 
              <asp:ListItem Value="Table_321">Table_321</asp:ListItem>
              <asp:ListItem Value="Table_621">Table_621</asp:ListItem>
          </asp:DropDownList>
          <br />
          <br />
          <br />
          <telerik:RadGrid ID="RadGrid1" runat="server" Culture="it-IT" OnNeedDataSource="RadGrid1_NeedDataSource" AllowPaging="True" AllowSorting="True" AllowAutomaticDeletes="True" AllowAutomaticInserts="True" AllowAutomaticUpdates="True">
              <ExportSettings ExportOnlyData="True">
                  <Pdf PageWidth="">
                  </Pdf>
              </ExportSettings>
              <ClientSettings>
                  <Scrolling AllowScroll="True" UseStaticHeaders="True" />
              </ClientSettings>
              <MasterTableView CommandItemDisplay="Top">
                  <CommandItemSettings ShowExportToExcelButton="True" />
                  <Columns>
                      <telerik:GridEditCommandColumn ButtonType="ImageButton">
                          <HeaderStyle Width="30px" />
                      </telerik:GridEditCommandColumn>
                      <telerik:GridButtonColumn ButtonType="ImageButton" Text="Delete" CommandName="Delete" FilterControlAltText="Filter column1 column" ConfirmDialogType="RadWindow" ConfirmText="Do you really want to delete this project and all its content?" UniqueName="Cancel">
                          <HeaderStyle Width="30px" />
                      </telerik:GridButtonColumn>
                  </Columns>
 
                  <EditFormSettings>
                      <EditColumn UniqueName="EditCommandColumn1" FilterControlAltText="Filter EditCommandColumn1 column"></EditColumn>
                  </EditFormSettings>
                  <PagerStyle AlwaysVisible="True" />
              </MasterTableView>
              <PagerStyle AlwaysVisible="True" />
          </telerik:RadGrid>
          <br />
          <br />
 
      </div>
 
      <asp:SqlDataSource ID="SqlDataSource1" runat="server" ConnectionString="<%$ ConnectionStrings:BOMConnectionString %>">
          <DeleteParameters>
              <asp:Parameter Name="Id" Type="Int32" />
          </DeleteParameters>
          <InsertParameters>
              <asp:Parameter Name="Code" Type="Double" />
              <asp:Parameter Name="Description" Type="String" />
              <asp:Parameter Name="Bkgroup" Type="Double" />
              <asp:Parameter Name="Stgroup" Type="Double" />
              <asp:Parameter Name="Quantity" Type="Double" />
              <asp:Parameter Name="BomNote" Type="String" />
              <asp:Parameter Name="UnitEng" Type="String" />
              <asp:Parameter Name="AlternCost" Type="Double" />
          </InsertParameters>
          <UpdateParameters>
              <asp:Parameter Name="Code" Type="Double" />
              <asp:Parameter Name="Description" Type="String" />
              <asp:Parameter Name="Bkgroup" Type="Double" />
              <asp:Parameter Name="Stgroup" Type="Double" />
              <asp:Parameter Name="Quantity" Type="Double" />
              <asp:Parameter Name="BomNote" Type="String" />
              <asp:Parameter Name="UnitEng" Type="String" />
              <asp:Parameter Name="AlternCost" Type="Double" />
              <asp:Parameter Name="Id" Type="Int32" />
          </UpdateParameters>
      </asp:SqlDataSource>
  
and this is the code behind:
protected void DropDownList1_SelectedIndexChanged1(object sender, EventArgs e)
    {
        if (DropDownList1.SelectedIndex > -1)
        {
            RadGrid1.DataSource=null;
            RadGrid1.Rebind();
        }
    }
 
    protected void RadGrid1_NeedDataSource(object sender, GridNeedDataSourceEventArgs e)
    {
        string tableInUse = DropDownList1.SelectedItem.Text;
        RadGrid1.DataSource = SqlDataSource1;
        SqlDataSource1.DeleteCommand = "DELETE FROM [" + tableInUse + "] WHERE [Id] = @Id";
        SqlDataSource1.InsertCommand = "INSERT INTO [" + tableInUse + "] ([Code], [Description], [Bkgroup], [Stgroup], [Quantity], [BomNote], [UnitEng], [AlternCost]) VALUES (@Code, @Description, @Bkgroup, @Stgroup, @Quantity, @BomNote, @UnitEng, @AlternCost)";
        SqlDataSource1.SelectCommand = "SELECT * FROM [" + tableInUse + "] ORDER BY [Code]";
        SqlDataSource1.UpdateCommand = "UPDATE [" + tableInUse + "] SET [Code] = @Code, [Description] = @Description, [Bkgroup] = @Bkgroup, [Stgroup] = @Stgroup, [Quantity] = @Quantity, [BomNote] = @BomNote, [UnitEng] = @UnitEng, [AlternCost] = @AlternCost WHERE [Id] = @Id";
    }

Thank you for supporting,
Felice
Felice
Top achievements
Rank 1
 answered on 18 Sep 2014
4 answers
91 views
Hi,

I am looking at the demo TabStrip - Dynamic PageView Creation via AJAX and I'm trying to implement something similar.
The problem with the demo is that the RadGrid on the second tab is not sending postbacks (cannot enter edit mode, cannot change pages, etc). And this also happens in my implementation. I tried to add an AjaxManagerProxy in the user control but with no luck.
As I said this bug seems to reproduce in the online demo, with Google Chrome and IE 10.
Do you have any idea why this happens and how can I fix it?

Thank you.
Nencho
Telerik team
 answered on 18 Sep 2014
0 answers
61 views
Hi, i need to bind a grid like attached image, any idea??
Velkumar
Top achievements
Rank 1
 asked on 18 Sep 2014
1 answer
115 views
Hello!

I have an issue with the grid layout when there are frozen columns and the grid width allows to show all columns without horizontal scrollbar.

The test page is very simple:

<div style="width: 50%;height: 200px">
    <telerik:RadGrid ID="RadGrid1" runat="server" Width="100%" Height="100%" AutoGenerateColumns="False" OnNeedDataSource="OnGridNeedDataSource">
        <MasterTableView Width="100%" CommandItemDisplay="None">
            <Columns>
                <telerik:GridBoundColumn HeaderText="Column 1" UniqueName="Column1" DataField="Column1" HeaderStyle-Width="100" />
                <telerik:GridBoundColumn HeaderText="Column 2" UniqueName="Column2" DataField="Column2" HeaderStyle-Width="100" />
                <telerik:GridBoundColumn HeaderText="Column 3" UniqueName="Column3" DataField="Column3" HeaderStyle-Width="100" />
                <telerik:GridBoundColumn HeaderText="Column 4" UniqueName="Column4" DataField="Column4" HeaderStyle-Width="100" />
                <telerik:GridBoundColumn HeaderText="Column 5" UniqueName="Column5" DataField="Column5" HeaderStyle-Width="100" />
            </Columns>
        </MasterTableView>
        <ClientSettings>
            <Scrolling AllowScroll="True" UseStaticHeaders="True" FrozenColumnsCount="2" />
        </ClientSettings>
        </telerik:RadGrid>
</div>

When the browser width is small and the horizontal scrollbar is shown, everything looks fine. But when I enlarge the browser window, the scrollbar disappears, but some space at the bottom still seems to be "reserved" for it.

Well, in the OnGridCreated event handler I could set the size of the scroll area

<script>
    function ResizeGrid(gridID)
    {
        var scrollArea = $get(gridID + "_GridData");
        scrollArea.style.height = (157 + 17) + "px";
    }
 
    function OnGridCreated(sender, ev)
    {
        ResizeGrid(sender.ClientID);
    }
</script>

but this does not work for me because (1) how should I get know whether the horizontal scrollbar is shown, and (2) more important, I need the grid be resized dynamically.

The following code does not work:

<telerik:RadScriptBlock runat="server">
    <script>
        window.onresize = function () { setTimeout(function() { ResizeGrid("<%=RadGrid1.ClientID%>"); }, 200) }
 
        function ResizeGrid(gridID)
        {
            var scrollArea = $get(gridID + "_GridData");
            scrollArea.style.height = (157 + 17) + "px";
            $find(gridID).repaint();
        }
    </script>
</telerik:RadScriptBlock>

This issue occurs only when FrozenColumnsCount is set to non-zero. The UseStaticHeaders parameter does not matter.

So, could you please guide me how to get rid of this layout issue for the grid with frozen columns?

Thank you!
Maria Ilieva
Telerik team
 answered on 18 Sep 2014
7 answers
150 views
Hello Support Team,

I am using rad async upload control in my project.

I have kept filtration for the images. If i am trying to browse file that filter is not working at first time.

Attached snap and zip file for the code.


 <script type="text/javascript">
        function validationFailed(radAsyncUpload, args) {
            var erorMessage = getErrorMessage(radAsyncUpload, args);
            if (erorMessage == false) {
                alert("The file must have the extension gif,jpeg,jpg,png");
                return false;
            }
            return true;
        }

        function uploadFile(radUpload, arguments) {
            $('#<%=btnUploadImage.ClientID %>').click();
        }
    </script>
    <div>
        <div id="divUploadControl" style="float: left; width: 100%;">
            <telerik:RadAsyncUpload runat="server" ID="radUploadImage" EnableFileInputSkinning="true"
                MultipleFileSelection="Disabled" MaxFileInputsCount="1" OnClientFileUploaded="uploadFile"
                PostbackTriggers="btnUploadImage" Width="250" Localization-Select="Browse" OnClientValidationFailed="validationFailed"
                EnableInlineProgress="false" TabIndex="3" AllowedFileExtensions="gif,jpeg,jpg,png">
                <FileFilters>
                    <telerik:FileFilter Description="Allowed files are gif,jpeg,jpg,png" Extensions="gif,jpeg,jpg,png" />
                </FileFilters>
            </telerik:RadAsyncUpload>
            <telerik:RadProgressManager ID="RadProgressManager1" runat="server" />
            <telerik:RadProgressArea ID="RadProgressArea1" Width="240px" runat="server" BackColor="Black"
                Skin="WebBlue" ToolTip="Uploading">
            </telerik:RadProgressArea>
        </div>
        <input type="button" id="btnUploadImage" runat="server" style="width: 0px; font-size: 0px;
            height: 0px;" value="" onserverclick="btnUploadImage_Click" />
    </div>




Peter Filipov
Telerik team
 answered on 18 Sep 2014
1 answer
89 views
Hi Guys,

Scenario:
1. Select the “HTML” mode;
2. Add the following iframe:
<iframe src="http://www.sitecore.net/" width="500px" height="500px" myattr1=”1” myattr2=””></iframe>
3. Switch to the “Design” mode;
4. Switch to the “HTML” one.
Actual result:
<iframe src="http://www.sitecore.net/" width="500px" height="500px" myattr1=”1”></iframe>
Expected result:
<iframe src="http://www.sitecore.net/" width="500px" height="500px" myattr1=”1” myattr2=””></iframe>
Please take a look at the video at http://screencast.com/t/jnqcsNmIcx0

Best regards,
Andrey
Marin Bratanov
Telerik team
 answered on 18 Sep 2014
1 answer
37 views
Sometimes I answered my own question (and wants to remove the clutter) or wants to update the original email but I do not see such features available.
Georgi Tunev
Telerik team
 answered on 18 Sep 2014
1 answer
89 views
Hi Team,

Our requirement is to show more than 30 columns in the grid .Refer the attachment for the html.

We have placed a button below to grid to export only 20 columns from the grid into excel and pdf. So we have tried this functionality by setting Exportable="false"  in the rest of the 10 columns which we don't want to be the part of export.

Those 20 columns which are needs to be part of export is combination of GridTemplate column,GridBound Column and GridNumeric column. Please refer the attachment.

The problem which we are facing is even though we put Exportable="false" to the 10 columns which are not to be part of export to excel are getting exported .For example in the attachment right now we are trying to block the below columns from export but it not working.

Columns that needs to be blocked from export:-
1) AuditTrail
2) AuditTrailId
3) SystemMessage
4) ErrorIdMessage
5) ErrorDivid
Kostadin
Telerik team
 answered on 18 Sep 2014
1 answer
129 views
        <telerik:GridTemplateColumn DataField="FIRSTANDLASTNAME"
                                    HeaderText="[FIRSTANDLASTNAME]" SortExpression="FIRSTANDLASTNAME" UniqueName="FIRSTANDLASTNAME"
                                    GroupByExpression="FIRSTANDLASTNAME GROUP BY FIRSTANDLASTNAME">
                                    <ItemTemplate>
                                        <asp:LinkButton ID="lnkFIRSTANDLASTNAME" runat="server" Text='<%# AntiXSSEncoder.HtmlEncode(this.GetDataFromContainer(Container.DataItem, "FIRSTANDLASTNAME")) %>'
                                            OnCommand="ContactSelected_Command" />
                                    </ItemTemplate>
                                </telerik:GridTemplateColumn>


The value I assign to "[FIRSTANDLASTNAME]" is a dynamic value from database based on language. I wanted it to be encoded so it will not be open to xss attacks.

///  Below fix works but I 10s of columns in differen pages. Is there a way to encode the value without encoding one by one via UniqueName ?
        protected void MPViewGridContact_ItemCreated(object sender, GridItemEventArgs e)
        {
            if (e.Item is GridHeaderItem)
            {
                GridHeaderItem headerItem = e.Item as GridHeaderItem;                var button = headerItem["FIRSTANDLASTNAME"].Controls[0] as LinkButton;
                button.Text = AntiXSSEncoder.HtmlEncode(button.Text);            }        }
Angel Petrov
Telerik team
 answered on 18 Sep 2014
Narrow your results
Selected tags
Tags
+? more
Top users last month
Jay
Top achievements
Rank 3
Iron
Iron
Iron
Benjamin
Top achievements
Rank 3
Bronze
Iron
Veteran
Radek
Top achievements
Rank 2
Iron
Iron
Iron
Bohdan
Top achievements
Rank 2
Iron
Iron
Richard
Top achievements
Rank 4
Bronze
Bronze
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Jay
Top achievements
Rank 3
Iron
Iron
Iron
Benjamin
Top achievements
Rank 3
Bronze
Iron
Veteran
Radek
Top achievements
Rank 2
Iron
Iron
Iron
Bohdan
Top achievements
Rank 2
Iron
Iron
Richard
Top achievements
Rank 4
Bronze
Bronze
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?