Questions on UI for ASP.NET AJAX Forum

1 answer

87 views

Hide GridTemplateColumn with DropDownList

Hi, i have a problem, i want to hide a gridtemplatecolumn at selected an option of DropDownList but i cant do it.
My dropdownlist isn´t in the RaidGrid.

This is my dropdownlist:

<asp:Label ID="Label5" runat="server" CssClass="clbl04" Text="Estatus :"></asp:Label>
<asp:DropDownList ID="ddst" runat="server" Font-Names="Tahoma" Font-Size="8pt" AutoPostBack="false"></asp:DropDownList>

and this is my gridtemplatecolumn:

<radG:GridTemplateColumn HeaderText="Certification Date" UniqueName="TemplateColumn">

Grid

answered on 12 Jan 2015

6 answers

794 views

Sys.WebForms.PageRequestManagerParserErrorException error when using radA:RadScriptManager

Hi Its Shrawan fro a:m web,

In my last post i have asked u about rad ajax problem in mozilla 3.0 in radControls for asp.net not asp.net ajax,
Thankyou very much for ur reply
anyway i have installed radcontrols fro asp.net ajax and i get rid of that perticulat input string error,

But now when i am using radajaxloadingpanel controls it asked me to place radscript manager and http handler in web.config I have placed that, But now when i have clicked on any of the buttons in whichever forms i used this rascript manager i am getting following exception as an alert and i am not able continue my navigation beyond this

Sys.WebForms.PageRequestManagerParserErrorException: The message received from the server could not be parsed. Common causes for this error are when the response is modified by calls to Response.Write(), response filters, HttpModules, or server trace is enabled.

Details: Error parsing near '

<!DOCTYPE html PUB'.

u can see tat error in http://globalcarbon.amwebhost.net/index.aspx goto anyof calculators on ur right side like quick,house,car etc and try to hit the button and then go to shopping_cart.aspx click on next button u will get the error instance there also,

Can u please help me how should i overcome this error,

Thak you

Hope i will get a quich solution from u, awaiting for that

Sravan@amweb.ie

Ajax

answered on 12 Jan 2015

3 answers

171 views

Paging causes postback when grid setup for client bound data

The grid loads fine using my JSON data source but when I click the paging buttons or page numbers it causes a postback of the page rather than firing a client command event as expected. I dont see a disable postback property.

Here are the relevant information. Its a very simple test.

    <telerik:RadGrid runat="server" ID="RadGrid1" AutoGenerateColumns="False" GroupPanelPosition="Top" Skin="Office2007" EnableViewState="false">
        <MasterTableView AllowCustomPaging="True" AllowPaging="True" PagerStyle-AlwaysVisible="True" PageSize="10">
            <RowIndicatorColumn Visible="False">
            </RowIndicatorColumn>
            <ExpandCollapseColumn Created="True">
            </ExpandCollapseColumn>
            <Columns>
                <telerik:GridBoundColumn DataField="ID" HeaderText="ID">
                    <ColumnValidationSettings>
                        <ModelErrorMessage Text=""></ModelErrorMessage>
                    </ColumnValidationSettings>
                </telerik:GridBoundColumn>
                <telerik:GridBoundColumn DataField="Name" HeaderText="Name">
                    <ColumnValidationSettings>
                        <ModelErrorMessage Text=""></ModelErrorMessage>
                    </ColumnValidationSettings>
                </telerik:GridBoundColumn>
                <telerik:GridBoundColumn DataField="Status" HeaderText="Status">
                    <ColumnValidationSettings>
                        <ModelErrorMessage Text=""></ModelErrorMessage>
                    </ColumnValidationSettings>
                </telerik:GridBoundColumn>
                <telerik:GridBoundColumn DataField="Owner" HeaderText="Owner">
                    <ColumnValidationSettings>
                        <ModelErrorMessage Text=""></ModelErrorMessage>
                    </ColumnValidationSettings>
                </telerik:GridBoundColumn>
            </Columns>
        </MasterTableView>
        <ClientSettings>
            <Selecting AllowRowSelect="True" EnableDragToSelectRows="False" />
            <ClientEvents OnDataBound="dataBound" />
            <ClientEvents OnCommand="RadGrid1_Command" />
        </ClientSettings>
    </telerik:RadGrid>

Thanks

Brian

Grid

answered on 12 Jan 2015

1 answer

89 views

Combo on masterpage

Hi,
I have a combo and a menu on my masterpage. On combo selectedindexchanged I populate the menu.
Each menu open a content page.
When I click on a menu I lost the combo selection.

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

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

<AjaxSettings>

<telerik:AjaxSetting AjaxControlID="ChooseProjectDdl">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="ChooseProjectDdl" />

<telerik:AjaxUpdatedControl ControlID="RadMenu1" />

