Questions on UI for ASP.NET AJAX Forum

2 answers

382 views

The text in my radgrid is bleeding into the next field. I have tried fixing the issue using CSS, but, I'm not getting the desired results. Here is my code.
<script type="text/css">
.RadGrid .rgHeader,

.RadGrid .rgEditRow td,

.RadGrid .rgRow td,

.RadGrid .rgAltRow td

{

white-space : nowrap !important;

overflow : hidden !important;

text-overflow : ellipsis !important;

table-layout : fixed !important;

}

</script>

<telerik:RadScriptManager ID="ScriptManagerAggressiveMatches" runat="server" EnableTheming="True">

</telerik:RadScriptManager>

<telerik:RadGrid ID="RadGridAggressiveMatches" runat="server" DataMember="Aggressive Members" AutoGenerateEditColumn="True" GridLines="None" AllowFilteringByColumn="True" AllowPaging="True" AllowSorting="True" ShowFooter="True" Skin="Office2007" PageSize="50">

<ItemStyle Width="20px" />

<PagerStyle Mode="NumericPages" NextPageText="Next" PrevPageText="Previous" />

<MasterTableView Width="98%" TableLayout="Fixed">

<RowIndicatorColumn>
<HeaderStyle Width="20px"></HeaderStyle>

</RowIndicatorColumn>

<ExpandCollapseColumn>

</ExpandCollapseColumn>

</MasterTableView>

</FilterMenu>

</telerik:RadGrid>

Grid

answered on 02 Jul 2012

1 answer

94 views

RadPanelBar

I would like to get the value of the DataValueField on Item Click and use that value for the Items Expanded. Something like below.

Protected Sub RadPanelBar1_ItemClick(sender As Object, e As Telerik.Web.UI.RadPanelBarEventArgs) Handles RadPanelBar1.ItemClick

Dim Extend = RadPanelBar1.DataValueField

RadPanelBar1.Items(Extend).Expanded = True

End Sub

Is this possible?

PanelBar

answered on 02 Jul 2012

1 answer

627 views

GridButtonColumn client click event

Hi,

I need to check if a GridButtonColumn was clicked client-side and I also need to know for which row this was.
Getting the event was easy, I subscribed to the OnCommand client event and check if it is my button:

