Questions on UI for ASP.NET AJAX Forum

1 answer

136 views

Still adding new and new empty columns after Postback

Hi,

I have problem with dynamically generated columns in RadGrid. Each postback adds me same count of empty columns. Here is my test code.

thx for help

DK

<%@ Page Title="" Language="C#" AutoEventWireup="true" CodeBehind="Test.aspx.cs" Inherits="Test.TestGrid" %>

<head runat="server" />

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

<asp:ScriptManager ID="ScriptManager1" runat="server">

</asp:ScriptManager>

<asp:HiddenField ID="hfMinYear" runat="server" /><asp:HiddenField ID="hfMaxYear" runat="server" />

<telerik:RadGrid ID="grdForecast" AllowFilteringByColumn="false" AllowMultiRowSelection="true" AllowSorting="true"

AutoGenerateColumns="false" EnableViewState="true" OnNeedDataSource="grdForecast_NeedDataSource" runat="server">

<ClientSettings EnableRowHoverStyle="true">

<Selecting AllowRowSelect="True" />

</ClientSettings>

<MasterTableView DataKeyNames="ForecastId" EnableColumnViewState="false"><HeaderStyle Wrap="false" /><ItemStyle Wrap="false" />

<Columns>

<telerik:GridClientSelectColumn UniqueName="ClientSelectColumn" />

<telerik:GridBoundColumn DataField="ValueTotal" DataFormatString="{0:0.##}" HeaderText="Total Value" HeaderStyle-Wrap="false" ItemStyle-HorizontalAlign="Right" ItemStyle-Wrap="false" ReadOnly="True" UniqueName="ValueTotal"></telerik:GridBoundColumn>

</Columns>

</MasterTableView>

</telerik:RadGrid>

<asp:button id="ddd" text="Postback" runat="server" />

</form>

Code-behind

using System;

using System.Data;

using Telerik.Web.UI;

namespace Test

