Questions on UI for ASP.NET AJAX Forum

1 answer

81 views

Header Context Menu for Column max count selected colum set 4

how i can set max selected column count , when i select example 4 checkbox other checkbox is disabled and enabled when selected checkbox count less then 4

or

<telerik:RadGrid
.....

<ClientSettings EnableRowHoverStyle="true">
<ClientEvents OnFilterMenuShowing="filterMenuShowing" />
<ClientEvents OnColumnHidden="onColumnHidden" OnColumnShown="onColumnShow" />
<Selecting AllowRowSelect="True" />
</ClientSettings>

.........................

function onColumnShow(sender, args) {

//calculate selected checkbox count
}

how calculate selected checkbox count

Grid

answered on 04 Mar 2014

4 answers

294 views

[Solved] cancel ontabclick

I have a RadTabStrip with an ontabclick event. How can I cancel the event after a tab is clicked so that the user stays on the current tab?

I am using version 2010.3.1215.40

Thanks.

TabStrip

answered on 04 Mar 2014

0 answers

129 views

RadComboBox ItemChecked validator conflict

Hello,
I have a problem using RadComboBox with the ItemChecked event when a validator is present on the page. ComboBox has the CausesValidation property set to false. Checkboxes work correctly, however clicking on the item label does not check the item and after a while results in timeout error:
Error: Sys.WebForms.PageRequestManagerTimeoutException: The server request timed out.

Following is the demo page:

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
</head>
<body>
<form id="form1" runat="server">
<telerik:RadScriptManager ID="rsmMain" runat="server" EnablePageMethods="true" EnableScriptGlobalization="true" EnablePartialRendering="true" />
<div>

<asp:TextBox runat="server" ID="tbInput" /><asp:RequiredFieldValidator ID="rfvInput" runat="server" ControlToValidate="tbInput" ErrorMessage="Error" />
<asp:UpdatePanel ID="upActivitySelector" runat="server" UpdateMode="Conditional" ChildrenAsTriggers="false">
<ContentTemplate>
<telerik:RadComboBox runat="server" ID="cbTest" AutoPostBack="true" CausesValidation="false" CheckBoxes="true">
<Items>
<telerik:RadComboBoxItem Text="test1" />
<telerik:RadComboBoxItem Text="test2" />
</Items>
</telerik:RadComboBox>
</ContentTemplate>
</asp:UpdatePanel>

</div>
</form>
</body>
</html>

public partial class RadComboBoxTest : System.Web.UI.Page {
protected void Page_Init(object sender, EventArgs e) {
cbTest.ItemChecked += new RadComboBoxItemEventHandler(selector_ItemChecked);
}

protected void selector_ItemChecked(object sender, RadComboBoxItemEventArgs e) { }

}

ComboBox

asked on 04 Mar 2014

1 answer

224 views

How to set Header Template Text when using Items_Requested

I'm using the below markup to create a Combox that has a Header Template. I have a potential 10000+ records so I'm using LoadOnDemand to populate the rows BUT I would like to be able to populate the HEADER labels immediately. See the second code snippet..

The code to fire the GetTranslation is currently ignored but I've also tried the below in Init, PreRender, ItemsCreated, in all cases its either too early or in ItemsCreated, it only fires once I actually start type, which is too late.

Dim HeaderCommitmentNumber As Label = DirectCast(e.Item.FindControl("lblCommitmentNumber"), Label)

Dim HeaderVendor As Label = DirectCast(e.Item.FindControl("lblVendor"), Label)

HeaderCommitmentNumber.Text = MasterPage.GetTranslation("Number", False)

HeaderVendor.Text = MasterPage.GetTranslation("VendorDescription", False)

<telerik:RadComboBox ID="CommitmentNumber" runat="server" Width="100px" Height="200" DropDownWidth="450"

EnableLoadOnDemand="true" ItemsPerRequest="10" DataTextField="ReferenceDocumentNumber" HighlightTemplatedItems="true"