function OnCommand(sender, args) {

if (args.get_commandName() == "MyCommand") {

args.set_cancel(true);

// need to get the current row

}

But how can I access the row in which the button was clicked?

Thanks!

Edit: I just saw how to acccess the row index:

var rowIndex = args.get_commandArgument();

But how can I access the dataKeyValue of this row?

Grid

answered on 02 Jul 2012

1 answer

69 views

recurrence events unique id

hi
i have created a recurrence event say on 6/29/2012 that is weekly so it will also occur on next week 7/6/2012 .But in database i have only one entry with a single ID. So how can i differentiate between both appointment in the terms of any unique id or whatever being is possible.

Scheduler

answered on 02 Jul 2012

5 answers

246 views

RadNumericTextBox cannot handle properly decimal(18,2)

Hi,

I can't force following code to work, meaning the values of the decimals are multiplied by 100 and no combination of DecimalSeparator nor DecimalDigits nor Culture setting renders 5.19m as 5,19 (or 5.19 for that matter) - the result is always 519

<%@ Page Language="C#" AutoEventWireup="true" %>

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

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

</asp:ScriptManager>

<script type="text/C#" runat="server">

protected void RadGrid1_NeedDataSource(object sender, GridNeedDataSourceEventArgs e)

{

System.Data.DataTable table = new System.Data.DataTable();

table.Columns.Add("ID", typeof(int));

table.Columns.Add("pct", typeof(decimal));

table.Rows.Add(1, 5.19m);

table.Rows.Add(2, 99.49m);

table.Rows.Add(3, 19.69m);

table.Rows.Add(4, 5.99m);

RadGrid1.DataSource = table;

}

</script>

<telerik:RadGrid ID="RadGrid1" runat="server" AutoGenerateColumns="false" OnNeedDataSource="RadGrid1_NeedDataSource">

<MasterTableView>

<Columns>

<telerik:GridBoundColumn DataField="ID" DataType="System.Int32" HeaderText="ID" UniqueName="ID">

</telerik:GridBoundColumn>

<telerik:GridTemplateColumn UniqueName="perComplete" HeaderText="Percent Complete"

AllowFiltering="false">

<ItemTemplate>

<telerik:RadNumericTextBox ID="pct" runat="server" Text='<%#Eval("pct") %>' Width="70px">

<NumberFormat AllowRounding="false" />

</telerik:RadNumericTextBox>

</ItemTemplate>

</telerik:GridTemplateColumn>

</Columns>

</MasterTableView>

</telerik:RadGrid>

</div>

</form>

</body>

</html>

General Discussions

answered on 02 Jul 2012

2 answers

479 views

RadGrid Declarative Client Side Binding and Loading Panel Spinner

I watched the following demo (  RadGrid for ASP.NET AJAX - Declarative Client-Side Binding, Pt. 1 )

What I am trying to figure out is the best approach for a loading spinner icon... I found an example: (  Grid / Programmatic Binding   )
But I can't get the Loading panel to show on mine.

I build the exact same demo (northwind) in the Demo RadGrid for ASP.NET AJAX - Declarative Client-Side Binding, Pt. 1,   I just not sure how to get the loading Spinner to show up via client side code....

Grid

answered on 02 Jul 2012

1 answer

119 views

Custom validator didn't fire when I am using RadMultiPage and tabstrip

I am having my design with radtabstrip and RadMultiPage as follows

<telerik:RadTabStrip ID="rdtabEmployee" runat="server" MultiPageID="rdmpPersonal"

UnSelectChildren="True" Skin="WebBlue" EnableEmbeddedSkins="False" ClickSelectedTab="True"

SelectedIndex="0" OnTabClick="tabClick">

<Tabs>

<telerik:RadTab runat="server" Text="Personal" PageViewID="rdpgPersonal">

</telerik:RadTab>

<telerik:RadTab runat="server" Text="Contact" PageViewID="rdpgContact">

</telerik:RadTab>

</telerik:RadTabStrip>

<telerik:RadMultiPage ID="rdmpPersonal" runat="server">

<telerik:RadPageView ID="rdpgPersonal" runat="server" Selected="true">

<telerik:RadPanelBar runat="server" ID="rdpnlPersonal" ExpandMode="FullExpandedItem"

Skin="Vista" EnableEmbeddedSkins="false" Width="880px">

<Items>

<telerik:RadPanelItem Expanded="true" Text="Employee Personal Information" runat="server"

Selected="true">

<Items>

<telerik:RadPanelItem Value="AccountInformation" runat="server">

<ItemTemplate>

<label>

Demop

</label>

<telerik:RadDatePicker ID="RadDatePicker1" Width="200px" runat="server" MinDate="1900-01-01"

TabIndex="5">

<Calendar ID="Calendar1" RangeMinDate="1900-01-01" runat="server">

</Calendar>

</telerik:RadDatePicker>

<telerik:RadDatePicker ID="radDtHiredate" Width="200px" runat="server" MinDate="1900-01-01"

TabIndex="5">

<Calendar ID="calHire" RangeMinDate="1900-01-01" runat="server">

</Calendar>

</telerik:RadDatePicker>

<asp:CustomValidator ID="CustomValidator1" runat="server" ClientValidationFunction="validatehiredate"

SetFocusOnError="true" ControlToValidate="RadDatePicker1" ValidationGroup="accountValidation"

ForeColor="Red" Display="Dynamic">Can not Hire Guy less than 18 yrs</asp:CustomValidator>

<br />

<button onclick="javascript: NextDay(event); return false">

Move to next day</button>

<telerik:RadButton ID="rdbtnpersonalSaveNext" ValidationGroup="accountValidation"

OnClick="rdbtnpersonalSaveNext_Click" TabIndex="11" runat="server" Text="Save & Next">

</telerik:RadButton>

</ItemTemplate>

</telerik:RadPanelItem>

</Items>

</telerik:RadPanelItem>

</Items>

</telerik:RadPanelBar>

</telerik:RadPageView>

<telerik:RadPageView ID="rdpgContact" runat="server">

<telerik:RadPanelBar runat="server" ID="RadPanelBar1" ExpandMode="FullExpandedItem"

Skin="Vista" EnableEmbeddedSkins="false" Width="880px">

<ItemTemplate>

<asp:TextBox ID="txtDemo" runat="server">

</asp:TextBox>

</ItemTemplate>

</telerik:RadPanelBar>

<label>

Demo Contact

</label>

</telerik:RadPageView>

</telerik:RadMultiPage>

When I click on second Tab and came back to first tab the custom validation which i had written fails, can some one help me..

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

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

function monthDiff(d1, d2) {

var months;

var date1 = new Date(d1);

var date2 = new Date(d2);

return (date1 - date2) / (1000 * 60 * 60 * 24);

return months;

}

//function getLeapYear

function difference(d1, d2) {

var diff = 18 * 12;

var Age = monthDiff(d1, d2);

var compareVal = 365 * 18; //getCompareVal(hiredate,dob);

if (Age >= compareVal) {

return true;

//true

} else {

return false; //false

}

function validatehiredate(value, arg) {

var datePicker = $find('<%= rdpnlPersonal.FindItemByValue("AccountInformation").FindControl("radDtHiredate").ClientID %>');

var datePicker1 = $find('<%= rdpnlPersonal.FindItemByValue("AccountInformation").FindControl("RadDatePicker1").ClientID %>');

var date = datePicker.get_selectedDate();

var date1 = datePicker1.get_selectedDate();

arg.IsValid = (difference(date, date1));

}

</script>

</telerik:RadCodeBlock>

TabStrip

answered on 02 Jul 2012

5 answers

270 views

RadAjaxManager + Asp.net Validators: duplicated messages

Hello,

I'm having trouble using the Asp.net validators with Telerik RadAjaxManager. The messages are "duplicated" after ajax requests.

I have an example to explain.

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

<telerik:RadAjaxLoadingPanel ID="ajax_loading_panel" Enabled="true" runat="server" MinDisplayTime="1000" BackColor="#cccccc" Transparency="50"></telerik:RadAjaxLoadingPanel>

<asp:ValidationSummary ID="validator_summary" runat="server" />

<div id="div_test_1" runat="server" style="border-style:solid;border-color:Black;padding:20px;">

Test 1:

<asp:TextBox ID="txt_test_1" runat="server" OnTextChanged="txt_test_1_TextChanged" AutoPostBack="true"></asp:TextBox>

<asp:Literal ID="ltl_test_1" runat="server"></asp:Literal>

<asp:RequiredFieldValidator ID="rfv_test_1" runat="server" ControlToValidate="txt_test_1" Display="None" ErrorMessage="RequiredFieldValidator Test 1"></asp:RequiredFieldValidator>

</div>

<br />

<div id="div_test_2" runat="server" style="border-style:solid;border-color:Black;padding:20px;">

Test 2:

<asp:TextBox ID="txt_test_2" runat="server" OnTextChanged="txt_test_2_TextChanged" AutoPostBack="true"></asp:TextBox>

<asp:Literal ID="ltl_test_2" runat="server"></asp:Literal>

<asp:RequiredFieldValidator ID="rfv_test_2" runat="server" ControlToValidate="txt_test_2" Display="None" ErrorMessage="RequiredFieldValidator Test 2"></asp:RequiredFieldValidator>

</div>

<br />

<asp:Button ID="btn_submit" runat="server" OnClick="btn_submit_Click" Text="Submit" />

<telerik:RadAjaxManager ID="ajax_manager" runat="server" DefaultLoadingPanelID="ajax_loading_panel">

<AjaxSettings>

<telerik:AjaxSetting AjaxControlID="txt_test_1">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="div_test_1" />

</UpdatedControls>

</telerik:AjaxSetting>

<telerik:AjaxSetting AjaxControlID="txt_test_2">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="div_test_2" />

</UpdatedControls>

</telerik:AjaxSetting>

</AjaxSettings>

</telerik:RadAjaxManager>

protected void Page_Load(object sender, EventArgs e)

{}

protected void btn_submit_Click(object sender, EventArgs e)

{}

protected void txt_test_1_TextChanged(object sender, EventArgs e)

{

ltl_test_1.Text = txt_test_1.Text;

txt_test_1.Text = null;

}

protected void txt_test_2_TextChanged(object sender, EventArgs e)

{

ltl_test_2.Text = txt_test_2.Text;

txt_test_2.Text = null;

}

The page has two updateable areas, each area has a textbox and a Asp.net validator, and each textbox triggers an ajax request updating your area.
If you type something in Test 1, its area will be updated, so if you click the submit button, the summary will show twice the message of the field Test 2 (which has not been updated). Each ajax generates another message.

I verified that this only occurs when the validator is inside an updateable area that is not being updated at this time. Also checked that when you are updating an area, the request create (then duplicating) all the validators that are located in other areas, when the validator is not in an updateable area, it is not created in ajax request.

What could I do?

Ajax

answered on 02 Jul 2012

4 answers

119 views

Rad splitter scrolling

I am currently using a radsplitter between two RadPanes in my application.

Currently , the scrollbars on the individual RadPanes are visible as highlighted in the attached screenshot . However I want that the scrollbars on the individual RadPane should not appears irrespective of the contents in it and use the browser scrolling instead and expand according to content(i.e. even if the contents crosses the screenlimit the Radpane should not enable its scrolling and instead use browser scrollbars).

Is there any way in which the above mentioned requirement can be achieved?

Thanking you in advance

Splitter

answered on 02 Jul 2012

3 answers

178 views

Error Editing Rad Grid

Hi,

I have a rad grid that I am putting into edit mode on row double click. This functionality works great until I put and InsertItemTemplate on any of the fields.

When I put an InsertItemTemplate on any of the fields and then double click the row to put it into edit mode I get the following javascript error.

Microsoft JScript runtime error: Sys.WebForms.PageRequestManagerServerErrorException: Object reference not set to an instance of an object.

   _endPostBack: function PageRequestManager$_endPostBack(error, executor, data) {
        if (this._request === executor.get_webRequest()) {
            this._processingRequest = false;
            this._additionalInput = null;
            this._request = null;
        }

        var eventArgs = new Sys.WebForms.EndRequestEventArgs(error, data ? data.dataItems : {}, executor);
        Sys.Observer.raiseEvent(this, "endRequest", eventArgs);
        if (error && !eventArgs.get_errorHandled()) {
            throw error;
        }
    },

Below is a stripped down version of my grid. Can you please take a look and tell me what I am doing wrong.
Thank you for you assistance.

Tracy

<%@ Page Language="vb" AutoEventWireup="false" CodeBehind="QBF PRJ Forecasting Bak1.aspx.vb" Inherits="IPS_Gateway.QBF_PRJ_Forecasting_Bak1" %>

<!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 id="Head1" runat="server">

<title></title>

</head>

<script src="../../Scripts/ControlSelectOnFocus.js" type="text/javascript"></script>

<script type="text/javascript" >

function RowDblClick(sender, eventArgs) {

editedRow = eventArgs.get_itemIndexHierarchical();

$find("<%= rgvMainGrid.ClientID %>").get_masterTableView().editItem(editedRow);

}

function CancelEdit(sender, args) {

var c = confirm("Are you sure you want to cancel your changes>");

if (c == true) {

$find("<%= rgvMainGrid.ClientID %>").get_masterTableView().cancelAll();

}

function GridCommand(sender, args) {

if (args.get_commandName() != "Edit") {

editedRow = null;

}

</script>

<body>

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

<act:ToolkitScriptManager ID="ToolkitScriptManager1" runat="server" EnablePartialRendering="true" AsyncPostBackTimeOut="600"/>

<telerik:RadWindowManager ID="rwmManager" runat="server"></telerik:RadWindowManager>

<asp:SqlDataSource ID="SQLDS_ForecastedCostEntry" runat="server"

ConnectionString="<%$ ConnectionStrings:IPSDataConnectionString %>" SelectCommandType="StoredProcedure" SelectCommand="[Project].[DSP_ForecastedHoursEntry-Sel]" />

<asp:SqlDataSource ID="SQLDS_ForecastedCostUpdate" runat="server"

ConnectionString="<%$ ConnectionStrings:IPSDataConnectionString %>" SelectCommandType="StoredProcedure" SelectCommand="[Project].[DSP_ForecastedHoursEntry-Ins-Upd]" />

<asp:panel ID="pnlPage" runat="server" cssClass="css_GPC01_Panel_MainContent">

<wuc:PageHeader id="wucPageHeader" runat="server"></wuc:PageHeader>

<asp:Panel ID="pnlPageContent" runat="server" cssClass="css_GPC01_Panel_PageContent" >

<telerik:RadAjaxPanel ID="rapMainGrid" runat="server">

<telerik:RadGrid ID="rgvMainGrid" runat="server" DataSourceID="SQLDS_ForecastedCostEntry"

EnableEmbeddedSkins="true" Skin="Office2010Silver" Height="400px" Width="1230px"

EnableViewState="true" AutoGenerateColumns="false" AllowMultiRowSelection="false"

AllowAutomaticDeletes="false" AllowAutomaticInserts="true" AllowAutomaticUpdates="true" EnableLinqExpressions="false"

EnableHeaderContextMenu="true"

AllowFilteringByColumn="false"

AllowPaging="true" PageSize="1000">

<HeaderStyle Font-Bold="true" HorizontalAlign ="Center" VerticalAlign="Middle" Wrap="false" font-size="10px"/>

<ItemStyle HorizontalAlign="Right" />

<AlternatingItemStyle HorizontalAlign="Right" />

<HeaderStyle HorizontalAlign="Center" Width="40px"/>

<PagerStyle AlwaysVisible="true" Mode="NextPrevNumericAndAdvanced"/>

<FooterStyle HorizontalAlign="Right" />

<ClientSettings AllowColumnsReorder="true" AllowDragToGroup="false" AllowColumnHide="false" ReorderColumnsOnClient="true" EnablePostBackOnRowClick="false" AllowExpandCollapse="true"

EnableRowHoverStyle = "true" >

<ClientEvents OnCommand="GridCommand" OnRowDblClick="RowDblClick" />

<Selecting AllowRowSelect="true" />

<Resizing AllowColumnResize="True" AllowRowResize="False" ResizeGridOnColumnResize="false" EnableRealTimeResize="True" ></Resizing>

<Scrolling AllowScroll="True" UseStaticHeaders="True" SaveScrollPosition="true" FrozenColumnsCount="4" />

</ClientSettings>

<MasterTableView DataSourceID="SQLDS_ForecastedCostEntry" Name="MasterGrid"

EnableViewState="true" ShowFooter="true" ShowGroupFooter="true" ShowHeadersWhenNoRecords="true"

EditMode="InPlace" CommandItemDisplay="Top" TableLayout="Fixed"

<CommandItemTemplate>

<asp:Table ID="tblCommandTemplate" runat="server" Width="1230px" CellSpacing="0" CellPadding="0">

<asp:TableRow ID="trowCommandTemplate1" Height="25px" runat="server" style="display:block;" >

<asp:TableCell >

<telerik:RadButton ID="rbtAdd" runat="server" CommandName="InitInsert" Skin="Transparent" Text="Add"

Icon-PrimaryIconURL="<%$ Resources:Images,AddRecord16%>"    style="position:absolute;left:10px;font-size:12px;"  ToolTip="Add New Record"       />

<telerik:RadButton ID="rbtCancel" runat="server" OnClientClicked="CancelEdit" Skin="Transparent" Text="Cancel"

Icon-PrimaryIconURL="<%$ Resources:Images,CancelRecord16%>" style="position:absolute;left:10px;font-size:12px;"  ToolTip="Cancel Add/Edit"    Visible='<%# rgvMainGrid.EditIndexes.Count > 0 Or rgvMainGrid.MasterTableView.IsItemInserted %>'    AutoPostBack="false" />

<telerik:RadButton ID="rbtSaveNew" runat="server" CommandName="PerformInsert" Skin="Transparent" Text="Save"

Icon-PrimaryIconURL="<%$ Resources:Images,SaveRecord16%>"   style="position:absolute;left:80px;font-size:12px;"  ToolTip="Save New Record"    Visible='<%# rgvMainGrid.MasterTableView.IsItemInserted%>'                                           />

<telerik:RadButton ID="rbtSave" runat="server" CommandName="UpdateEdited" Skin="Transparent" Text="Save"

Icon-PrimaryIconURL="<%$ Resources:Images,SaveRecord16%>"   style="position:absolute;left:80px;font-size:12px;"  ToolTip="Save Edited Record" Visible='<%# rgvMainGrid.EditIndexes.Count > 0 AND Not rgvMainGrid.MasterTableView.IsItemInserted%>'/>

</asp:TableCell>

</asp:TableRow>

</asp:Table>

</CommandItemTemplate>

<Columns>

<telerik:GridBoundColumn DataField="Job" UniqueName="Job" HeaderText="Job" />

<telerik:GridBoundColumn UniqueName="Extra" DataField="Extra" Display="true" />

<telerik:GridBoundColumn DataField="CostCode" UniqueName="CostCode" HeaderText="Cost Code" HeaderStyle-Width="70px" ItemStyle-HorizontalAlign="Left" ReadOnly="true" />