Questions on UI for ASP.NET AJAX Forum

1 answer

172 views

Dynamic RadFilter

Hello,
I am initializing the RadFIlter component from Server side. After initializing, I am loading the collection list into the component. In the front end, whenever I am clicking on the item of the list, it works fine. There is a refresh interval timeout (5 seconds). After every 5 seconds, I am loading the values from the database on the front end grid.
So whenever I click on any Radfilter items after 5 seconds refresh interval, the error window appears which says "index was out of range. must be nonnegative and less than the size of the collection List". Within the 5 seconds interval, it works fine. It seems the values which I am loading on the server side are getting lost.
I am performing the following steps;



1. On the page initialization, I am creating the Rad FIlter Component.
 this.ComplexFilter = new RadFilter()
                    {
                        ID = "ComplexFilter",
                           AllowFilterOnBlur = true,
                          ShowApplyButton = false,
                          Skin = "Vista",
                          EnableViewState = false
                                           
                    };
this.ComplexFilter.ItemCommand += this.ComplexFilter_OnItemCommand;
this.ComplexFilterPanel.ContentTemplateContainer.Controls.Add(this.ComplexFilter);
fieldEditor.FieldName = column.JsName; // column is the list of items. This I am doing for every column list item.
fieldEditor.DisplayName = column.Name;
 fieldEditor.DataType = column.Type;
this.ComplexFilter.FieldEditors.Add(fieldEditor);
 
var rootGroup = this.Settings.ComplexFilter_Expression;
 if (rootGroup != null)
                {
                    this.ComplexFilter.RootGroup.GroupOperation = rootGroup.GroupOperation;
                     foreach (var expression in rootGroup.Expressions)
                    {
                        this.ComplexFilter.RootGroup.AddExpression(expression);
                    }
                } 
                this.ComplexFilter.PreRender += this.ComplexFilter_OnPreRender;
  
void ComplexFilter_OnUpdate(object sender, EventArgs args)
        {
            string previousComplexFilterSql;
             string newComplexFilterSql; 
            if (this.Settings.ComplexFilter_Sql != null)
            {
                previousComplexFilterSql = this.Settings.ComplexFilter_Sql;
            }
            else
            {
                if (this.Settings.ComplexFilter_Expression != null)
                {
                    previousComplexFilterSql = this.Settings.ComplexFilter_Expression.ToWhere(this.TablesTable).ToString();
                }
                else
                {
                    previousComplexFilterSql = String.Empty;
                }
            } 
            if (this.Settings.ComplexFilter_Visible)
            {
                this.Settings.ComplexFilter_Expression = this.ComplexFilter.RootGroup;
 
                newComplexFilterSql = this.Settings.ComplexFilter_Sql = this.Settings.ComplexFilter_Expression.ToWhere(this.TablesTable).ToString();
            }
            else
            {
                newComplexFilterSql = String.Empty;
            } 
            this.ComplexFilter_ReloadData(previousComplexFilterSql, newComplexFilterSql); 
            ComplexFilter.RecreateControl(); 
        }
 
  2. After every 5 seconds Refresh timeout, I am checking for the complex filter saved settings. But due to the null value of ComplexFilter_Expression, settings could not be fetched from the database.
   if (this.ComplexFilter_Visible && this.ComplexFilter_Expression != null)
            {
                where &= this.ComplexFilter_Expression.GetDBWhere(table, joins, out saveSettings); 
            }
            else
            {
                saveSettings = false;
            }

I request to the Telerik expertise, to tell me what I am doing wrong. Why the Telerik object is getting lost due the front end refresh time interval.

Filter

answered on 22 Sep 2015

1 answer

196 views

BachEditing Row to Row Value don't stay if not focused

Hi Kevin, i need your help quickly about a similar problem :

http://www.telerik.com/forums/itemdatabound-even-in-batch-edit-mode-of-rad-grid

The comboBox works with static WebMethod enableLoadOnDemand=true, autopostback=false option under Radgrid BatchEdit in Row Edit mode.
When I add a new row with the Edit mode (EditItemTemplate > RadComboBox), I select a value in second line RadComboxBox and close editMode : the first ItemTemplate takes the value of the second newly input.

The this a real problem

Scenario Step 1 :

Scenario Step 2 :

Scenario Step 3 :

Scenario Step 4 : the first field red line value should be 71886 but automatically change by 147244 ??

Can you give me some alternative or give me an issue for this problem .

Grid

answered on 22 Sep 2015

3 answers

358 views

RadGrid Data Bind at client side using PageMethod

Dear All

I created a page method that return the result data source in json string format to bind the RadGrid:

[WebMethod]

public static string GetRows(int from, int len)

{

DataTable dt = MyEntity_BL.GetData();

//convert DataTable into Json string

System.Web.Script.Serialization.JavaScriptSerializer serializer = new System.Web.Script.Serialization.JavaScriptSerializer();

List<Dictionary<string, object>> rows = new List<Dictionary<string, object>>();

Dictionary<string, object> row = null;

foreach (DataRow dr in dt.Rows)

{

row = new Dictionary<string, object>();

foreach (DataColumn col in dt.Columns)

{

row.Add(col.ColumnName, dr[col]);

}

rows.Add(row);

}

return serializer.Serialize(rows);

}

