Questions on UI for ASP.NET AJAX Forum

0 answers

79 views

refreshing radgrid and labels on radwindow close

Hi All,
I am using the below code to refresh a radgrid on radwindow close but this is the error i get. Can anyone help me solve this.
Error
The Controls collection cannot be modified because the control contains code blocks (i.e. <% ... %>)

Aspx
<telerik:RadAjaxManager ID="RadAjaxManager1" runat="server"
onajaxrequest="RadAjaxManager1_AjaxRequest">
<AjaxSettings>
<telerik:AjaxSetting AjaxControlID="RadGrid1">
<UpdatedControls>
<telerik:AjaxUpdatedControl ControlID="RadGrid1" />
</UpdatedControls>
</telerik:AjaxSetting>
<telerik:AjaxSetting AjaxControlID="RadAjaxManager1">
<UpdatedControls>
<telerik:AjaxUpdatedControl ControlID="RadGrid1" />
</UpdatedControls>
</telerik:AjaxSetting>
</AjaxSettings>
</telerik:RadAjaxManager>

<script type="text/javascript">
function closeRadWindow() {
$find("<%= RadAjaxManager1.ClientID %>").ajaxRequest();
}
</script>

Code
protected void RadAjaxManager1_AjaxRequest(object sender, AjaxRequestEventArgs e)
{
RadGrid1.MasterTableView.SortExpressions.Clear();
RadGrid1.MasterTableView.GroupByExpressions.Clear();
RadGrid1.Rebind();
}

}

Thanks in advance

Window

asked on 23 Nov 2014

2 answers

157 views

Create a FilterTemplate In Code-Behinde

Hello,

I am working on a project with RadGrid.

I am trying to create a FilterTemplate like this video:
http://youtu.be/jOY3NFzdoVY

This is FilterTemplate’s code, created in the designer:

<FilterTemplate>

<telerik:RadMenu ID="RadMenu1" runat="server" OnClientItemOpened="itemOpened">

<Items>

<telerik:RadMenuItem PostBack="false" Text="Date Filter">

<ContentTemplate>

<div id="DateFilterDivWrapper" class="Wrapper">

<table id="DateFilterTable">

<tr>

<td class="CustomFilter">

<asp:Label ID="lbl_From" runat="server" Text="From"></asp:Label>

</td>

<td class="CustomFilter">

<telerik:RadDateTimePicker ID="dt_picker_From" runat="server"></telerik:RadDateTimePicker>

</td>

</tr>

<tr>

<td class="CustomFilter">

<asp:Label ID="lbl_To" runat="server" Text="To"></asp:Label>

</td>

<td class="CustomFilter">

<telerik:RadDateTimePicker ID="dt_picker_To" runat="server"></telerik:RadDateTimePicker>

</td>

</tr>

<tr>

<td colspan="2" style="text-align: center;" class="CustomFilter">

<telerik:RadButton ID="btn_Filter_Date" runat="server" Text="Filter"></telerik:RadButton>

</td>

</tr>

</table>

</div>

</ContentTemplate>

</telerik:RadMenuItem>

</Items>

</telerik:RadMenu>

</FilterTemplate>

However, I want to code to be code-behind, like this:

01.Private Sub RadGrid1_ColumnCreated(sender As Object, e As Telerik.Web.UI.GridColumnCreatedEventArgs) Handles RadGrid1.ColumnCreated

02. If e.Column.ColumnType = "GridDateTimeColumn" Then

03. Dim xx As New MyCustomFilteringColumn

04. e.Column.FilterTemplate = xx

05. End If

06. End Sub

07.

08.Public Class MyCustomFilteringColumn

09. Implements ITemplate

10.

11. Public Sub InstantiateIn(container As Control) Implements ITemplate.InstantiateIn

12. Dim RadMenuItem_DivDate As New RadMenuItem

13. Dim insidMenuControl As New Control

14.

15.

16. Dim lbl_From, lbl_To As New Label()