{

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

{

protected int ProjectId;

protected void Page_Init(object sender, EventArgs e)

{

// if (IsPostBack)

{

int MinYear = 2010, MaxYear = 2020;

CreateColumns(MinYear, MaxYear);

}

protected void Page_Load(object sender, EventArgs e)

{

}

protected void CreateColumns(int MinYear, int MaxYear)

{

for (int i = MinYear; i <= MaxYear; i++)

{

grdForecast.MasterTableView.Columns.Add(new GridBoundColumn()

{

DataField = "Value" + i,

DataFormatString = "{0:0.##}",

HeaderText = "Value " + i,

ReadOnly = true,

UniqueName = "Value" + i

});

}

protected void grdForecast_NeedDataSource(object source, Telerik.Web.UI.GridNeedDataSourceEventArgs e)

{

grdForecast.DataSource = new DataTable();

}

Grid

answered on 14 Oct 2011

1 answer

86 views

RadEditor - error in IE

Hi,
I have a problem with RadEditor in IE 8.
I have a numbered list with 3 items (1. screen).
Next I added new item to that list (with enter button, 2. screen).
Next I deleted that item (with backspace button).
Afterwards I added again item to the same place. And now I want to delete it (with backspace button).
And now I have unexpected behavior of your editor (see 3. screen). There is a huge space between 2. and 3. item and there is no way to fix this manually or there is very difficult. Besides 3. item has changed font and styles.

Why? Is any solution? I'm using Telerik in version: 2010.1.519.35 but I checked in the newest one, too. In both there is the same problem.

Editor

answered on 14 Oct 2011

3 answers

181 views

cannot use jquery with radcontrols

Hi,
I am implementing a combobox in which I need to make each row change backcolor when mouse is over the row. I use a table inside item template to define item row with <tr class="div_row"> . I then write two jquery in the header section with class selector and event $(.div_row).mouseover and $(.div_row).mouseout. I get no response from the jquery. Using firebug to trace, I find out the script rendered back to the browser changed dramatically, the javascript code functions are completely missing. I had same problem with data pager control but that one was caused by the ajaxmanager. This time I don't have any ajax updates and still get the same error. Is there anything I have to take care when using jquery and radcontrols ? Could you please kindly explain and advice how to enable jquery in telerik ajax environment. I would appreciate it very much since we are going to use a lot of jquery in our development.
Thank you. Attach the script I used.

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="SearchBox.aspx.cs" Inherits="iBOOKSTORE.SearchBox" %>

<%@ 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>

<script src="Scripts/jquery-1.4.1.js" type="text/javascript"></script>

<telerik:RadCodeBlock ID="RadCodeBlock1" runat="server">

<script type="text/javascript">

function clientItemsRequesting(sender, e)

{

// var context = e.get_context();

// using jQuery to get the checked item and pass it to the server

// context["QString"] = sender.get_text();

var comboInput = $find("<%= cmbInput.ClientID %>");

var istr = comboInput.get_text();

if (istr.length == 0 || istr.substr(istr.length - 1, 1) == ':' || istr.substr(istr.length - 1, 1) == '：') {

e.set_cancel(true);

comboInput.hideDropDown();

}

function clientDropdownOpening(sender, e) {

var istr = sender.get_text();

if (istr.length == 0 || istr.substr(istr.length - 1, 1) == ':' || istr.substr(istr.length - 1, 1) == '：') {

e.set_cancel(true);

}

function clientDropdownClosing(sender, e) {

var comboInput = $find("<%= cmbInput.ClientID %>");

var istr = comboInput.get_value();

if (istr.length == 0) {

e.set_cancel(true);

}

function indexChanged_handler(sender, e) {

var comboInput = $find("<%= cmbInput.ClientID %>");

var txt = comboInput.get_text();

if (txt.length > 0)

txt += '，';

comboInput.set_text(txt + sender.get_value());

var input = comboInput.get_inputDomElement();

input.focus();

}

var backcolor;

$(document).ready(function () {

$(".div_row").mouseover(function () {

backcolor = $(this).css("backgound-color");

$(this).css("background-color", "yellow");

})

$(document).ready(function () {

$(".div_row").mouseout(function () {

$(this).css("background-color", backcolor);

})

</script>

</telerik:RadCodeBlock>

</head>

<body>

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

<asp:ScriptManager ID="ScriptManager1" runat="server">

</asp:ScriptManager>

<div>

<telerik:RadComboBox ID="cmbMode" Runat="server" Width="66px" OnClientSelectedIndexChanged="indexChanged_handler">

<Items>

<telerik:RadComboBoxItem runat="server" Text="录入书名" ToolTip="录入书名查询条件"

Value="书名：" />

<telerik:RadComboBoxItem runat="server" Text="录入作者" ToolTip="录入作者查询条件"

Value="作者：" />

<telerik:RadComboBoxItem runat="server" Text="出版机构" ToolTip="录入出版社名称查询条件"

Value="出版社：" />

<telerik:RadComboBoxItem runat="server" Text="关键词句" ToolTip="录入关键词查询条件"

Value="关键词：" />

<telerik:RadComboBoxItem runat="server" Text="图书分类" ToolTip="录入图书分类名称查询条件"

Value="类别：" />

<telerik:RadComboBoxItem runat="server" Text="读者人群" ToolTip="录入读者人群查询条件"

Value="读者：" />

<telerik:RadComboBoxItem runat="server" Text="丛书系列" ToolTip="录入丛书系列查询条件"

Value="丛书：" />

</Items>

</telerik:RadComboBox>

<telerik:RadComboBox ID="cmbInput" Runat="server" AllowCustomText="True" LoadingMessage="读取数据..."

DataTextField="TITLE" DataValueField="TITLE" OnClientDropDownClosing="clientDropdownClosing"

OnClientItemsRequesting="clientItemsRequesting" OnClientDropDownOpening ="clientDropdownOpening"

EnableLoadOnDemand="True" Skin="Windows7" DropDownWidth="526px"

Height="400px" MaxHeight="400px" AutoPostBack="true"

onitemsrequested="cmbInput_ItemsRequested" Width="500px"

onselectedindexchanged="cmbInput_SelectedIndexChanged">

<ItemTemplate>

<table width="500" style="border-style: solid; border-width: thin">

<tr class="div_row">

<td style="width: 200px;"><%# Eval("TITLE") %></td>

<td style="width: 50px;"><%# Eval("AUTHOR") %></td>

<td style="width: 50px;"><%# Eval("PUBNAME") %></td>

<td style="width: 60px;"><%# Eval("CLSNAME") %></td>

<td style="width: 40px;"><%# Eval("KEYWDS") %></td>

<td style="width: 40px;"><%# Eval("SERIES") %></td>

<td style="width: 40px;"><%# Eval("READER") %></td>

</tr>

</table>

</ItemTemplate>

<HeaderTemplate>

<table width="500" style="border-style: solid; border-width: thin">

<tr>

<td style="width: 200px;">书名</td>

<td style="width: 50px;">作者</td>

<td style="width: 50px;">出版社</td>

<td style="width: 60px;">图书分类</td>

<td style="width: 40px;">关键词</td>

<td style="width: 40px;">丛书名</td>

<td style="width: 40px;">读者群</td>

</tr>

</table>

</HeaderTemplate>

</telerik:RadComboBox>

</div>

</form>

</body>

</html>

ComboBox

answered on 14 Oct 2011

1 answer

327 views

Show chart legend in multiple rows

Hi,

Currently i have a chart with its legends (total 5 items) displayed in 1 row at the bottom. See below code.

I'm trying to put the legend at the right side of the graph, and outside plot area. After i changed the alignedposition to be right, all the legends (total 5 items) are shown in 1 row.
e.g., - Series 1 - Series 2

I want to display as those demos on Telerik website, each legend takes 1 row.
E.g.,

Series 1
Series 2

ChartControl.Legend.Appearance.Location = Telerik.Charting.Styles.LabelLocation.OutsidePlotArea;
ChartControl.Legend.Appearance.Position.AlignedPosition = Telerik.Charting.Styles.AlignedPositions.Bottom;

Please advise how to achieve it. Thanks,

Chart (Obsolete)

answered on 14 Oct 2011

5 answers

517 views

Bold or <strong></strong> Problem

hi again, i've a problem when export to pdf
i've my editor text and some text is on bold, but i when export to pdf, this don't showing the text on bold,

picture 1 -text from radeditor bold letter is on bold
picture 2 -same text from PDF

any idea ?
thy

Editor

answered on 14 Oct 2011

1 answer

183 views

Missing resource attributes on client side

Hi,

I'm using the scheduler control in TimelineView only. I set the following custom attributes on resources server side in the OnDataBound event, example:

resource.Attributes.Add("StartTime", "08:00");

resource.Attributes.Add("EndTime", "16:00");

These are the start time and end time of each individual resource's working hours, and are in my code loaded from a database. These attributes are used server side in the OnTimeSlotCreated event successfully.

In my application, I need to check if an appointment is moved outside of the resource's working hours, and then display a javascript alert warning the user from the OnClientAppointmentMoveEnd event.

From my JavaScript, if I attemp the following I am able to retrive the attributes correctly:

var startTime = scheduler.get_resources().getResource(0).get_attributes().getAttribute("StartTime");

If I attempt to retrieve the attributes from the event arguments using the following code, the attributes don't exist:

var startTime = eventArgs.get_targetSlot().get_resource().get_attributes().getAttribute("StartTime");

If I call the following function, I am able to get the resource correctly, it's just the attributes that are blank:

var resource = eventArgs.get_targetSlot().get_resource();

Is there any way i can retrive my resource attributes successfully from the event arguments or from the scheduler.get_resources() based on the resource key? Optionally, how can i find the index of a resource from the resource collection by the resource key so I can use the getResource(index) function?

I'm using version 2011.1.413.40.

Thanks

Scheduler

answered on 14 Oct 2011

2 answers

110 views

Combobox inside Combobox

Hi
Any one know how to use combobox inside comboboxes..?
I used like the below

<telerik:RadComboBox ID="rcbNonStock" CausesValidation="false" AutoPostBack="true" EmptyMessage="Search Non Stock Item..." ShowMoreResultsBox="true" runat="server" LoadingMessage="Loading..." AppendDataBoundItems="true" Width="300px" Height="350px" DropDownWidth="725px" HighlightTemplatedItems="true" Filter="Contains" EnableLoadOnDemand="true" OnSelectedIndexChanged="rcbNonStock_SelectedIndexChanged" EnableVirtualScrolling="true" OnItemsRequested="rcbNonStock_ItemsRequested" ZIndex="3000" AllowCustomText="True" >

<tr>

Item Category:</td>

<telerik:RadComboBox ID="rcbNonStockCategory" runat="server" CausesValidation="false" AutoPostBack="true" EnableLoadOnDemand="true" HighlightTemplatedItems="true" OnItemsRequested="rcbNonStockCategory_ItemsRequested" DataTextField = "Item Category Code" DataValueField ="Item Category Code" Width="200px" Height="350px" OnSelectedIndexChanged="rcbNonStockCategory_SelectedIndexChanged" ZIndex="4000" ></telerik:RadComboBox> </td>

Product Group: </td>

<telerik:RadComboBox ID="rcbNonStockProduct" runat="server" CausesValidation="false" AutoPostBack="true" EnableLoadOnDemand="true"

DataTextField = "Product Group Code" DataValueField ="Product Group Code" OnItemsRequested="rcbNonStockProduct_ItemsRequested"

OnSelectedIndexChanged="rcbNonStockProduct_SelectedIndexChanged" EnableScreenBoundaryDetection ="true" Width="200px" Height="350px" ZIndex="4000"></telerik:RadComboBox> </td>

</tr>

</table>

No </td>

Description

</td>

Brand Name

</td>

Catalogue ID

</td>

</tr>

</table>

</HeaderTemplate>

<tr>

<%# DataBinder.Eval(Container,"Value") %>

</td>

<%# DataBinder.Eval(Container, "Attributes['Description']")%>

</td>

<%# DataBinder.Eval(Container, "Attributes['Brand Name']")%>

</td>

<%# DataBinder.Eval(Container, "Attributes['Catalogue ID']")%>

</td>

</tr>

</table>

</ItemTemplate>

</FooterTemplate>

</telerik:RadComboBox>

But when i clicked any child combo box , the parent combo box getting closed
Any one know about how refore to keep open the parent combo box when we clicked on any child combo boxs..?

Regards
Kiran

ComboBox

answered on 14 Oct 2011

2 answers

186 views

ComboBox scrolling issue

Hi
I have used ComboBox control called stocksCombo in Radgrid
In stocks ComboBox i have used another two ComboBoxes called ProductsCombo and ItemsCombo in Header Templete
When i clicked the ProductsCombo or ItemsCombo these dropdown lists are opening but when i clicked any of the right scroll (ProductsCombo or ItemsCombo ) the stocksCombo was closing and clicked combo was still opened.How to keep open the StocksCombo even any scrolls clicked in ProductsCombo or ItemsCombo.

Regards
Kiran

ComboBox

answered on 14 Oct 2011

1 answer

75 views

Tooltip not support french character??

Tooltip not support french character??
ées

Please refer image below
http://img849.imageshack.us/img849/4505/tooltip.jpg

ToolTip

answered on 14 Oct 2011

2 answers

81 views

Shows Unable to get value of the property 'remove_initializeRequest' after RadAjaxManager.Redirect

Hi,
I am getting one script error
"Unable to get value of the property 'remove_initializeRequest': object is null or undefined" after i redirect to a page using

RadAjaxManager.Redirect. Why this script error is getting?.. I found that 'remove_initializeRequest' is a function of the Ajax js file MicrosoftAjaxWebForms.debug.js. Please reply

Ajax

answered on 14 Oct 2011