and then i call the page method at client side at user button click:

function btnShowClientClick(clickedButton) {

PageMethods.GetRows(0, 0, Succsess);

}

function Succsess(result) {

var masterTable = $find("<%= grd.ClientID %>").get_masterTableView();

masterTable.set_dataSource(result);

masterTable.rebind();

}

The problem is that there no action done on the RadGrid ??
It doesn't bind any data!

Is there something miss ?

Thanks

Grid

answered on 22 Sep 2015

1 answer

88 views

Task StartDate and EndDate

How can I restrict start date and end date in Gantt?

I want user to be unable to insert/update start date before 1 month.

I need server side code.

Thanks

Gantt

answered on 21 Sep 2015

6 answers

475 views

LinkButton Comman Argument in ItemTemplate

Hello

I've LinkButton in my RadComboBox ItemTemplate with CommandName OnCommand event and Command Argument for delete item if user clicking.

ComboBox populating with SqlDataSource.

When trying to click second item in ComboBox page postabacking but doesnt raise onclick or even oncommand event.

If clicking first item in ComboBox raising both of events but command argument is second items command argument.

Where is the mistake?

Thanks is advance.

ComboBox

answered on 21 Sep 2015

1 answer

181 views

Using onserverclick in PagerTamplate to export Grid to CSV

I am using a RadGrid element and need to export CSV data from it. When I place a link outside of the RadGrid element, the export works fine:

<telerik:RadGrid ID="myGrid" runat="server" EnableViewState="false">

etc...

Now when I place that same link within the PagerTemplate, it no longer works and I get a javascript popup error.

<telerik:RadGrid ID="myGrid" runat="server" EnableViewState="false">

<MasterTableView

And the export method..

protected void Export_CSV_Click(object sender, System.EventArgs e)

{

myGrid.MasterTableView.ExportToCSV();

}

How would I get this button working from within the PagerTemplate?

Grid

answered on 21 Sep 2015

34 answers

876 views

copy from excel sheet and paste it in radgrid

hi,

i am very much impressed with telerik controls especially with radgrid.please let we know how can i copy data (rows,columns) from excel sheet and paste it to the rad grid

Thanks,

Grid

answered on 21 Sep 2015

1 answer

277 views

RadDateTimePicker not working after partial postback

RadDateTimePicker is not working after ajax call, only if rad datetimepicker is open time of response back from server. i am also attaching ASPX and CS code

Step to replicate.

Create new page
Add two datetimepicker
add date change event
Add Ajax panel
put debug pointer on selecteddatechnage event
select date from first datetimepicker
now code will stop in break point
now open second datetimepicker
Go to CS page and Release code from debug point
Now open second datetimepicker
Now date selection, Month selection will not work

Thanks,

ASPX

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="TestRadDateTimePickerPostBack._Default" %>
<%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
</head>
<body>
<form id="form1" runat="server">
<telerik:RadScriptManager ID="ScriptManager1" runat="server">
<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>
<telerik:radajaxmanager id="RadAjaxManager1" runat="server"
onajaxrequest="RadAjaxManager1_AjaxRequest">
<AjaxSettings>
<telerik:AjaxSetting AjaxControlID="panel1">
<UpdatedControls>
<telerik:AjaxUpdatedControl ControlID="panel1" />
</UpdatedControls>
</telerik:AjaxSetting>
<telerik:AjaxSetting AjaxControlID="RadAjaxManager1">
<UpdatedControls>
<telerik:AjaxUpdatedControl ControlID="panel1" />
</UpdatedControls>
</telerik:AjaxSetting>
</AjaxSettings>
</telerik:radajaxmanager>

<script language="javascript" type="text/javascript">

<telerik:radscriptblock id="RadScriptBlock1" runat="server">
function InitiateAjaxRequest() {
var ajaxManager = $find("<%= RadAjaxManager1.ClientID %>");
ajaxManager.ajaxRequest('RebindCard');
}


function Expensereport_PeriodFrom_OnDateSelected(sender, args) {

InitiateAjaxRequest();
}
function Expensereport_PeriodTo_OnDateSelected(sender, args) {
InitiateAjaxRequest();
}

</telerik:radscriptblock>
</script>