17. Dim dt_picker_From, dt_picker_To As New RadDateTimePicker

18. Dim btn As New RadButton()

19. lbl_From.ID = "lbl_From"

20. lbl_To.ID = "lbl_To"

21. lbl_From.Text = "From" 'can take from resource (all the .text)

22. lbl_To.Text = "To"

23. dt_picker_From.ID = "dt_picker_From"

24. dt_picker_To.ID = "dt_picker_To"

25. btn.ID = "btn_Filter"

26. btn.Text = "Filter"

27.

28.

29.

30.

31.

32. insidMenuControl.Controls.Add(New Literal With {.Text = "<div id=""DateFilterDivWrapper"">"})

33. insidMenuControl.Controls.Add(New Literal With {.Text = "<table id=""DateFilterTable""> <tr> <td>"})

34. insidMenuControl.Controls.Add(lbl_From)

35. insidMenuControl.Controls.Add(New Literal With {.Text = "</td> <td>"})

36. insidMenuControl.Controls.Add(dt_picker_From)

37. insidMenuControl.Controls.Add(New Literal With {.Text = "</td> </tr> <tr> <td>"})

38. insidMenuControl.Controls.Add(lbl_To)

39. insidMenuControl.Controls.Add(New Literal With {.Text = " </td> <td>"})

40. insidMenuControl.Controls.Add(dt_picker_To)

41. insidMenuControl.Controls.Add(New Literal With {.Text = "</td> </tr> <tr> <td colspan=""2"" style=""text-align:center;"">"})

42. insidMenuControl.Controls.Add(btn)

43. insidMenuControl.Controls.Add(New Literal With {.Text = " </td> </tr> </table>"})

44. insidMenuControl.Controls.Add(New Literal With {.Text = "</div>"})

45.

46. RadMenuItem_DivDate.PostBack = False

47. RadMenuItem_DivDate.Text = "Date Filter"

48.

49. RadMenuItem_DivDate.ContentTemplate.InstantiateIn(insidMenuControl)

50.

51. Dim RadMenu_DateFilter As New RadMenu

52. RadMenu_DateFilter.ID = "RadMenu_DateFilter"

53. RadMenu_DateFilter.OnClientItemOpened = "itemOpened"

54. RadMenu_DateFilter.Items.Add(RadMenuItem_DivDate)

55.

56. container.Controls.Add(RadMenu_DateFilter)

57.

58. End Sub

59.End Class

However, when I try to transfer the above code to code-behind I receive the following exception (It occurs on line 49):

Object reference not set to an instance of an object.

Description: An unhandled exception occurred during the execution of the current web request. Please review the stack trace for more information about the error and where it originated in the code.

Exception Details: System.NullReferenceException: Object reference not set to an instance of an object.

I would be happy to get a code-behind solution.

Thank you,
Daniel.

Grid

answered on 23 Nov 2014

4 answers

74 views

Launching model radwindow from menuitem not working

Hello, very new to Telerik products and am having a difficult time getting the model window to appear from the menuitem, I am hitting my javascript code ok and now errors are incurred, in fact it appears very briefly. As you can see from the code below, I also implement via a button which launches fine, but now what I need. Please help. thanks

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="RavnHost.aspx.cs" Inherits="RAVN_FMEC2.RavnHost" %>
<%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title>RAVN_FMEC2</title>

<%-- <script language="javascript" type="text/javascript" src="Scripts/jquery-1.7.1.min.js"></script>
<script language="javascript" type="text/javascript" src="Scripts/jquery-ui-1.8.20.js"></script>
<script language="javascript" type="text/javascript" src="Scripts/jquery-ui-8.20.min.js"></script>
<script language="javascript" type="text/javascript" src="Scripts/jquery-1.7.1.js"></script>--%>

<script>