ExpandDelay="0" ExpandAnimation-Duration="0" CollapseAnimation-Duration="0" CollapseDelay="0" LoadingMessage='<%#MasterPage.GetTranslation("Loading", False)%>' >

<HeaderTemplate>

<div style="width: 420px;">

<div style="width: 75px; float: left; padding: 0 11px 0 11px; color: rgb(0, 21, 110) !important;">

<asp:Label ID="lblCommitmentNumber" runat="server" Text='<%#MasterPage.GetTranslation("Number", False)%>' Font-Bold="true" />

</div>

<div style="width: 295px; float: left; padding: 0 11px 0 11px; color: rgb(0, 21, 110) !important;">

<asp:Label ID="lblVendor" runat="server" Text='<%#MasterPage.GetTranslation("VendorDescription", False)%>' Font-Bold="true" />

</div>

</HeaderTemplate>

<ItemTemplate>

<ul>

<li>

<ul>

<li id="col1">

<div style="width: 75px; float: left; padding: 0 11px 0 11px; color: rgb(0, 21, 110) !important;">

<asp:Label ID="ReferenceDocumentNumber" runat="server" Text='<%# DataBinder.Eval(Container.DataItem, "ReferenceDocumentNumber").ToString()%>'></asp:Label>

</div>

</li>

<li id="col2">

<div style="width: 295px; float: left; color: rgb(0, 21, 110) !important; margin-left: 5px;">

<div>

<asp:Label ID="lblVendor" runat="server" Text='<%# DataBinder.Eval(Container.DataItem, "Vendor").ToString()%>'></asp:Label>

</div>

<div>

<asp:Label ID="lblVendorDesc" runat="server" Text='<%# DataBinder.Eval(Container.DataItem, "Description").ToString()%>'></asp:Label>

</div>

</li>

</ul>

</li>

</ul>

</ItemTemplate>

</telerik:RadComboBox>

ComboBox

answered on 04 Mar 2014

1 answer

274 views

In RadTabStrip Control Unable Navigate the Tabs by button click event

I am using RadTabstrip Control in my Sharepoint Project. In my page i have RadMultiPage control in that i have 5 tabs for them i am using 5 RadPageView in each Radpageview i place the user controls each control have some forms in that i have button controls. These button controls i am using for data insertion as well as navigate the control from one page to another page here i am unable to get that functionality here is my code please look at it. what is the problem in my code

