Questions on UI for ASP.NET AJAX Forum

3 answers

54 views

Hello,

I was working on telerik controls from the past 1year. So far I found few issues respect to the IE7 and we could able to fix those.
From the past 2-3weeks one issue is paining us like anything and which is only with IE7.

I have page with 'div' and in that I kept a radgrid control with pageslider, and when I open this page in IE7 I am seeing the alignment of pageslider is missing and it is not at its place where it should be.

Following is the markup page which has div and radgrid control.

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

<%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %>

<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="asp" %>

<!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">

<div style="width:500px; height:300px; overflow:auto;">

<asp:toolkitscriptmanager id="ToolkitScriptManager1" runat="server" scriptmode="Release"

loadscriptsbeforeui="false" combinescripts="true" enablehistory="true" enablepagemethods="true">

</asp:toolkitscriptmanager>

<telerik:radgrid id="RadGrid1" runat="server" pagesize="10" width="800px"

onitemcreated="RadGrid_ItemCreated" onneeddatasource="RadGridInner_OnNeedDataSource"

allowpaging="true" enableheadercontextmenu="true"

enableheadercontextfiltermenu="true">

<MasterTableView PageSize="10" AllowSorting="true" AllowFilteringByColumn="true"

HierarchyLoadMode="Client" DataKeyNames="ID" AutoGenerateColumns="false">

<PagerStyle Position="Bottom" PageButtonCount="5" Mode="Slider" PageSizeLabelText="Records per Page:"

Visible="true" ShowPagerText="true" AlwaysVisible="true"></PagerStyle>

<Columns>

<telerik:GridBoundColumn DataField="ID" DataType="System.Int32" AllowSorting="true"

EmptyDataText="-" UniqueName="ID" HeaderText="Employee ID" SortExpression="ID" />

<telerik:GridBoundColumn ItemStyle-Font-Bold="true" DataField="FirstName" DataType="System.String"

AllowSorting="true" EmptyDataText="-" UniqueName="FirstName" HeaderText="First Name"

SortExpression="FirstName" />

<telerik:GridBoundColumn DataField="LastName" DataType="System.String" AllowSorting="true"

EmptyDataText="-" UniqueName="LastName" HeaderText="Last Name" SortExpression="LastName" />

<telerik:GridBoundColumn DataField="DateOfJoin" DataType="System.DateTime" AllowSorting="true"

EmptyDataText="-" DataFormatString="{0:MM/dd/yyyy}" UniqueName="Date Of Join"

HeaderText="Date Of Join" SortExpression="DateOfJoin">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="Designation" DataType="System.String" AllowSorting="true"

EmptyDataText="-" UniqueName="Designation" HeaderText="Designation" SortExpression="Designation" />

<telerik:GridBoundColumn DataField="CompanyName" DataType="System.String" AllowSorting="true"

EmptyDataText="-" UniqueName="CompanyName" HeaderText="Company Name" SortExpression="CompanyName" />

</Columns>

</MasterTableView>

</telerik:radgrid>

</div>

</form>

</body>

</html>

Following is the codebehind file which basically I am using to bind the data.

using System;

using System.Collections.Generic;

using System.Linq;

using System.Web;

using System.Web.UI;

using System.Web.UI.WebControls;

using Telerik.Web.UI;

namespace WebApplication2