function MenuItemClicked(sender, args) {
// var item = args.get_item();

var item1 = args._item._text

if (item1 == "Load") {
var oWindow = $find("RadWindow1");
oWindow.setUrl("LoadRavn.aspx");
oWindow.show();

//openModalWindow();

//var WinSettings = "center:yes;resizable:no;dialogHeight:550px;dialogWidth:500px;";
//var MyArgs = window.showModalDialog("LoadRavn.aspx", MyArgs, WinSettings);

//if (MyArgs == null) {
// window.alert("Nothing returned from Load Dialog. No changes will be made");
//}
//else {
// $("#tbRDCName").val(MyArgs[0].toString());
//}
}
else if (item1 == "Save") {
// var MyArgs = new Array($("#hdnRdcId").val());
// var WinSettings = "center:yes;resizable:no;dialogHeight:600px;dialogWidth:500px;";
// MyArgs = window.showModalDialog("SaveDialog.aspx", MyArgs, WinSettings);

// if (MyArgs == null) {
// window.alert("Nothing returned from Save Dialog. No changes will be made");
// }
// else {
// $("#tbRDCName").val(MyArgs[0].toString());
// }
}
else {
alert("Item with text '" + text + "' not found.");
}
}

function openModalWindow() {
$("#dialog").dialog({
modal: true,
height: 570,
width: 725,
open: true
});
}

function clientShow(sender, eventArgs) {
var txtInput = document.getElementById("txtInput");
sender.argument = txtInput.value;
}
function clientClose(sender, args) {
if (args.get_argument() != null) {
alert("'" + sender.get_name() + "'" + " was closed and returned the following argument: '" + args.get_argument() + "'");
}
}

</script>

</head>

<body>
<form id="form1" runat="server">

<telerik:RadScriptManager ID="ScriptManager1" runat="server" EnableTheming="True">
<Scripts>
<asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.Core.js">
</asp:ScriptReference>
<asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQuery.js">
</asp:ScriptReference>
<asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQueryInclude.js">
</asp:ScriptReference>
</Scripts>
</telerik:RadScriptManager>

<asp:Table runat="server" Width="100%">
<asp:TableRow runat="server" Width="100%">
<asp:TableCell runat="server" Width="50%"></asp:TableCell>
<asp:TableCell runat="server" Width="50%" HorizontalAlign="Right">
<asp:Image runat="server" ID="imgNascar" ImageUrl="~/Images/NascarSmall.png" />
</asp:TableCell>
</asp:TableRow>
<asp:TableRow runat="server">
<asp:TableCell runat="server" Width="50%" HorizontalAlign="Left" VerticalAlign="Bottom" >
<telerik:RadMenu ID="RadMenu1" OnClientItemClicked="MenuItemClicked" OnItemClick="RadMenu1_ItemClick" runat="server">
<Items>
<telerik:RadMenuItem runat="server" Text="File" >
<Items>
<telerik:RadMenuItem runat="server" Text="Load" >
</telerik:RadMenuItem>
<telerik:RadMenuItem runat="server" Text="Save">
</telerik:RadMenuItem>
</Items>
</telerik:RadMenuItem>
<telerik:RadMenuItem runat="server" SkinID="Windows7" Text="Print">
</telerik:RadMenuItem>
</Items>
</telerik:RadMenu>&nbsp 
<telerik:RadTextBox runat="server" ID="tbRDCName" Width="300px" ></telerik:RadTextBox>
</asp:TableCell>
<asp:TableCell ID="TableCell1" runat="server" Width="50%" HorizontalAlign="Right" >
<asp:Label runat="server" ID="lbUserName" ></asp:Label>
</asp:TableCell>
</asp:TableRow>
</asp:Table>
<asp:HiddenField runat="server" ID="hdnRdcId" Value="20" />

<iframe runat="server" id="frameRavn" src="http://30.177.9.11:9050/" width="100%" height="600px" ></iframe>

<telerik:RadWindow ID="RadWindow1" runat="server" Modal="True" NavigateUrl="LoadRavn.aspx"
OnClientClose="clientClose" OnClientShow="clientShow" ReloadOnShow="true"
Height="580px" Width="750px" AutoSizeBehaviors="Width" VisibleStatusbar="False">
</telerik:RadWindow>

