Questions on UI for ASP.NET AJAX Forum

1 answer

105 views

Hello Telerik,

I want to set a margin between two docks, now the first dock's bottom is too close to the second dock's top.I try to get it with css like this:

.RadDock .rdBottom{border-bottom:10px solid #fff; }

,but it doesn't work well, after collapse/expand it, the magin size was changed.How should I do? thanks

Dock

answered on 21 Apr 2011

2 answers

100 views

Copy Row Data info EditFormSettings

I have a situation similat to that in the "Copy A Record" post where I want to duplicate a records. But here is the hook, I want to take the selected record's data and populate the EditFormSettings FormTemplate without creating a new record until the user adds it. For example, I have a table with flight information for multiple users and instead of having to retpye each record I want to use the previous record data.

My initial thought was to add a button to the row and on the click expand the FormTemplate and populate the data. Is that the only way or is there an easier way. Really don't feel like wasting time on a Friday afternoon!

Grid

answered on 21 Apr 2011

9 answers

98 views

RadCompression and SharePoint 2010

After adding all the Telerik entires into the web.config of my SharePoint 2010 site the Teleirk controls were working fine. Problem was, I kept noticing other issues like, not being able to connect to the site with SharePoint Designer 2010 (it kept asking for credentials) and not being able to create a new view (was getting error: Cannot complete this action. Please try again.) After many, many hours troubleshooting by several people we were able to narrow it down to the Telerik entries in the web.config. After a couple more hours I discovered that it was directly caused by the RadCompressionModule entry in the web.config. After removing this entry, everything worked great.

Hope this saves someone else some time!
Thanks.
John Perry

Sharepoint Integration

answered on 21 Apr 2011

1 answer

261 views

Context Menu on Each RadGrid Row

Hello Team,

        I have used RadGrid in my web page, now i had implement the headercontextmenu for RadGrid and its working well,

       Now on my grid each row have three command button (edit, delete, view log).

       Now is it possible to apply context menu for each row ??, where menu contains all these three command button.

       If user select grid row then on right click on selected row our context menu will get popup with delete, edit, view log link. and perform appropriate operation on selection of menu item.

Please help me.

Thanks.

Grid

answered on 21 Apr 2011

9 answers

381 views

Pie Chart - Legend Value Problem

Hello,

I have create a Pie chart with following Dataset schema

        CallPriorityCode   CallPriorityName NoOfCalls
                  1                          Low                  8
                  2                          Medium            10
                  3                          High                  2

      I want to show Pie chart with Percentage value ( Of NoOfCalls Data) as Lable and Call Priority Name in Legend Area.

     But I can Show either of them only, I can not set "CallPriorityName " to DataYColumn Property
     as this property requires Integer Data .

    MY Code :-

<

telerik:RadChart ID="radchartCallsByPriority" runat="server"

Skin="LightGreen" AutoLayout="true" Height="250px" Width="450px" PlotArea-EmptySeriesMessage-TextBlock-Text="No calls found" >

<telerik:ChartSeries Name="No. Of Calls" Type="Pie" DefaultLabelValue="#%" DataYColumn="NoOfCalls" Appearance-LabelAppearance-LabelLocation="Inside" Appearance-LegendDisplayMode="ItemLabels" Appearance-LabelAppearance-Visible="true">

</telerik:ChartSeries>

</Series>

</XAxis>

</PlotArea>

</ChartTitle>

</telerik:RadChart>

Any Help would be Higly appreciated.

Thanks in Advance

----------------------------------------------------
Ajay

Chart (Obsolete)

answered on 21 Apr 2011

3 answers

209 views

How to Set the Series Item Label Text Color Programmatically

I need to change the Series Item Label text font, size, and color. How can I do this programmatically?

Chart (Obsolete)

answered on 21 Apr 2011

2 answers

84 views

remove items from ContextMenu

hello,
i am testing the funcionality of the Scheduler and would like to know if its possible to remove items from the ContextMenu, such as
"Go to Today" and "Show 24 hours" and if it's possible, how ?

Scheduler

answered on 21 Apr 2011

8 answers

476 views

Filtering in rad grid.

hi telerik team,

i am unable to do filtering in rad grid.Can you please tell me what i am doing wrong.

<telerik:RadGrid runat="server" ID="filteringRadGrid" OnNeedDataSource="filteringRadGrid_NeedDataSource"
AutoGenerateColumns="false">
<MasterTableView EditMode="InPlace" AllowFilteringByColumn="true">
<Columns>
<telerik:GridTemplateColumn HeaderText="Date" UniqueName="ShippedDate">
<ItemTemplate>
<asp:Label ID="dateLabel" runat="server" Text='<%#Eval("date")%>'></asp:Label>
</ItemTemplate>
<FilterTemplate>
<telerik:RadDatePicker ID="filterRadDatePicker" runat="server" Width="100px" ClientEvents-OnDateSelected="DateSelected" />
<telerik:RadScriptBlock ID="RadScriptBlock2" runat="server">

<script type="text/javascript">
function DateSelected(sender, args) {
var tableView = $find("<%# ((GridItem)Container).OwnerTableView.ClientID %>");

var date = FormatSelectedDate(sender);
//alert(date);
tableView.filter("date", date, "EqualTo");
}
function FormatSelectedDate(picker) {
var date = picker.get_selectedDate();
var dateInput = picker.get_dateInput();
var formattedDate = dateInput.get_dateFormatInfo().FormatDate(date, dateInput.get_displayDateFormat());

return formattedDate;
}
</script>

</telerik:RadScriptBlock>
</FilterTemplate>
</telerik:GridTemplateColumn>
<telerik:GridTemplateColumn HeaderText="Date Time">
<ItemTemplate>
<asp:Label ID="dateTimeLabel" runat="server" Text='<%#Eval("dateTime") %>'></asp:Label>
</ItemTemplate>
</telerik:GridTemplateColumn>
<telerik:GridTemplateColumn HeaderText="Compliance Status">
<ItemTemplate>
<telerik:RadComboBox ID="compStatusRadComboBox" runat="server">
<Items>
<telerik:RadComboBoxItem Value="0" Text="ao" />
<telerik:RadComboBoxItem Value="1" Text="bo" />
<telerik:RadComboBoxItem Value="2" Text="co" />
</Items>
</telerik:RadComboBox>
</ItemTemplate>
</telerik:GridTemplateColumn>
</Columns>
</MasterTableView>
</telerik:RadGrid>

protected void filteringRadGrid_NeedDataSource(object sender, Telerik.Web.UI.GridNeedDataSourceEventArgs e)
{
DataTable dt = new DataTable();
dt.Columns.Add("date");
dt.Columns.Add("dateTime");
dt.Columns.Add("cs");
dt.Rows.Add("1/12/2001", "1/12/2001 00:00:03 AM", "ao");
dt.Rows.Add("1/12/2002", "1/12/2002 00:00:06 AM", "co");
dt.Rows.Add("1/12/2003", "1/12/2003 00:00:09 AM", "bo");
filteringRadGrid.DataSource = dt;

}

Grid

answered on 21 Apr 2011

1 answer

52 views

Opening PopupPanel on Client Row Selection

Hi Team,

I am Using Rad Grid.
And I want to Open One Popup Panel On Perticular Row, On Client Row Selection.
With The ID of Perticular Row.

How to Do it.?
Please Help ..

Grid

answered on 21 Apr 2011

1 answer

68 views

Help me! how to select item when i update and insert new record

i'm going code a form for telerik rad grid to index of content for index works . i was selected item when i update and insert new record on one page. But when page.count >1 so result wrong. the item what i insert not seleted and not chage to current page. and i feel difficult to select item what item i just insert and update althrought i test many kind of example on demos but result wrong. Please help me!!!
source code as:

File ascx

<%@ Control Language="C#" AutoEventWireup="true" CodeBehind="ManagerWorks.ascx.cs" Inherits="IPC_WORKS.UI.UserControl.ManagerWorks" %>

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

.style1

{

height: 122px;

width: 118px;

}

.rgHeader

{}

.style3

{

height: 122px;

width: 249px;

}

.style4

{

width: 98px;

}

.style6

{

width: 111px;

}

.style7

{

width: 118px;

}

</style>

<table>

<tr>

<tr>

</tr>

<tr>

<td class="style4"><telerik:RadDatePicker ID="RdpCreateDate" runat="server"

Width="150px"></telerik:RadDatePicker></td>

</tr>

<tr>

<td class="style6"><telerik:RadDatePicker ID="RdpStartDate" runat="server"

Width="150px"></telerik:RadDatePicker></td>

</tr>

<tr>

</telerik:RadDatePicker></td>

</tr>

<tr>

<td align="right" class="style7"><asp:Label ID="Label5" runat="server"

Text="Loại Công Việc" Width="113px"></asp:Label></td>

<telerik:RadComboBox ID="txtRadTypeCode" AllowCustomText="true"

MarkFirstMatch="true" runat="server"

DataTextField="Type_Name" Width="150px"

DataValueField = "Type_Code" EmptyMessage="Loại công việc">

</telerik:RadComboBox>

</td>

</tr>

<tr>

<asp:Label ID="Label4" runat="server" Text="Mức Độ Khó" Width="99px"></asp:Label>

</td>

<telerik:RadComboBox ID="txtRadLevelCode" AllowCustomText="true"

MarkFirstMatch="true" runat="server" DataTextField="Level_Name" DataValueField="Level_Code"

Width="150px" EmptyMessage="Mức độ khó">

</telerik:RadComboBox>

</td>

</tr>

<tr>

<asp:Label ID="Label3" runat="server" Text="Nội Dung Công Việc" ></asp:Label>

</td>

<asp:TextBox ID="txtWF_Quote" runat="server" Height="200px"

TextMode="MultiLine" Width="330px"></asp:TextBox>

</td>

</tr>

<tr>

</tr>

<tr>

<asp:Button ID="btnNew" runat="server" Text = "Tạo Mới" Width="80px" onclick="btnNew_Click" /> 

<asp:Button ID="btnOK" runat="server" Text="Cập Nhật" onclick="btnOK_Click" Width="80px"/> 

<asp:Button ID="btnDel" runat ="server" Text = "Xóa" Width="80px" onclick="btnDel_Click"/> 

<asp:Button ID="btnFile" runat ="server" Text ="Tải tài liệu" Width="80px"/> 

<asp:Button ID="btnGrantWorks" runat="server" Text="Giao Việc" Width="80px"/>

</td>

</tr>

</table></td>

<telerik:RadGrid ID="RadGrid_Works" AllowPaging="True" runat="server" OnItemCommand = "RadGrid_Works_ItemCommand"

OnItemDataBound="RadGrid_Works_ItemDataBound" Width="800px" GridLines="None"

AutoGenerateColumns="False" GroupingEnabled="False" Skin="Outlook"

Height="410px" onpageindexchanged="RadGrid_Works_PageIndexChanged">

<telerik:GridTemplateColumn HeaderText="STT" DataField="WF_Code" HeaderStyle-Width="5%" HeaderStyle-HorizontalAlign="Center">

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

</ItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridTemplateColumn UniqueName="WF_TitleName" DataField="WF_TitleName" SortExpression="WF_TitleName" HeaderText="Tên Công Việc " HeaderStyle-Width="20%" HeaderStyle-HorizontalAlign="Center">

<asp:Label ID="lblWF_TitleName" Height="36px" runat="server" Text='<%# Eval("WF_TitleName") %>'/>

<asp:TextBox ID="txtWF_TitleName" Height="36px" runat="server" Text='<%# Bind("WF_TitleName") %>' Width="20%" Style="display: none"/>

</ItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridTemplateColumn UniqueName="WF_Quote" DataField="WF_Quote" SortExpression="WF_Quote" HeaderText="Nội Dung Công Việc" HeaderStyle-Width="25%" HeaderStyle-HorizontalAlign="Center">

<asp:Label ID="lblWF_Quote" runat="server" Height="36px" Text='<%# Eval("WF_Quote") %>'/>

<asp:TextBox ID="txtWF_Quote" runat="server" Height="36px" Text='<%# Bind("WF_Quote") %>' Width="20%" Style="display: none" />

</ItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridTemplateColumn UniqueName="Emp_Code" DataField="Emp_Code" SortExpression="Emp_Code" HeaderText="Người Tạo" HeaderStyle-Width="10%" HeaderStyle-HorizontalAlign="Center">

<asp:Label ID="lblEmp_Code" Height="36px" runat="server" Text='<%# Eval("Emp_Code") %>'/>

<asp:TextBox ID="txtEmp_Code" Height="36px" runat="server" Text='<%# Bind("Emp_Code") %>' Width="10%" Style="display: none" />

</ItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridTemplateColumn UniqueName="WF_StartDate" DataField="WF_StartDate" SortExpression="WF_StartDate" HeaderText="Ngày Bắt Đầu " HeaderStyle-Width="15%" HeaderStyle-HorizontalAlign="Center">

<asp:Label ID="lblWF_StartDate" runat="server" Text='<%# Eval("WF_StartDate","{0:d}") %>'/>

<asp:TextBox ID="txtWF_StartDate" runat="server" Text='<%# Bind("WF_StartDate","{0:d}") %>' Width="15%" Style="display: none" />

</ItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridTemplateColumn UniqueName="WF_EndDate" DataField="WF_EndDate" SortExpression="WF_EndDate" HeaderText="Ngày Kết Thúc " HeaderStyle-Width="15%" HeaderStyle-HorizontalAlign="Center">

<asp:Label ID="lblWF_EndDate" runat="server" Text='<%# Eval("WF_EndDate","{0:d}") %>'/>

<asp:TextBox ID="txtWF_EndDate" runat="server" Text='<%# Bind("WF_EndDate","{0:d}") %>' Width="15%" Style="display: none" />

</ItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridTemplateColumn UniqueName="WF_Status" DataField="WF_Status" SortExpression="WF_Status" HeaderText="Trạng Thái" HeaderStyle-Width="15%" HeaderStyle-HorizontalAlign="Center">

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

<asp:TextBox ID="txtWF_Status" runat="server" Text='<%# Bind("WF_Status") %>' Width="15%" Style="display: none" />

</ItemTemplate>

</telerik:GridTemplateColumn>

</Columns>

</MasterTableView>

</ClientSettings>

</telerik:RadGrid>

</td>

</tr>

</table>

File .cs

using System;

using System.Collections;

using System.Collections.Generic;

using System.ComponentModel;

using System.Data;

using System.Data.SqlClient;

using System.Linq;

using System.Web;

using System.Web.UI;

using System.Web.SessionState;

using System.Web.UI.WebControls;

using System.Web.UI.HtmlControls;

using System.Web.Caching;

using IPC.Bussiness;

using IPC.Utils;

using IPC.DataHelper;

using Telerik.Web.UI;

namespace IPC_WORKS.UI.UserControl

{

public partial class ManagerWorks : System.Web.UI.UserControl

{

#region biến toàn cục

protected string bkey;

public bool iKey = false;

public static int LastId = 0;//lastid

protected decimal WF_Code

{

get { return Convert.ToDecimal(ViewState["WF_Code"]); }

set { ViewState["WF_Code"] = value; }

}

#endregion

#region khởi tạo dữ liệu

protected void Page_Load(object sender, EventArgs e)

{

int startRow = (RadGrid_Works.CurrentPageIndex * RadGrid_Works.PageSize);

LoadGrid("", 0);

if (!Page.IsPostBack){

LoadCombo();

FillFirstData();

try{RadGrid_Works.MasterTableView.Items[startRow].Selected = true;}

catch (Exception){throw new Exception("Khong co so lieu");}

}

#endregion

#region xử lý dữ liệu form đăng ký công việc

private void LoadGrid(string sSQLSearch, int iCheck)

{

BindData();

}

private void BindData()

{

DataTable dt = WorkController.Gets();

if (dt != null)

{

RadGrid_Works.DataSource = dt;

RadGrid_Works.DataBind();

RadGrid_Works.AutoGenerateColumns = false;

try{

for (int i = 0; i < RadGrid_Works.PageCount; i++){

if (iKey)

{

RadGrid_Works.Items[RadGrid_Works.Items.Count - 1].Selected = true;

}

catch { }

}

/// <summary>

/// insert if id = 0 or update if id!=0

/// </summary>

/// <param name="sender"></param>

/// <param name="e"></param>

protected void btnOK_Click(object sender, EventArgs e)

{

if (WF_Code == 0)

{

WorkController.InsertObj(GetObjectData());

iKey = true;

}

else

{

WorkController.UpdateObj(GetObjectData());

iKey = false;

}

ClearForm();

WF_Code = 0;

BindData();

}

private void ClearForm()

{

WF_Code = 0;

txtWF_TittleName.Focus();

txtWF_TittleName.Text = "";

txtWF_Quote.Text = "";

RdpCreateDate.SelectedDate = DateTime.Today;

RdpEndDate.SelectedDate = DateTime.Today;

RdpStartDate.SelectedDate = DateTime.Today;

txtRadLevelCode.SelectedIndex = 0;

txtRadTypeCode.SelectedIndex = 0;

}

private void LoadCombo()

{

txtRadTypeCode.DataSource = WF_Type_Controller.Gets();

txtRadTypeCode.DataBind();

txtRadLevelCode.DataSource = LevelController.Gets();

txtRadLevelCode.DataBind();

}

private WF_WorksInfo GetObjectData()

{

WF_WorksInfo objWorks = new WF_WorksInfo();

if(WF_Code != 0)

{

objWorks.WF_Code = WF_Code;

}

else{

objWorks.WF_Code = CommonSQL.GetLatestID("tbl_WF_WORKS","WF_Code")+1;

}

objWorks.WF_TitleName = CommonLib.PreventSQLInjection(txtWF_TittleName.Text.ToString());

if (RdpCreateDate.SelectedDate != null)

objWorks.WF_CreateDate = Convert.ToDateTime(RdpCreateDate.SelectedDate);

else

objWorks.WF_CreateDate = DateTime.Today;

if (RdpStartDate.SelectedDate != null)

objWorks.WF_StartDate = Convert.ToDateTime(RdpStartDate.SelectedDate);

else

objWorks.WF_StartDate = DateTime.Today;

if (RdpEndDate.SelectedDate != null)

objWorks.WF_EndDate = Convert.ToDateTime(RdpEndDate.SelectedDate);

else

objWorks.WF_EndDate = DateTime.Today;

objWorks.WF_Quote = CommonLib.PreventSQLInjection(txtWF_Quote.Text.ToString());

if (txtRadLevelCode.SelectedValue != "")

objWorks.LEVEL_Code = Convert.ToDecimal(txtRadLevelCode.SelectedValue);

if (txtRadTypeCode.SelectedValue != "")

objWorks.TYPE_Code = Convert.ToDecimal(txtRadTypeCode.SelectedValue);

return objWorks;

}

protected void RadGrid_Works_ItemCommand(object source, GridCommandEventArgs e)

{

WF_WorksInfo objWork = new WF_WorksInfo();

if (e.CommandName == "RowClick" && e.Item is GridDataItem){

LastId = e.Item.ItemIndex;//LastId indexItem

e.Item.Selected = true;

WF_Code = Convert.ToDecimal(e.Item.OwnerTableView.DataKeyValues[e.Item.ItemIndex]["WF_Code"].ToString());

FillObjControl();

}

protected void RadGrid_Works_PageIndexChanged(object source, GridPageChangedEventArgs e)

{

RadGrid_Works.CurrentPageIndex = e.NewPageIndex;

RadGrid_Works.DataBind();

}

protected void RadGrid_Works_ItemDataBound(object sender, GridItemEventArgs e)

{

int currentPageIndex = (RadGrid_Works.Items.Count/RadGrid_Works.PageSize);

if(e.Item.ItemType != GridItemType.Header && e.Item.ItemType != GridItemType.Footer)

{

if (e.Item is GridDataItem)

{

GridDataItem item = (GridDataItem)e.Item;

string id = e.Item.OwnerTableView.DataKeyValues[e.Item.ItemIndex]["WF_Code"].ToString();

if (id == WF_Code.ToString())

e.Item.Selected = true;

try

{

for (int i = 0; i < RadGrid_Works.PageCount; i++)

{

if (iKey)

{

RadGrid_Works.Items[RadGrid_Works.Items.Count - 1].Selected = true;

}

else

if (LastId != 0)

{

RadGrid_Works.Items[LastId].Selected = true;

}

catch { }

for (int i = 0; i <= RadGrid_Works.PageCount; i++)

{

Label lbl = (Label)item.FindControl("lblStt");//accessing Label stt

if (null != lbl)

{

lbl.Text = Convert.ToString(e.Item.ItemIndex+ 1);

}

private void FillObjControl()

{

WF_WorksInfo objWork = WorkController.Get(Convert.ToDecimal(WF_Code));

if (objWork != null)

{

txtWF_TittleName.Focus();

txtWF_TittleName.Text = objWork.WF_TitleName;

txtWF_Quote.Text = objWork.WF_Quote;

RdpCreateDate.SelectedDate = objWork.WF_CreateDate;

RdpStartDate.SelectedDate = objWork.WF_StartDate;

RdpEndDate.SelectedDate = objWork.WF_EndDate;

LevelInfo objLevel = LevelController.Get(Convert.ToDecimal(Session["Level_Code"]));

if (objLevel != null)

{

DataTable dtLevel;

txtRadLevelCode.SelectedValue = objWork.LEVEL_Code.ToString();

if (objLevel.Level_Name.ToString() == "")

{

dtLevel = LevelController.Gets();

txtRadLevelCode.DataTextField = "Level_Name";

txtRadLevelCode.DataValueField = "Level_Code";

}

WF_Type_Info objType = WF_Type_Controller.Get(Convert.ToDecimal(Session["TYPE_Code"]));

if (objType != null)

{

DataTable dtType;

txtRadTypeCode.SelectedValue = objWork.TYPE_Code.ToString();

if (objType.Type_Name.ToString() == "")

{

dtType = WF_Type_Controller.Gets();

txtRadTypeCode.DataTextField = "Type_Name";

txtRadTypeCode.DataValueField = "Type_Code";

}

protected void btnDel_Click(object sender, EventArgs e)

{

if (WF_Code != 0)

WorkController.DeleteIndex(WF_Code);

BindData();

}

private void FillFirstData()

{

DataTable dt = WorkController.GetTop1();

if (dt != null)

{

WF_Code = decimal.Parse(dt.Rows[0][0].ToString());

if (WF_Code != 0)

FillObjControl();

}

protected void btnNew_Click(object sender, EventArgs e)

{

ClearForm();

}

#endregion

}

Grid

answered on 21 Apr 2011