<telerik:AjaxUpdatedControl ControlID="BreadCrumbSiteMap" />

</UpdatedControls>

</telerik:AjaxSetting>

<telerik:AjaxSetting AjaxControlID="RadMenu1">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="RadMenu1" />

<telerik:AjaxUpdatedControl ControlID="ChooseProjectDdl" />

<telerik:AjaxUpdatedControl ControlID="BreadCrumbSiteMap" />

<telerik:AjaxUpdatedControl ControlID="ContentPlaceHolder1" />

</UpdatedControls>

</telerik:AjaxSetting>

</AjaxSettings>

</telerik:RadAjaxManager>

<telerik:RadAjaxLoadingPanel ID="RadAjaxMainLoadingPanel" runat="server" Skin="Default" />

<div>

<header>

<div class="projectChooser">

<telerik:RadComboBox ID="ChooseProjectDdl" runat="server" Width="250" Height="150" on

EmptyMessage="Select a Project" EnableLoadOnDemand="true"

OnSelectedIndexChanged="ChooseProjectDdl_SelectedIndexChanged" AutoPostBack="true"

Label="Project:">

<WebServiceSettings Method="GetUserProjects" Path="ProjectsWebService.asmx" />

</telerik:RadComboBox>

</div>

</header>

<div class="demo-container size-medium no-bg">

<div class="demo-content">

<telerik:RadMenu ID="RadMenu1"

runat="server"

EnableRoundedCorners="true"

EnableShadows="true"

EnableTextHTMLEncoding="true"

Skin="Default">

</telerik:RadMenu>

<br />

<div class="breadcrumb">

<telerik:RadSiteMap ID="BreadCrumbSiteMap" runat="server" DataTextField="Text" DataNavigateUrlField="NavigateUrl" Skin="Silk">

<DefaultLevelSettings ListLayout-RepeatDirection="Horizontal" SeparatorText="/" Layout="Flow" />

</telerik:RadSiteMap>

<h3>

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

</h3>

</div>

<asp:ContentPlaceHolder ID="ContentPlaceHolder1" runat="server">

</asp:ContentPlaceHolder>

</div>

I tried to save the value on a session and force the selectedvalue on the MasterPage on Load event but it doesn't work

if (!Page.IsPostBack)