<%-- <telerik:RadWindow ID="RadWindow1" runat="server" Modal="True" NavigateUrl="LoadRavn.aspx"
OpenerElementID="showDialog" OnClientClose="clientClose" OnClientShow="clientShow" ReloadOnShow="true" Height="580px" Width="750px" AutoSizeBehaviors="Width" VisibleStatusbar="False">
</telerik:RadWindow> --%>

Type initial value here:
<br />
<asp:TextBox ID="txtInput" runat="server" /><br />
<asp:Button ID="showDialog" Text="Show Dialog" runat="server" />

</form>
</body>
</html>

Window

answered on 23 Nov 2014

6 answers

334 views

Use of AsyncUpload inside RadGrid

Dear All,
Can someone please help me with AsyncUpload control inside RadGrid since I am really new with Telerik controls.

I have a DB table with column names as:

RecordID Name AttachmentPath
1 Name1 ~/Attachments/File123_1.pdf
2 Name2 ~/Attachments/File125_2.pdf

Below are what I did:

Inserted RadGrid with its default functionality of Inserting, Editing, and Deleting. (Works Perfect)
Inserted AsyncUpload control inside RadGrid for uploading files. (Works Perfect)

<telerik:GridTemplateColumn>

<EditItemTemplate>

<telerik:RadAsyncUpload ID="RadAsyncUpload1" runat="server" TargetFolder=

"~/Attachments"

OnFileUploaded="RadAsyncUpload1_FileUploaded1">

</telerik:RadAsyncUpload>

</EditItemTemplate>

</telerik:GridTemplateColumn>

3. Fired the OnFileUploaded event to upload control in a path. (Works Perfect)

protected void RadAsyncUpload1_FileUploaded1(object sender, FileUploadedEventArgs e)

{

string rootPath = "~/Attachments/";

string path = Server.MapPath(createSubFolder(rootPath));

e.File.SaveAs(path + e.File.GetName());

}

Below are what I want:

While adding new record & uploading file with it, the file should be renamed with the table Record ID of RadGrid as OrignalFileName + "_" + RecordID
The FileName from point#1 should be stored in AttachmentPath (DB Column name).
While editing a selected record from RadGrid, I should be also able to edit associated file such as delete the file, etc.

Point to be noted, I want only one file to be associated/attached per record.

Thanks In Advance,

Fawad Surosh

AsyncUpload

answered on 22 Nov 2014

1 answer

462 views

How to set the RadComboBox with appropriate Checkboxes

Hi,

I have used RadComboBox inside my DetailsView. I send the value of combobox as comma separated to the database as (1,2,3,4). When I want to retrieve the data (1,2,3,4) from the database using SqlDataSource on edit mode of DetailsView, how can I set or bind the "Checked" values and display them as checked back in the combobox.

Here is what i have done:

--> WebForm1.Aspx

<%----------------------- DATA SOURCE FOR DELIVERABLE -------------------------%>

<asp:SqlDataSource ID="SqlDataSource2" runat="server" ConnectionString="<%$ ConnectionStrings:ITSConnectionString %>"
            DeleteCommand="DELETE FROM [Deliverable] WHERE [DeliverableId] = @DeliverableId"
            InsertCommand="INSERT INTO [Deliverable] ([DeliverableTitle],[CCIds]) VALUES (@DeliverableTitle, @CCIds)"
            SelectCommand="SELECT * FROM [Deliverable] WHERE ([DeliverableId] = @DeliverableId)"
            UpdateCommand="UPDATE [Deliverable] SET [DeliverableTitle] = @DeliverableTitle, [CCIds] = @CCIds WHERE [DeliverableId] = @DeliverableId">
            <DeleteParameters>
                <asp:Parameter Name="DeliverableId" Type="Int32" />
            </DeleteParameters>
            <InsertParameters>
                <asp:Parameter Name="DeliverableId" Type="int32" />
                <asp:Parameter Name="DeliverableTitle" Type="String" />
                <asp:Parameter Name="CCIds" Type="String" />
            </InsertParameters>
            <UpdateParameters>
                <asp:Parameter Name="DeliverableId" Type="int32" />
                <asp:Parameter Name="DeliverableTitle" Type="String" />
                <asp:Parameter Name="CCIds" Type="String" />
            </UpdateParameters>
   <SelectParameters>
      <asp:QueryStringParameter Name="DeliverableId" QueryStringField="DeliverableId" Type="Int32" />
   </SelectParameters>