<asp:Panel ID="panel1" runat="server">
<div class="form-group form-group-sm">
<asp:Label runat="server" CssClass="control-label col-sm-3 " ID="lbl_Expensereport_PeriodFrom"
AssociatedControlID="Expensereport_PeriodFrom" Text="From"></asp:Label>
<div class="col-sm-3 col-md-3">
<telerik:raddatepicker id="Expensereport_PeriodFrom" runat="server" calendar-showrowheaders="false"
width="100%" cssclass="requiredText">
<DateInput EnableSingleInputRendering="false" DateFormat="MM/dd/yyyy" DisplayDateFormat="MM/dd/yyyy"
ReadOnly="true" SelectionOnFocus="CaretToBeginning" />
<DatePopupButton />
<ClientEvents OnDateSelected="Expensereport_PeriodFrom_OnDateSelected" />
</telerik:raddatepicker>
</div>
<asp:Label runat="server" CssClass="control-label col-sm-2 col-md-2 col-lg-1 " ID="lbl_Expensereport_PeriodTo"
AssociatedControlID="Expensereport_PeriodTo" Text="To"></asp:Label>
<div class="col-sm-3 col-md-3">
<telerik:raddatepicker id="Expensereport_PeriodTo" runat="server" width="100%" cssclass="requiredText"
calendar-showrowheaders="false">
<DateInput EnableSingleInputRendering="false" DateFormat="MM/dd/yyyy" DisplayDateFormat="MM/dd/yyyy"
ReadOnly="true" SelectionOnFocus="CaretToBeginning" />
<DatePopupButton ToolTip="" />
<ClientEvents OnDateSelected="Expensereport_PeriodTo_OnDateSelected" />
</telerik:raddatepicker>
</div>
<div class="clearBoth">
</div>
</div>
</asp:Panel>
</form>
</body>
</html>

C#

protected void RadAjaxManager1_AjaxRequest(object sender, AjaxRequestEventArgs e)
{

for (int i = 1000; i <= 1000; i++)
{
i++;
}

}

DateTimePicker

answered on 21 Sep 2015

16 answers

407 views

[Solved] RadGrid Does Not Render Opening Table Tag in Visual Studio 2013

Am having an issue using the RadGrid control in Visual Studio 2013's built in web server. The table element is not be rendered. The same page will render correctly when using Visual Studio 2012's built in web server.

Please advise. Is this an issue with RadGrid or Visual Studio 2013?

Here is snip of the rendered HTML when site run in Visual Studio 2013. Note the lack of an opening table tag.

<div id="grdDemo" class="RadGrid RadGrid_Office2007">

Jones</td><td>Martha</td>

</tr><tr class="rgAltRow" id="grdDemo_ctl00__1">

<td>Noble</td><td>Donna</td>

</tr><tr class="rgRow" id="grdDemo_ctl00__2">

<td>Smith</td><td>Jon</td>

</tr><tr class="rgAltRow" id="grdDemo_ctl00__3">

<td>Tyler</td><td>Rose</td>

</tr>

</tbody>

</table><input id="grdDemo_ClientState" name="grdDemo_ClientState" type="hidden" />

</div>

Here is the aspx markup

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>

<!DOCTYPE html>

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

<head runat="server">

<title></title>

</head>

<body>

<form id="form1" runat="server"><asp:ScriptManager ID="smDefault" runat="server"></asp:ScriptManager>

<div>

<telerik:RadGrid ID="grdDemo" runat="server" AutoGenerateColumns="false">

<ClientSettings>

<Resizing AllowColumnResize="true" ResizeGridOnColumnResize="true" AllowResizeToFit="true" />

</ClientSettings>

<MasterTableView ItemType="Contact">

<Columns>

<telerik:GridTemplateColumn HeaderText="Last Name">

<ItemTemplate><%#: Item.LastName %></ItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridTemplateColumn HeaderText="First Name">

<ItemTemplate><%#: Item.FirstName %></ItemTemplate>

</telerik:GridTemplateColumn>

</Columns>

</MasterTableView>

</telerik:RadGrid>

</div>

</form>

</body>

</html>

Here is the C# code behind

using System;

using System.Collections.Generic;

using System.Linq;

using System.Web;

using System.Web.UI;

using System.Web.UI.WebControls;

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

{

protected void Page_Load(object sender, EventArgs e)

{

List<Contact> contacts = new List<Contact>();

contacts.Add(new Contact() { LastName = "Smith", FirstName = "Jon" });

contacts.Add(new Contact() { LastName = "Tyler", FirstName = "Rose" });

contacts.Add(new Contact() { LastName = "Jones", FirstName = "Martha" });

contacts.Add(new Contact() { LastName = "Noble", FirstName = "Donna" });

var data = contacts.OrderBy(c => c.LastName).ThenBy(c => c.FirstName);

this.grdDemo.DataSource = data;

this.grdDemo.DataBind();

}

Here is the Contact class

using System;

using System.Collections.Generic;

using System.Linq;

using System.Web;

/// <summary>

/// Summary description for Contact

/// </summary>

public class Contact

{

public Contact()

{

//

// TODO: Add constructor logic here

//

}

public string FirstName { get; set; }

public string LastName { get; set; }

}

Grid

answered on 21 Sep 2015

7 answers

132 views

Radfilter textbox German numeric format issue

Hi,

I'm filtering my grid column using RadFilter. For numeric columns for en-US (english) culture with value 0.5 it is working fine.

But if I change my culture to german (de-DE), Radfilter textbox is accepting value as 0,5 (which is correct) and my grid column also filtered with 0,5 values, but radfilter textbox converting 0,5 value as 5,00 which is not correct. It should show as 0,5.

<telerik:RadFilter runat="server" ID="rfControllers" FilterContainerID="RadFilter1" ShowApplyButton="true" Visible="true" Skin="Web20"></telerik:RadFilter>

Please refer to the attachment.

Please help me.

- Kumar

Filter

answered on 21 Sep 2015