{

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

{

static List<DemoEmployee> employeeList = new List<DemoEmployee>();

protected void Page_Load(object sender, EventArgs e)

{

if (!IsPostBack)

{

employeeList = GetEmployeeList();

RadGrid1.DataSource = employeeList;

RadGrid1.DataBind();

}

protected void RadGrid_ItemCreated(object sender, GridItemEventArgs e)

{

if (e.Item is GridGroupHeaderItem)

{

(e.Item as GridGroupHeaderItem).Cells[0].Controls.Clear();

}

if (e.Item is GridFilteringItem)

{

System.Web.UI.HtmlControls.HtmlGenericControl dynDiv = new System.Web.UI.HtmlControls.HtmlGenericControl("DIV");

dynDiv.ID = "imgHeaderExpandAndCollpase";

dynDiv.Attributes.Add("class", "imageExpand");

dynDiv.Attributes.Add("onclick", "javascript:ToggleGridRows()");

(e.Item as GridFilteringItem).Cells[0].Controls.Add(dynDiv);

}

if (e.Item is GridPagerItem)

{

GridPagerItem pager = (GridPagerItem)e.Item;

Label lblPager = new Label();

lblPager.ID = "PageSizeLabel";

lblPager.CssClass = "lblPageSize";

lblPager.Text = "Records per Page:";

RadComboBox combo = new RadComboBox();

combo.ID = "PageSizeComboBox";

combo.CssClass = "pagerCombo";

combo.AutoPostBack = true;

// Adding items to combobox

combo.Items.Add(new RadComboBoxItem("10", "10"));

combo.FindItemByText("10").Attributes.Add("ownerTableViewId",

RadGrid1.MasterTableView.ClientID);

combo.Items.Add(new RadComboBoxItem("25", "25"));

combo.FindItemByText("25").Attributes.Add("ownerTableViewId",

RadGrid1.MasterTableView.ClientID);

combo.Items.Add(new RadComboBoxItem("50", "50"));

combo.FindItemByText("50").Attributes.Add("ownerTableViewId",

RadGrid1.MasterTableView.ClientID);

combo.Items.Add(new RadComboBoxItem("100", "100"));

combo.FindItemByText("100").Attributes.Add("ownerTableViewId",

RadGrid1.MasterTableView.ClientID);

combo.SelectedValue = "10";

combo.SelectedIndexChanged += new RadComboBoxSelectedIndexChangedEventHandler(combo_SelectedIndexChanged);

e.Item.Controls[0].Controls[0].Controls[0].Controls[0].Controls.Add(lblPager);

e.Item.Controls[0].Controls[0].Controls[0].Controls[0].Controls.Add(combo);

}

private void combo_SelectedIndexChanged(object o, RadComboBoxSelectedIndexChangedEventArgs e)

{

RefreshData();

}

protected void RadGridInner_OnNeedDataSource(object sender, GridNeedDataSourceEventArgs e)

{

RefreshData();

}

private void RefreshData()

{

RadGrid1.MasterTableView.PageSize = Convert.ToInt32("10");

employeeList = GetEmployeeList();

RadGrid1.DataSource = employeeList;

}

public static List<DemoEmployee> GetEmployeeList()

{

List<DemoEmployee> empList = new List<DemoEmployee>();

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

{

DemoEmployee emp = new DemoEmployee();

emp.ID = i;

emp.FirstName = "FirstName " + i.ToString();

emp.LastName = "LastName " + i.ToString();

emp.DateOfJoin = DateTime.Now;

emp.Designation = "Designation " + i.ToString();

emp.CompanyName = "CompanyName " + i.ToString();

List<Experience> experienceList = new List<Experience>();

for (int j = 1; j <= 3; j++)

{

Experience experience = new Experience();

experience.Company = "Company " + j.ToString();

experience.Years = j.ToString();

experience.Location = "Location " + j.ToString();

experienceList.Add(experience);

}

emp.ExperienceList = experienceList;

empList.Add(emp);

}

return empList;

}

[Serializable]

public class DemoEmployee

{

public int ID { get; set; }

public string FirstName { get; set; }

public string LastName { get; set; }

public DateTime DateOfJoin { get; set; }

public string Designation { get; set; }

public string CompanyName { get; set; }

public List<Experience> ExperienceList { get; set; }

}

[Serializable]

public class Experience

{

public string Company { set; get; }

public string Years { set; get; }

public string Location { set; get; }

}

Can anyone suggest me how to overcome this situation. [PageSlider in Grid is not aligned properly in IE7]
Please don't advise to remove the 'div', we need that div.

Thanks,
Praveen

Grid

answered on 02 Jul 2012

0 answers

77 views

Percentage Works

I had worked a lot and now achieved percentage(%) instead of pixel(px) for telerik textboxes and combos.
mailtovargis@gmail.com
UI Dsgnr
Cochin

General Discussions

asked on 02 Jul 2012

1 answer

125 views

add tab clientside

Hi.

How can i add new tab to a radTabstrip and then associate it with a PageView in the client side?

TabStrip

answered on 02 Jul 2012

1 answer

154 views

Populating Combobox with Web service

Hi Team,

I've been struggling with this for couple of hours, the Combobox does not seem to fill up with the web service.
This is the web service i'm using

namespace WebApplication

{

/// <summary>

/// Summary description for vendorsearch

/// </summary>

[WebService(Namespace = "http://jnkdfjdf.org/")]

[WebServiceBinding(ConformsTo = WsiProfiles.BasicProfile1_1)]

[System.ComponentModel.ToolboxItem(false)]

public class comboboxsearch : System.Web.Services.WebService

{

[WebMethod]

public IEnumerable GetItems(RadComboBoxContext context)

{

RadComboBoxData result = new RadComboBoxData();

int numberOfItems = (int)(context["ItemsCount"] ?? 1000);

List<ComboBoxItemData> items = new List<ComboBoxItemData>();

for (int i = 0; i < numberOfItems; i++)

{

ComboBoxItemData itemData = new ComboBoxItemData();

itemData.Text = "Item " + i;

items.Add(itemData);

}

return items;

}

And here is the asp.net default.aspx code

<%@ Page Title="Home Page" Language="C#" MasterPageFile="~/Site.master" AutoEventWireup="true"

CodeBehind="Default.aspx.cs" Inherits="WebApplication._Default" %>

<%@ Register assembly="Telerik.Web.UI" namespace="Telerik.Web.UI" tagprefix="telerik" %>

<asp:Content ID="HeaderContent" runat="server" ContentPlaceHolderID="HeadContent">

</asp:Content>

<asp:Content ID="BodyContent" runat="server" ContentPlaceHolderID="MainContent">

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

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

<AjaxSettings>

<telerik:AjaxSetting AjaxControlID="Panel1">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="Panel1" />

<telerik:AjaxUpdatedControl ControlID="RadComboBox1" />

</UpdatedControls>

</telerik:AjaxSetting>

</AjaxSettings>

</telerik:RadAjaxManager>

<telerik:RadComboBox ID="RadComboBox1" CssClass="ComboBox" runat="server" Width="240px" Height="200px"

OnClientItemsRequested="OnClientItemsRequested" OnClientItemsRequesting="OnClientItemsRequesting"

EnableLoadOnDemand="true" OnClientDropDownClosed="OnClientDropDownClosed" EnableItemCaching="true">

<ExpandAnimation Type="none" />

<CollapseAnimation Type="none" />

<WebServiceSettings Path="comboboxsearch.asmx" Method="GetItems" />

</telerik:RadComboBox>

<telerik:RadScriptBlock runat="Server" ID="RadScriptBlock1">

</telerik:RadScriptBlock>

</asp:Content>

What could i be possibly doing wrong? , any help will be appreciated :) .

Cheers

ComboBox

answered on 02 Jul 2012

3 answers

177 views

SqlInjection in edit mode

Hello
I am building a page where users can edit data
I have followed a sample case (http://demos.telerik.com/aspnet-ajax/grid/examples/programming/commanditem/defaultcs.aspx)
and here is my sample page (http://gaia.agraria.unitus.it/prova3.aspx)
The problem rise in the second grid after user selects a site: when you switch to edit mode, you can enter anything in the textbox.
In your sample, I tried to enter the string SELECT * FROM MyTable DELETE FROM MyTable or other attempts with dangerous words (such as delete or drop) and the input was blocked.
But inspecting your code there I could not find anything about sql injection prevenction; that is, when I tried to replicate the test into my page, all data were dangerously inserted.
Is there a way to process data before the update operatione in the database?
Thanks
Diego

Grid

answered on 02 Jul 2012

1 answer

93 views

Bind data in TreeList

Hi All,
We are developing product in asp.net using c sharp.How to bind multiple Roles and RoleFeaures in TreeList it involves Role as parent and RoleFeature as child. that means how to implement this and what is code to aspx and aspx.cs pages..that is when i click Role and list of RoleFeature will display inTreeList..How to implement this...

Thanks in Advance..!

TreeList

answered on 02 Jul 2012

1 answer

104 views

TreeList Binding

Dear All,

We are developing product in asp.net using c sharp in 4-tier architecture namely DataAccessLayer,BusinessLayer,ServiceLayer and PresentationLayer.I have 3 methods namely SelectRoles,SelectRoleFeatures and Assign And UnassignRoleFeatures to bind in RadTreeList and that we are having multiple roles and rolefeatures.Every role have rolefeatures.How to assign and unassign rolefeatures in checkbox at TreeList.How to bind Roles and RoleFeatures in Treelist and update role feature.

Thanks,

TreeList

answered on 02 Jul 2012

1 answer

150 views

Telerik RadGrid - Change Direction Of A Specific Column - Not Entire Row Or Table

i have a little problem about direction of a specific column in telerik rad grid.
with firebug we can find and change the direction of a table(master or detail) easily.
but there is no any class for a specific column to access.
how can i change direction of a specific column, not entire row or table in telerik radgrid?

thanks in advance

Grid

answered on 02 Jul 2012

1 answer

56 views

Disable days

Hi..

Is there any way to disable all the previous days in a RadCalendar?

Thanks,
Sigma

Calendar

answered on 02 Jul 2012

0 answers

116 views

Grid with checkbox

Dear All,

We are developing product in asp.net using c sharp in 4-tier architecture namely DataAccessLayer,BusinessLayer,ServiceLayer and PresentationLayer.How to bind multiple Roles and RoleFeaures in RadGrid and here Roles are parent and rolefeature are child when i click or expand roles,list of role feature should be display also Every role have rolefeatures and user can be assign and un-assign role features to particular Role by Checkbox.
Here i have three methods are selectRoles,selectRoleFeatures and Assign-UnassginRoleFeatures which is allocated to particular user.
how to implement this which kind of grid suitable for this and what is code to aspx and aspx.cs pages..

My aspx page code is

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

<MasterTableView DataKeyNames="ID">

<Columns>

<telerik:GridTemplateColumn UniqueName="Name" HeaderText="Name">

<ItemTemplate>

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

</ItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridTemplateColumn UniqueName="Description" HeaderText="Description">

<ItemTemplate>

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

</ItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridTemplateColumn UniqueName="StatusName" HeaderText="StatusName">

<ItemTemplate>

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

</ItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridTemplateColumn UniqueName="ParentRoleId" HeaderText="ParentRoleId">

<ItemTemplate>

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

</ItemTemplate>

</telerik:GridTemplateColumn>

</Columns>

</MasterTableView>

</telerik:RadGrid>

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

<MasterTableView DataKeyNames="ID">

<Columns>

<telerik:GridTemplateColumn UniqueName="Name" HeaderText="Name">

<ItemTemplate>

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

</ItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridTemplateColumn UniqueName="Description" HeaderText="Description">

<ItemTemplate>

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

</ItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridTemplateColumn UniqueName="StatusName" HeaderText="StatusName">

<ItemTemplate>

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

</ItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridTemplateColumn UniqueName="ParentRoleFeatureId" HeaderText="ParentRoleFeatureId">

<ItemTemplate>

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

</ItemTemplate>

</telerik:GridTemplateColumn>

</Columns>

</MasterTableView>

</telerik:RadGrid>

My aspx.cs code is

protected void Page_Load(object sender, EventArgs e)

{

if (!Page.IsPostBack)

{

ApplicationProcess a = new ApplicationProcess();

Roles.DataSource = a.GetRoles();

Roles.DataBind();

RoleFeature.DataSource = a.GetRoleFeatures(1);

RoleFeature.DataBind();

}

Thanks in Advance..!

Grid

asked on 02 Jul 2012