</asp:SqlDataSource>

<%----------------------- DATA SOURCE FOR COMBOBOX -------------------------%>

<asp:SqlDataSource ID="SqlDataSource1" runat="server" ConnectionString="<%$ ConnectionStrings:ITSConnectionString %>" SelectCommand="SELECT [UserId], [DisplayName] FROM [Users]"></asp:SqlDataSource>

<%----------------------- THE DETAILS VIEW -------------------------%>

<asp:DetailsView ID="DetailsView1" runat="server" DefaultMode="Insert" AutoGenerateRows="False" DataKeyNames="DeliverableId" DataSourceID="SqlDataSource2" Height="50px" Width="125px" OnItemInserting="DetailsView1_ItemInserting" OnDataBinding="DetailsView1_DataBinding" OnDataBound="DetailsView1_DataBound">
            <Fields>
                <asp:BoundField DataField="DeliverableId" HeaderText="DeliverableId" InsertVisible="False" ReadOnly="True" SortExpression="DeliverableId" />
                <asp:BoundField DataField="DeliverableId" HeaderText="DeliverableId" SortExpression="DeliverableId" />
                <asp:BoundField DataField="DeliverableTitle" HeaderText="DeliverableTitle" SortExpression="DeliverableTitle"/>
                <asp:TemplateField>
                    <ItemTemplate>
                     <telerik:RadComboBox ID="CCIds" Text='<% #Bind("CCIds") %>' runat="server"
                         DataSourceID="SqlDataSource1" DataTextField="DisplayName" DataValueField="UserId"
                         CheckBoxes="true"></telerik:RadComboBox>
                    </ItemTemplate>
                </asp:TemplateField>
                <asp:CommandField ShowEditButton="True" />
                <asp:ButtonField Text="Insert" CommandName="Insert" />
                <asp:ButtonField Text="Update" CommandName="Update" />
            </Fields>
        </asp:DetailsView>

--> WebForm1.Aspx.CS

public string GetCheckBoxValues(string RadComboBoxName)
        {
            RadComboBox rcb = (RadComboBox)DetailsView1.FindControl(RadComboBoxName);
            var collection = rcb.CheckedItems;
            StringBuilder sbValues = new StringBuilder();
            if (collection.Count != 0)
            {
                foreach (var item in collection)
                {
                    sbValues.Append(item.Value);
                    sbValues.Append(Delimiter);
                }
                if (sbValues.ToString().EndsWith(Delimiter))
                    sbValues.Remove(sbValues.Length - 1, 1);
            }
            return sbValues.ToString();
        }

        // Get the comma separate values and insert them into the DB.
        protected void DetailsView1_ItemInserting(object sender, DetailsViewInsertEventArgs e)
        {
            string CCIds = GetCheckBoxValues("CCIds");
            if (CCIds != null)
            {
                e.Values["CCIds"] = CCIds;
            }
         }

Now how can I get the comma separated values and bound them with the combobox so that it should check only those items.

ComboBox

answered on 22 Nov 2014

1 answer

102 views

get radgrid changes on postback

is it possible to get radgrid changes on postback? pretty much is there a radgrid equivalent of textbox.text?

Grid

answered on 21 Nov 2014

3 answers

615 views

Select all grid items from radgrid in all pages

Hi,

May i know the code to select out all items in radgrid in all the pages? As sometimes when i do filtering, i need all the items from whole grid (grid with paging) to display in other places.

