Questions on UI for ASP.NET AJAX Forum

2 answers

195 views

DateTimePicker For DateTime DataType Column Filter

Hello Everyone,

I am new to Rad Grid and want to put DateTimePicker in a Column which has data type Datetime.

However when I specify AutoGenerateColumns="True" at that time DateTimePicker is generated in Column Filter.
But when I doing AutoGenerateColumns="False" and Generate Columns in Page_Load Event at that time all code is same
but instead of DateTimePicker TextBox is generated.

So anyone can help me how to enable DateTimePicker for Filter Column when I generate columns in code behind ?

However I have also specify DataType property when I am adding columns to Grid.

Here is code that I am using.I have declared grid in ASPX Page and just want to describe structure from code behind.

protected void Page_Load(object sender, EventArgs e)

{

if (!IsPostBack)

{

AddColumns();

ViewState["DataSet"] = GetData();

}

private void AddColumns()

{

GridBoundColumn colCustomerID = new GridBoundColumn();

GridBoundColumn colBirthDate = new GridBoundColumn();

GridBoundColumn colName = new GridBoundColumn();

GridBoundColumn colAddress = new GridBoundColumn();

GridBoundColumn colPhone = new GridBoundColumn();

GridBoundColumn colSalary = new GridBoundColumn();

GridBoundColumn colBoolTest = new GridBoundColumn();

rgDemo.Columns.Add(colCustomerID);

rgDemo.Columns.Add(colBirthDate);

rgDemo.Columns.Add(colName);

rgDemo.Columns.Add(colAddress);

rgDemo.Columns.Add(colPhone);

rgDemo.Columns.Add(colSalary);

rgDemo.Columns.Add(colBoolTest);

colCustomerID.DataField = "EmployeeID";

colCustomerID.HeaderText = "EmployeeID";

colCustomerID.UniqueName = "EmployeeID";

colBirthDate.DataField = "BirthDate";

colBirthDate.HeaderText = "BirthDate";

colBirthDate.DataType = Type.GetType("System.DateTime");

colBirthDate.AllowFiltering = true;

colBirthDate.UniqueName = "BirthDate";

colBirthDate.DataFormatString = "{0:MM/dd/yyyy}";

colName.DataField = "Name";

colName.HeaderText = "Name";

colName.UniqueName = "Name";

colAddress.DataField = "Address";

colAddress.HeaderText = "Address";

colAddress.UniqueName = "Address";

colPhone.DataField = "Phone";

colPhone.HeaderText = "Phone";

colPhone.UniqueName = "Phone";

colSalary.DataField = "Salary";

colSalary.HeaderText = "Salary";

colSalary.UniqueName = "Salary";

colBoolTest.DataField = "BoolTest";

colBoolTest.HeaderText = "BoolTest";

colBoolTest.DataType = typeof(Boolean);

}

private DataSet GetData()

{

DataSet _dsData = new DataSet();

DataTable _dtData = new DataTable("Employee");

DataColumn _dc1 = new DataColumn("EmployeeID", typeof(string));

DataColumn _dc2 = new DataColumn("BirthDate", typeof(DateTime));

DataColumn _dc3 = new DataColumn("Name", typeof(string));

DataColumn _dc4 = new DataColumn("Address", typeof(string));

DataColumn _dc5 = new DataColumn("Phone", typeof(string));

DataColumn _dc6 = new DataColumn("Salary", typeof(int));

DataColumn _dc7 = new DataColumn("BoolTest", typeof(int));

_dtData.Columns.Add(_dc1);

_dtData.Columns.Add(_dc3);

_dtData.Columns.Add(_dc2);

_dtData.Columns.Add(_dc4);

_dtData.Columns.Add(_dc5);

_dtData.Columns.Add(_dc6);

_dtData.Columns.Add(_dc7);

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

{

string index = Convert.ToString(i + 1);

DataRow dr = _dtData.NewRow();

dr["EmployeeID"] = "E000" + index;

dr["Name"] = "Employee " + index;

dr["Address"] = "Address " + index;

dr["Phone"] = "123-56789";

dr["Salary"] = Convert.ToString((i + 1) * 1000);

dr["BirthDate"] = DateTime.Now.AddDays(i + 1);

dr["BoolTest"] = (i % 2) == 0 ? true : false;

_dtData.Rows.Add(dr);

}

_dsData.Tables.Add(_dtData);

return _dsData;

}

protected void rgDemo_OnNeedDataSource(object source, GridNeedDataSourceEventArgs e)

{

//Write code to get data in DataSet ds

DataSet _ds = (DataSet)ViewState["DataSet"];

rgDemo.VirtualItemCount = _ds.Tables[0].Rows.Count;

rgDemo.DataSource = _ds;

}

Grid

answered on 05 Apr 2011

5 answers

272 views

Setting RadRatingItem values in code behind

I have specified the number of stars in my code behind using:

numberOfStars = 7;

ctrlRating.ItemCount = NumberOfStars;

The values assigned seem to be automatic (e.g. 1, 2, 3, 4, 5, 6, 7) and I would like to override them with my own values (0, 2, 4, 6, 8, 10, 12).

In this post: http://www.telerik.com/community/forums/aspnet-ajax/rating/tooltips-of-radrating.aspx
you say "That is why, I would recommend that you wrap the rating control in UpdatePanel and update the items in the Items collection server-side."

I have tried to update the items and always get an Index out of range error even in the first iteration.

ctrlRating.Items[numberOfStars - 1].Value = 33

Can you please provide an example of updating the item values using c sharp?

Thanks

Rating

answered on 05 Apr 2011

2 answers

62 views

Pass ID from RadMenu to e.Value for use with XmlHttpPanel

Hello,

I am having difficulty passing the selected menu item to a RadXmlHttpPanel, would any one be able to help??

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

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

<Scripts>

<%--Needed for JavaScript IntelliSense in VS2010--%>

<%--For VS2008 replace RadScriptManager with ScriptManager--%>

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

       
             function onClicking(sender, eventArgs) {
                    var item = eventArgs.get_item();
                    var panel = $find("<%=RadXmlHttpPanel1.ClientID%>");
                    //panel.set_value(item.get_text());
                    panel.set_value(item.ID);
                }


             function onClicking(sender, eventArgs) {
                    var item = eventArgs.get_item();
                    var panel = $find("<%=RadXmlHttpPanel1.ClientID%>");
                    //panel.set_value(item.get_text());
                    panel.set_value(item.ID);
                }

</script>

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

<AjaxSettings>

<telerik:AjaxSetting AjaxControlID="RadMenu1">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="RadGrid1" UpdatePanelHeight="" />

</UpdatedControls>

</telerik:AjaxSetting>

</AjaxSettings>

</telerik:RadAjaxManager>

<telerik:RadSkinManager ID="RadSkinManager1" runat="server" Skin="Office2007">

</telerik:RadSkinManager>

<div>

<script type="text/javascript">

function onClicking(sender, eventArgs) {

var item = eventArgs.get_item();

var panel = $find("<%=RadXmlHttpPanel1.ClientID%>");

panel.set_value(item.ID);

}

</script>

<div class="divContainer">

<div class="divTreeView" style="">

<telerik:RadMenu ID="RadMenu1" runat="server" Width="200px" Skin="Office2007" onclientitemclicked="onClicking" >

</telerik:RadMenu>

</div>

<div class="divXmlPanel">

<telerik:RadXmlHttpPanel ID="RadXmlHttpPanel1" runat="server" LoadingPanelID="RadAjaxLoadingPanel1"

Value="01" OnServiceRequest="XmlHttpPanel_ServiceRequest" Height="267px" Width="548px"

RenderMode="Block">

<telerik:RadGrid ID="RadGrid1" runat="server">

</telerik:RadGrid>

</telerik:RadXmlHttpPanel>

</div>

<div style="height: 31px; background: url('Images/foot_back.png') no-repeat;">

</div>

<telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server" Skin="Office2007">

</telerik:RadAjaxLoadingPanel>

</div>

</form>

C#

private void BindMenu()

{

string sql = "";

var dt = new DataTable();

sql += " SELECT TOP (100) PERCENT PL_ID, Record_Title, Record_Parent, FROM database";

dt = data.GetDataTable(sql);

if (dt.Rows.Count > 0)

{

RadMenu1.DataSource = dt;

RadMenu1.DataTextField = "Record_Title";

RadMenu1.DataNavigateUrlField = "";

RadMenu1.DataFieldID = "PL_ID";

RadMenu1.DataFieldParentID = "Record_Parent";

RadMenu1.DataBind();

}

else

{

RadGrid1.DataSource = null;

}

protected void XmlHttpPanel_ServiceRequest(object sender, RadXmlHttpPanelEventArgs e)

{

string dt = e.Value;

BindGrid(dt);

}

private void BindGrid(string id)

{

string sql = "";

var dt = new DataTable();

sql += string.Format(" Select PL_ID, Record_Title, Record_Content, Record_Order_sort From database where (PL_ID = {0})", id);

dt = data.GetDataTable(sql);

if (dt.Rows.Count > 0)

{

RadGrid1.DataSource = dt;

//RadGrid1.CurrentPageIndex = 0;

Session["NeedsRebind"] = true;

RadGrid1.DataBind();

}

else

{

RadGrid1.DataSource = null;

}

Menu

answered on 05 Apr 2011

1 answer

134 views

Problem Using More than 1 RadRotator

Hi There!
I'm using 3 Rotators on my Master Page, when I set equal values for ScrollDirection Property(e.g. Up), every thing is fine, but when I set different Values for that property, Animation is not working and Rotator is stuck on first Record, Please help me out! I'm running out of time...

Rotator

answered on 05 Apr 2011

2 answers

1.2K+ views

Change text of RadButton on client-side with JavaScript

Hi! Could someone provide me an example of how to change the text of a RadButton using JavaScript? Basically when a user clicks the 'submit' button I want to display an alert message, disable the button, and change the text to say 'Submitting'. I've got the alert message working, but the button text doesn't appear to change nor is it disable.

Here's the lines of code for the javascript...

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

<script type="text/javascript">

function DisableSubmitBtn() {

alert("Submitting Review, please do not click submit more than once");

document.getElementById('<% =btnItemSubmitE.ClientId %>').value = 'Submitting';

}

</script>

</telerik:RadCodeBlock>

Here's the button code...

<telerik:RadButton ID="btnItemSubmitE" runat="server" Skin="Sunset" Text="Submit"

Width="45%" ValidationGroup="Review" OnClientClicked="DisableSubmitBtn" >

<Icon PrimaryIconCssClass="rbOk" PrimaryIconLeft="4" PrimaryIconTop="4" />

</telerik:RadButton>

There are validation controls on the page and a RadAjaxManager is being used.

Thank you!

Button

answered on 05 Apr 2011

4 answers

136 views

Rad Ribbon Bar in Sharepoint 2010

   Hi,

   I used RadRibbonBar in a web application and it is working fine. When I try to implement the same functionality in Sharepoint it is throwing me the below java script error.

Message: '0.style' is null or not an object
Line: 687
Char: 1
Code: 0
URI: http://sp10:7567/ScriptResource.axd?d=V3NQw2_0mRjfNhKRqWWLkl1Da14N4Nt1VoeCxPJC4OX8-gEw_jApkSex9i-hewFKKfi2PQo62kgBgWgGf0EAfZ8hASjRpJDsjUE_ZesBFeKHQ54fzPeK57EkcPvD1m-rHkliJ8j3otvGvr7IvdNEiN7U8uIaQ6FXPXKUZ6j2RDOId3j27SlVZEzj-y11rnEU9XVzZg2&t=73d632da

   I am getting the above error in IE only. Same is working fine with Chrome.

   If any one knows the reason please let me know ASAP.

Regards,
Raju

RibbonBar

answered on 05 Apr 2011

1 answer

718 views

How to run a javascript function when RadGrid control is loaded?

I have a javascript function as below:

 function run() {
        alert('run');
    }

I have a RadGrid control which is updated using RadAjaxManager. How could I run that javascript when the RadGrid is updated? I had hoped to see a OnClientLoad event on this control but there is none. Any help?

Grid

answered on 05 Apr 2011

1 answer

85 views

RadRibbonBar1 + Response error

Hi All,
I have problem with RibbonBar, I have it on my page, it is added to ajaxmanager. The code on the page look like this

<telerik:RibbonBarTab Text="MyApp">

<telerik:RibbonBarGroup Text ="Docs">

<telerik:RibbonBarButton ID="rbbHelp" Size="Large" Text="Help" ImageUrlLarge="Ikcsy/Png/Help.png" />

then in code file a have a fuction

protected void RadRibbonBar1_ButtonClick(object sender, RibbonBarButtonClickEventArgs e)

{

switch

(e.Button.Text.ToString())

{

case "Help":
try
{

Response.Clear();

Response.ContentType =

"text/pdf";

Response.AppendHeader("Content-Disposition", "attachment; filename=" + "HelpFile" + ".pdf" );

string file_path ="\\Help\\HelpFile.pdf";

Response.TransmitFile(file_path);
Response.End();

}

catch(Exception ex)

{

}

break;

}
}
after I clicked the button i get an error after Response.End :
ex = {Unable to evaluate expression because the code is optimized or a native frame is on top of the call stack.} and after this I get on page jscript error Sys.WebForms.PageRequestManagerParserErrorException. What can I do to download/transmit the file correctly ?

Regargs.
Tomek

RibbonBar

answered on 05 Apr 2011

3 answers

502 views

RadGrid Change row background color

Hi,
In each row of my RadGrid I have a CheckBox as shown below.

<telerik:GridTemplateColumn HeaderText="Is Critical?" HeaderButtonType="TextButton" UniqueName="critical">

<ItemTemplate

<asp:CheckBox ID="chkCritical" runat="server" />

</ItemTemplate>

</telerik:GridTemplateColumn>

When the user checks the CheckBox system makes an ajax call from clientside and updates the database. This part is working fine.
I want change the row background color on check/uncheck of the CheckBox on clientside. Could not find a method to set background color on DataItem. Please help.

Grid

answered on 05 Apr 2011

3 answers

117 views

RabRibbonBar Tab Visible

Is it possible to hide a tab from code (c#). I don't see a visibility property.

RibbonBar

answered on 05 Apr 2011