{

if (Session["ActiveProject"] != null && GlobalClientInfo.LoggedUser != null)

{

ProjectEntity pjt = (ProjectEntity)Session["ActiveProject"];

m_ProjectId = pjt.Id;

ChooseProjectDdl.SelectedValue = m_ProjectId.ToString();

}

What do I miss?

ComboBox

answered on 12 Jan 2015

1 answer

76 views

Center The Whole Org On A Page

Hi

I have successfully bound a large dataset to my org chart and displaying the first 3 levels but the chart if bursting out the right hand side of the page. I'm ok with this but would like the top node to appear in the center of the page effectively bursting out the sides of the page equally.

<body>
    <form id="form1" runat="server">
    <asp:ScriptManager ID="scriptManager1" runat="server"/>
    <div>
        <telerik:RadAjaxPanel runat="server" ID="RadAjaxPanel1" ClientEvents-OnResponseEnd="OnResponseEnd">
            <div class="demo-container no-bg">
                <telerik:RadAjaxPanel runat="server" ID="RadAjaxPanel" LoadingPanelID="RadAjaxLoadingPanel1" >
                    <asp:HiddenField runat="server" ID="SessionID" />
                    <telerik:RadOrgChart ID="RadOrgChart1" runat="server" Skin="Default" RenderMode="Lightweight" LoadOnDemand="NodesAndGroups" DataCollapsedField="Collapsed" GroupColumnCount="3" EnableDrillDown="true" EnableDragAndDrop="true" MaxDataBindDepth="3" DisableDefaultImage="true" AllowGroupItemDragging="true" EnableGroupCollapsing="true" />
                </telerik:RadAjaxPanel>
            </div>
        </telerik:RadAjaxPanel>
    </div>
    </form>
</body>

Thanks

OrgChart

answered on 12 Jan 2015

1 answer

42 views

Setting Editmode of Radgrid break select element IE

Hi..

I've tracked a problem down which I initially thought was related to Tabstrip but seems it is actually setting the grid edit mode in code whereby including the lines of code below prevent a select box working in IE 11 on my page. If I comment the lines of code out the select box then works fine. This issue doesn't appear on firefox/chrome though only IE.

                 RadGrid1.MasterTableView.EditMode = GridEditMode.Batch;
                RadGrid1.MasterTableView.BatchEditingSettings.EditType = GridBatchEditingType.Cell;

The procedure simply displays a hidden column and changes the editmode. I'm wondering if the same thing can be done client side? Is there a way in javascript to achieve result?

    if (RadGrid1.MasterTableView.GetColumn("Map").Display != true)
            {
                RadGrid1.MasterTableView.EditMode = GridEditMode.Batch;
                RadGrid1.MasterTableView.BatchEditingSettings.EditType = GridBatchEditingType.Cell;
                RadGrid1.MasterTableView.GetColumn("Map").Display = true;
                foreach (GridColumn col in RadGrid1.MasterTableView.Columns)
                    if (col.UniqueName == "col1" || col.UniqueName == "col2" || col.UniqueName == "col3")
                    {
                        GridBoundColumn boundColumn = col as GridBoundColumn;
                        boundColumn.ReadOnly = true;
                    }
             }

           else
            {
               RadGrid1.MasterTableView.EditMode = GridEditMode.EditForms;
               RadGrid1.MasterTableView.GetColumn("Map").Display = false;
               foreach (GridColumn col in RadGrid1.MasterTableView.Columns)
                   if (col.UniqueName == "col1" || col.UniqueName == "col2" || col.UniqueName == "col3")
                   {
                       GridBoundColumn boundColumn = col as GridBoundColumn;
                       boundColumn.ReadOnly = false;
                   }
            }

Grid

answered on 12 Jan 2015

3 answers

120 views

Print view with RadGrid problem

Hi,

I am trying to print a view that has telerik grid, I want all rows to appear in the printed output, so I gave the grid height 2500 px, the grid show all rows, but when i print the page, the first page has blank area after columns header

please find attached a sample of the print output in PDF.

please tell me how to fix it.

Grid

answered on 12 Jan 2015

1 answer

94 views

GridDateTimeColumn formats dates incorrectly after postback

We have a grid that has a GridDateTimeColumn with the globalization culture info settings set to "en-GB". If I enter the date "30/12/2014" and save it to the database, the column maintains the correct formatting of "dd/MM/YYYY" after the save postback completes. However, if I enter "06/01/2015" and click save, the date format changes to "01/06/2015" after the postback. The date is saved correctly in the db as "12/30/2014" and "01/06/2015".

I'm at a loss as to what the problem could be. Checking CultureInfo and CultureUIInfo shows the following:
CultureInfo = "en-GB"
CultureUIInfo = "en-US"

Internet Explorer's "Language Preference" has only "English (United Kingdom) [en-GB]" in its list.

Even when I set CultureUIInfo to "en-GB" manually in the page_load, the problem persists.

Please help,

Thank you,
James

Grid

answered on 12 Jan 2015

3 answers

87 views

Show arrows before sorting with no skin

I have a sortable radgrid. We are using skin="" and styling the grid ourselves. With no skin, there are no arrows or indicators next to the text to tell the user this column is sortable. The text on sortable fields is bold and when you mouse over a "Click here to sort" hint comes up. But I have just been told by my client that this isn't a good enough indicator. They want arrows to tell the user that it's sortable. There currently are no arrows which I'm sure is proper for no skin. However, when the user clicks the sort text, an up or down arrow shows up. I tried adding an image in ItemDataBound and it worked ok but as soon as the user clicks the text I get both my image AND the up/down arrow from the grid. Is there any way to either add both up and down arrows on default state or hide the arrows when sorted so I can add my own image in ItemDataBound?

Grid

answered on 12 Jan 2015

1 answer

234 views

How to call date picker event in jQuery block?

Hi, I have this raddatepicker:

<telerik:RadDatePicker ID="datePicker" runat="server" MinDate="1900-01-01"
DateInput-Width="217px" Culture="en-GB"
DateInput-Enabled="false" Skin="Sunset" Width="247px" >
<ClientEvents OnDateSelected="getTripsAndHistory" />
<Calendar ID="Calendar3" RangeMinDate="1900-01-01" runat="server" >
</Calendar>
<DateInput Enabled="False" DisplayDateFormat="dd/MM/yyyy" DateFormat="dd/MM/yyyy"></DateInput>
<DatePopupButton ImageUrl="" HoverImageUrl=""></DatePopupButton>
</telerik:RadDatePicker>

which has <ClientEvents OnDateSelected="getTripsAndHistory" />

The problem, I need to write the event in jQuery Ready block:

(function ($) {
$(document).ready(function () {

function getTripsAndHistory(sender, eventArgs) {
var date = eventArgs.get_renderDay().get_date();
var dfi = sender.DateTimeFormatInfo;
var formattedDate = dfi.FormatDate(date, dfi.ShortDatePattern);
alert(formattedDate + " was just " +
(eventArgs.get_renderDay().get_isSelected() ? "selected. " : "unselected. "));
}

});
})(jQuery);

I am getting an error in firebug --> ReferenceError: getTripsAndHistory is not defined
How can I solve it without removing the event function from jquery ready block?

Calendar

answered on 12 Jan 2015