I cannot use code as below, as it just select out just one page from the grid only.

For Each griditem As Telerik.WebControls.GridItem In radgrid.Items
Next

Please advice.

Thanks,
Soo

Grid

answered on 21 Nov 2014

1 answer

132 views

Virtual Scrolling Not working as expected

Hi,

I am using Telerik Asp.Net for Ajax version 2014.3.1024.40.

I have enabled virtual scrolling the drop down list as below. I am able to see only the Afghanistan, all the others are shown as blank value. However i disable the virtual scrolling, i am able to see all the entries. Please let me know whats the issue and how to fix it ?

<telerik:RadDropDownList ID="rdlCountry" DefaultMessage="---" EnableVirtualScrolling="true" runat="server" >
                                                            <Items>
                                                                <telerik:DropDownListItem Text="Afghanistan" />
                                                                <telerik:DropDownListItem Text="Albania" />
                                                                <telerik:DropDownListItem Text="Algeria" />
                                                                <telerik:DropDownListItem Text="Andorra" />
                                                                <telerik:DropDownListItem Text="Angola" />
                                                                <telerik:DropDownListItem Text="Antigua & Deps" />
                                                                <telerik:DropDownListItem Text="Argentina" />
                                                            </Items>
                                                        </telerik:RadDropDownList>

DropDownList

answered on 21 Nov 2014

3 answers

490 views

Gets a "Expression Expected" error on filtering van RadGrid in codebehind

In this simple example (found here in the forum) for setting the filtering in code behind I get a "Expression Expected" error.

I have already set the EnableLinqExpression="false" in the grid.

public enum MyEnum

{

Value1,

Value2,

Value3,

Value4,

Value5

}

public partial class Default : System.Web.UI.Page

{

protected void Page_Load(object sender, EventArgs e)

{

}

protected void RadButton1_Click(object sender, EventArgs e)

{

if (RadGrid1.MasterTableView.FilterExpression == "")

{

RadGrid1.MasterTableView.FilterExpression = "([Value] = '" + MyEnum.Value1 + "')";

}

else

{

RadGrid1.MasterTableView.FilterExpression = "";

}

RadGrid1.Rebind();

}

protected void RadGrid1_NeedDataSource(object sender, GridNeedDataSourceEventArgs e)

{

DataTable table = new DataTable();

table.Columns.Add("Key");

table.Columns.Add("Value");

for (int i = 1; i < 6; i++)

{

table.Rows.Add("Key" + i.ToString(), "Value" + i.ToString());

}

RadGrid1.DataSource = table;

}

<html xmlns="http://www.w3.org/1999/xhtml">

<head runat="server">

<title></title>

<telerik:RadStyleSheetManager id="RadStyleSheetManager1" runat="server" />

</head>

<body>

<form id="form1" runat="server">

<telerik:RadScriptManager ID="RadScriptManager1" runat="server">

<Scripts>

<asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.Core.js" />

<asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQuery.js" />

<asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQueryInclude.js" />

</Scripts>

</telerik:RadScriptManager>

<script type="text/javascript">

//Put your JavaScript code here.

</script>

<telerik:RadAjaxManager ID="RadAjaxManager1" runat="server">

</telerik:RadAjaxManager>

<div>

<h2>Test Grid filtering</h2>

<telerik:RadButton ID="RadButton1" runat="server" onclick="RadButton1_Click"

Text="RadButton">

</telerik:RadButton>

</div>

<telerik:RadGrid ID="RadGrid1" runat="server" EnableLinqExpression="false" AllowFilteringByColumn="true"

onneeddatasource="RadGrid1_NeedDataSource" Width="500px">

</telerik:RadGrid>

</form>

</body>

</html>

What are I doeing vrong?

Anders Pedersen

Grid

answered on 21 Nov 2014

1 answer

148 views

Slider with 3 coloured ranges

Hi,
I need to customize telerik slider to obtain something like the attached image.

Any help will be appreciated.
Thank you.

Slider

answered on 21 Nov 2014