my.ascx code
<telerik:RadTabStrip ID="RadTabStrip1" runat="server" MultiPageID="RadMultiPage1" Skin="Silk">
<Tabs>
<telerik:RadTab runat="server" Text="Case Details" ToolTip="Case Details">
</telerik:RadTab>
<telerik:RadTab runat="server" Text="Party Details" ToolTip="Party Details">
</telerik:RadTab>
<telerik:RadTab runat="server" Text="Legal Practitioner Details" ToolTip="Legal Practitioner Details"></telerik:RadTab>
<telerik:RadTab runat="server" Text="Document Details" ToolTip="Document Details"></telerik:RadTab>
<telerik:RadTab runat="server" Text="Summary" ToolTip="Summary"></telerik:RadTab>
</Tabs>
</telerik:RadTabStrip>
<telerik:RadMultiPage ID="RadMultiPage1" runat="server">
<telerik:RadPageView ID="RadPageView1" runat="server">
<UC:CaseInfo ID="CaseDetailsControl" runat="server" />
</telerik:RadPageView>
<telerik:RadPageView ID="RadPageView2" runat="server" Width="100%">
<UC:PartyInfo ID="PartyInfoControl" runat="server" />
</telerik:RadPageView>
<telerik:RadPageView ID="RadPageView3" runat="server" Width="100%">
<UC:LegalPractitionerDetails ID="LegalPractitionerControl" runat="server" />
</telerik:RadPageView>
<telerik:RadPageView ID="RadPageView4" runat="server" Width="100%">
<UC:UploadDocuments ID="UploadDocumentsControl" runat="server" />
</telerik:RadPageView>
<telerik:RadPageView ID="RadPageView5" runat="server" Width="100%">
<UC:CaseSummary ID="CaseSummaryControl" runat="server" />
</telerik:RadPageView>
</telerik:RadMultiPage>
<telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server" Skin="Default"
Transparency="1">
</telerik:RadAjaxLoadingPanel>
<telerik:RadAjaxManager ID="RadAjaxManager1" runat="server" DefaultLoadingPanelID="RadAjaxLoadingPanel1">
<AjaxSettings>
<telerik:AjaxSetting AjaxControlID="RadTabStrip1">
<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="RadMultiPage1" />
</UpdatedControls>
</telerik:AjaxSetting>
<telerik:AjaxSetting AjaxControlID="btnCaseInfoNext">
<UpdatedControls>
<telerik:AjaxUpdatedControl ControlID="RadMultiPage1" />
</UpdatedControls>
</telerik:AjaxSetting>
<telerik:AjaxSetting AjaxControlID="btnPartyInfoNext">
<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="RadMultiPage1" />
</UpdatedControls>
</telerik:AjaxSetting>
<telerik:AjaxSetting AjaxControlID="btnLpNext">
<UpdatedControls>
<telerik:AjaxUpdatedControl ControlID="RadMultiPage1" />
</UpdatedControls>
</telerik:AjaxSetting>
<telerik:AjaxSetting AjaxControlID="btnUploadDocumentsNext">
<UpdatedControls>
<telerik:AjaxUpdatedControl ControlID="RadMultiPage1" />
</UpdatedControls>
</telerik:AjaxSetting>
<telerik:AjaxSetting AjaxControlID="btnCaseSummarySubmit">
<UpdatedControls>
<telerik:AjaxUpdatedControl ControlID="RadMultiPage1" />
</UpdatedControls>
</telerik:AjaxSetting>
</AjaxSettings>
</telerik:RadAjaxManager>
In the above code i am not added below code because in my master page i included that script manager
<telerik:RadScriptManager ID="radAjaxScriptManager1" runat="server">
</telerik:RadScriptManager>
The following snippet used for the button click event to navigate the tab from one page to another

RadTabStrip tc = null;
System.Web.UI.WebControls.Literal ltMetaTags = null;
Control ctl = this.Parent.Parent;
tc = (RadTabStrip)ctl.FindControl("RadTabStrip1");
if (tc != null)
{
tc.TabIndex = 1;
tc.SelectedIndex = 1;
GoToNextTab();
GoToNextPageView();
}
private void GoToNextTab()
{
RadTabStrip tabStrip = (RadTabStrip)this.NamingContainer.FindControl("RadTabStrip1");
RadTab PartyDetailsTab = tabStrip.FindTabByValue("PartyDetails");
PartyDetailsTab.Enabled = true;
PartyDetailsTab.SelectedIndex = 1;
PartyDetailsTab.Selected = true;

}
private void GoToNextPageView()
{
RadMultiPage multiPage = (RadMultiPage)this.NamingContainer.FindControl("RadMultiPage1");
RadPageView PartyDetailsPageView = multiPage.FindPageViewByID("RadPageView2");
PartyDetailsPageView.TabIndex = 1;
PartyDetailsPageView.Selected = true;

}
what is the problem in my code i can't understand please help me from this problem i am struggling for this problem from 3 days. and also i need how to load only selected tab data only when i select tab no need to load all the data in remaining tabs.

TabStrip

answered on 04 Mar 2014

1 answer

150 views

Losting selecteditem in listview

hi,

here is my listview

<telerik:RadAjaxPanel ID="RadAjaxPanel1" runat="server">
<telerik:RadTextBox ID="txtDSTableLike" runat="server" EmptyMessage="Table Like" OnTextChanged="txtDSTableLike_TextChanged"></telerik:RadTextBox>
</div>
<div class="table-selection-list">
<div id="content_1_1" class="contents_1">
<telerik:RadListView ID="lvDSTableSelection" runat="server" AllowMultiItemSelection="true" OnSelectedIndexChanged="lvDSTableSelection_SelectedIndexChanged" autopostback="false">

<ItemTemplate>
<asp:LinkButton ID="LinkButton1" CssClass="selectedButtons" runat="server" CommandName="Select" Font-Underline="false">
<p ><%# Container.DataItem %></p></asp:LinkButton>
</ItemTemplate>
<SelectedItemTemplate >
<p ><%# Container.DataItem %></p>
</SelectedItemTemplate>
</telerik:RadListView>
</telerik:RadAjaxPanel>

First of all Icall this function and SelectedItems returns selected data perfectly

protected void lvDSTableSelection_SelectedIndexChanged(object sender, EventArgs e)
{
..

orcl.Owner = ddDSSchema.SelectedText;
orcl.TableName = lvDSTableSelection.SelectedItems[0].DataItem.ToString(); --> returns selected data perfectly
var result = client.GetColumnNames(orcl);

lbDSNominal.DataSource = result.Data;
lbDSNominal.DataBind();
}

after I call above function, I call this function but now SelectedItems return null

protected void btnNext_Click(object sender, EventArgs e)
{

developmentSample.TableName = lvDSTableSelection.SelectedItems[0].DataItem.ToString(); --> return null at selected item
}

how can I fix it? Why am I losting selecteditem ?

ListView

answered on 04 Mar 2014

6 answers

281 views

Filter on Radgrid

I have a RadGrid with several columns. Some of them have comboboxes and some of them have textboxes as filter input. If I first filter using one item from Combobox, such as state "Florida" and then I try to filter again using the textbox and input a searchable word it works fine and bring me the result. However if the word is not searchable I get the error below.

Grid

answered on 04 Mar 2014

4 answers

171 views

MarkFirstMatch telerik radcombobox filter one character ONLY in IE 11

Hello,

I've a serious problem with RadComboBox

When Filtering RadComboBox IE 9 , it works fine actually with markfirstmatch property and i could filter with more than one character
For example if i am filtering Combobox to find item with name "AmrRafat", i could write 'amr' and the combobox will do the rest and finds this item.

but when trying the same scenario in IE 11, it only accepts the first character and each time i am pressing a key it consider it as the first character for filtering
For example if i am filtering Combobox to find item with name "AmrRafat", and i tried to write 'amr' Then Combobox will assume only one character and filter with it

.aspx File

<telerik:RadComboBox ID="cmbPayers" runat="server" Width="100%" AutoPostBack="true" Filter="Contains" MarkFirstMatch="true" TabIndex="11" OnSelectedIndexChanged="cmbPayers_SelectedIndexChanged"></telerik:RadComboBox>

Any Ideas?

ComboBox

answered on 04 Mar 2014

1 answer

138 views

splitter in Usercontrol

Dear Sir

I have problem on splitter in User control.

I use radgrid and pop up a user control (ucA) for editing. In this user control(uc A), I have another user control (ucB) which have a radsplitter as top level.

I tried wrap a div with width and height in percentage or px to ucB in ucA, The radsplitter rendered with wrong width and height. it totally ignores the Div in ucA.

When I can the client page of source code, I fount it sets the width to the radgrid width.

Summary: the radsplitter in user control can't response the host width.

Please let me know how to solve this.

Thank you very much.

Jason

Splitter

answered on 04 Mar 2014

3 answers

157 views

[Solved] Setting Splitter Height

I have setup a simple vertical splitter. When I change the size of the browser window, the width of the splitter follows the width of the browser window as I intended.

How do I do the same with the height? I can set the height of the splitter to 100% but I am only permitted to set the height of each pane in pixels and not in %.

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">

<head runat="server">

<title></title>

<telerik:RadStyleSheetManager id="RadStyleSheetManager1" runat="server" />

</head>

<body>

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

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

<Scripts>

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