Questions on UI for ASP.NET AJAX Forum

8 answers

180 views

add Functionnality AutocompleteBox : search in multi column

Hello

Can you add this functionnality in AutoCompleteBox.

We can only search on the property " DataTextField " of the AutoComplete

it's wil be useful if you add an attribute property " SearchDataColumn " and we can add a separate column of sql with ","
if i put SearchDataColumn="Column1, Column2, Column3" your query can search in this column.

Thanks in advance,

Olivier

AutoCompleteBox

answered on 10 Dec 2012

4 answers

82 views

Nested TAB - can not select parent TAB

I have Nested TAB three levels. All tabs have their pageView associated

I can not select any parent TAB after selecting its any child TAB. If I want to see pageView of the parentTab i can not see at all after selecting any child.

Very suprised.

Even not in http://demos.telerik.com/aspnet-ajax/tabstrip/examples/functionality/hierarchical/defaultcs.aspx?#qsf-demo-source

Can anyone please help.

Arijit Chatterjee.

TabStrip

answered on 10 Dec 2012

2 answers

294 views

RadGrid with RadComboBox filter not working

I'm trying to figure out why my first RadGrid with a RadComboBox filter isn't firing when selected. 

I've been following the examples online and it doesn't post back. 

I'm thinking I need a server side function to force the post back but since the examples didn't have it...



Any ideas? And yes, I disabled Linq for this control.

<%@ Page Title="" Language="C#" MasterPageFile="~/Site1.Master" AutoEventWireup="true" CodeBehind="WebForm1.aspx.cs" Inherits="WebApplication1.WebForm1" %>

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

<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">

</asp:Content>

<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">

<telerik:RadMenu ID="RadMenu1" runat="server" DataNavigateUrlField="Url" DataSourceID="XmlDataSource1" DataTextField="Text" Skin="Windows7"></telerik:RadMenu>

<asp:XmlDataSource ID="XmlDataSource1" runat="server" DataFile="~/App_Data/XMLFile1.xml"></asp:XmlDataSource>

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

<AjaxSettings>

<telerik:AjaxSetting AjaxControlID="RadGrid1">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="RadGrid1" />

</UpdatedControls>

</telerik:AjaxSetting>

</AjaxSettings>

</telerik:RadAjaxManager>

<telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server" />

<telerik:RadGrid ID="RadGrid1" runat="server" CellSpacing="0" DataSourceID="SqlDataSource1" GridLines="None" AllowFilteringByColumn="True" AllowPaging="True" AllowSorting="True" AutoGenerateDeleteColumn="True" AutoGenerateEditColumn="True" ShowGroupPanel="True" Skin="Windows7" Width="100%" EnableLinqExpressions="false" ShowStatusBar="true" OnPreRender="RadGrid1_PreRender">

<ClientSettings AllowColumnsReorder="True" AllowDragToGroup="True" ReorderColumnsOnClient="True">

<Selecting AllowRowSelect="True" />

<Scrolling AllowScroll="True" UseStaticHeaders="True" ScrollHeight="500" />

</ClientSettings>

<MasterTableView DataSourceID="SqlDataSource1" AutoGenerateColumns="False">

<CommandItemSettings ExportToPdfText="Export to PDF"></CommandItemSettings>

<RowIndicatorColumn Visible="True" FilterControlAltText="Filter RowIndicator column">

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

</RowIndicatorColumn>

<ExpandCollapseColumn Visible="True" FilterControlAltText="Filter ExpandColumn column">

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

</ExpandCollapseColumn>

<Columns>

<telerik:GridBoundColumn DataField="TABLE_CATALOG" FilterControlAltText="Filter TABLE_CATALOG column" HeaderText="TABLE_CATALOG" ReadOnly="True" SortExpression="TABLE_CATALOG" UniqueName="TABLE_CATALOG" AllowFiltering="false">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="TABLE_SCHEMA" FilterControlAltText="Filter TABLE_SCHEMA column" HeaderText="TABLE_SCHEMA" ReadOnly="True" SortExpression="TABLE_SCHEMA" UniqueName="TABLE_SCHEMA" AllowFiltering="false">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn HeaderStyle-Width="300" DataField="TABLE_NAME" FilterControlAltText="Filter TABLE_NAME column" HeaderText="TABLE_NAME" SortExpression="TABLE_NAME" UniqueName="TABLE_NAME">

<FilterTemplate>

<telerik:RadComboBox ID="RadComboBox1" runat="server" AppendDataBoundItems="true" DataSourceID="SqlDataSource2" DataValueField="table_name" DataTextField="table_name"

SelectedValue='<%# ((GridItem)Container).OwnerTableView.GetColumn("table_name").CurrentFilterValue %>' OnClientSelectedIndexChanged="table_nameChanged">

<Items>

<telerik:RadComboBoxItem Text="All" />

</Items>

</telerik:RadComboBox>

<telerik:RadScriptBlock ID="RadScriptBlock1" runat="server">

<script type="text/javascript">

function table_nameChanged(sender, args) {

var tableView = $find("<%# ((GridItem)Container).OwnerTableView.ClientID %>");

tableView.filter("table_name", args.get_item().get_value(), "EqualTo");

}

</script>

</telerik:RadScriptBlock>

</FilterTemplate>

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="COLUMN_NAME" FilterControlAltText="Filter COLUMN_NAME column" HeaderText="COLUMN_NAME" SortExpression="COLUMN_NAME" UniqueName="COLUMN_NAME" AllowFiltering="false">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="ORDINAL_POSITION" DataType="System.Int32" FilterControlAltText="Filter ORDINAL_POSITION column" HeaderText="ORDINAL_POSITION" ReadOnly="True" SortExpression="ORDINAL_POSITION" UniqueName="ORDINAL_POSITION" AllowFiltering="false">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="COLUMN_DEFAULT" FilterControlAltText="Filter COLUMN_DEFAULT column" HeaderText="COLUMN_DEFAULT" ReadOnly="True" SortExpression="COLUMN_DEFAULT" UniqueName="COLUMN_DEFAULT" AllowFiltering="false">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="IS_NULLABLE" FilterControlAltText="Filter IS_NULLABLE column" HeaderText="IS_NULLABLE" ReadOnly="True" SortExpression="IS_NULLABLE" UniqueName="IS_NULLABLE" AllowFiltering="false">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="DATA_TYPE" FilterControlAltText="Filter DATA_TYPE column" HeaderText="DATA_TYPE" ReadOnly="True" SortExpression="DATA_TYPE" UniqueName="DATA_TYPE" AllowFiltering="false">

</telerik:GridBoundColumn>

</Columns>

<EditFormSettings>

<EditColumn FilterControlAltText="Filter EditCommandColumn column"></EditColumn>

</EditFormSettings>

</MasterTableView>

<FilterMenu EnableImageSprites="False"></FilterMenu>

</telerik:RadGrid>

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

ConnectionString="<%$ ConnectionStrings:masterConnectionString %>" SelectCommand="select * from information_Schema.columns"></

asp:SqlDataSource>

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

ConnectionString="<%$ ConnectionStrings:masterConnectionString %>" SelectCommand="select distinct table_name from information_Schema.columns"></

asp:SqlDataSource>

</asp:Content>






using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;
using Telerik.Web.UI.Skins;
 
namespace WebApplication1
{
    public partial class WebForm1 : System.Web.UI.Page
    {
        protected void Page_Load(object sender, EventArgs e)
        {
            string role = ((TextBox)Master.FindControl("TB_Role")).Text;
            XmlDataSource1.XPath = string.Format("//Menu[@Role='{0}']/Item", role);
        }
 
        protected void RadGrid1_PreRender(object sender, System.EventArgs e)
        {
            if (RadGrid1.MasterTableView.FilterExpression != string.Empty)
            {
                RefreshCombos();
            }
        }
 
        protected void RefreshCombos()
        {
            SqlDataSource1.SelectCommand = SqlDataSource2.SelectCommand + " WHERE " + RadGrid1.MasterTableView.FilterExpression.ToString();
 
            RadGrid1.MasterTableView.Rebind();
        }
    }
}

Grid

answered on 10 Dec 2012

1 answer

228 views

RadTabStrip : Tabs are not displaying full tab text. Tabs are only wide enough to display first letter

I have never had any problems with tabs before, but in one of my projects, I am getting very funcky behavior. The tabs are only wide enough to show barely a letter of the tab text. Even if I set a width, the tab will rebder wider, but the tabs background images won't get any bigger, so the tab looks really funcky.

This starts as soon as a second tab is added. A single tab renders fine. The code is pretty basic. I am using the default theme, etc.

<telerik:RadTabStrip ID="AgencyTabs" runat="server" Width="100%" MultiPageID="multAgency"         
    CssClass="RadTabStrip" SelectedIndex="0">         
    <Tabs>             
        <telerik:RadTab Text="Agency Info"></telerik:RadTab>             
        <telerik:RadTab Text="Locations"></telerik:RadTab>             
        <telerik:RadTab Text="Users"></telerik:RadTab>             
        <telerik:RadTab Text="Download Info"></telerik:RadTab>             
        <telerik:RadTab Text="Load Presets"></telerik:RadTab>             
        <telerik:RadTab Text="Onboard / Upload Data Files"></telerik:RadTab>         
    </Tabs>     
</telerik:RadTabStrip>

**I have attached an image of what the tabs look like when they render.

TabStrip

answered on 10 Dec 2012

1 answer

49 views

set alternateing row style

How can i set alternating row style in the exported document?

Grid

answered on 10 Dec 2012

1 answer

63 views

Scroll to newly added item in RadGrid?

Hi,

Let's say I have a RadGrid with 20 items and As I add an item to the grid, it refreshes and scrolls to the newly added item in the list ?

Can you tell me if it is possible to do... any sample is greatly appreciated.

Thanks

Grid

answered on 10 Dec 2012

1 answer

96 views

Inconsistent behavior with a onkeypress action from an edit template

What I want to do is simply close the popup with the Esc key.

I have a RadGrid set up with popup edit form template. The popup itself contains two RadButtons, a RadEditor, two RadDateTime Pickers, and a RadTextBox.

In the ClientSettings I have the declartion OnKeyPress="OnKeyPress".

The Javascript function is as follows:
function OnKeyPress(sender, args) {
var masterTable = $find("<%=RadGrid1.ClientID%>").get_masterTableView();
if (args.get_keyCode() == 27) {
masterTable.fireCommand("CancelAll", "");
}
}

This works, sort of.

It does not work on the initial appearance of the popup or if the RadEditor has the focus. If I set the focus to one of the other controls or just click on the body of the popup, it works fine.

Suggestions?

Grid

answered on 10 Dec 2012

1 answer

224 views

Deferred Loading of each tab control

Hopefully this is a simple question. I have a page with a RadTabStrip with 8 RadTab pages. When the page loads, it loads all 8 tab pages before display (a noticeable delay.) I'd like to only load the pages when the corresponding tab is selected by the user the first time. Each tab has a user control, and each user control populates in it's corresponding Page_Load method.
pseudo-code for the main page is:

protected void Page_Init()

{

foreach (usercontrol)

{

Control thisUC = LoadControl(usercontrol);

RadPageView thisPV = new RadPageView();

thisPV.ID = usercontrol.ToString()+"PageView";

thisPV.Controls.Add(thisUC);

...

RadMultiPage1.PageViews.Add(thisPV);

RadTab thisTab = new RadTab();

thisTab.Text = usercontrol.ToString();

thisTab.PageViewID = usercontrol.ToString()+"PageView";

RadTabStrip1.Tabs.Add(thisTab);

}

TabStrip

answered on 10 Dec 2012

1 answer

65 views

Stacked Sliding

Hi, all,

I need to put together a page in which there are multiple expandable/collapsible zones stacked on one another. To clarify, there would be multiple expandable zones that are oriented horizontally, positioned in a vertical stack, and when the user expands a zone, it would push the zone beneath it down the appropriate amount to make room. Then when the use collapses the zone, the ones below it would move up.

Any ideas on the best way to accomplish this? I was hoping to use the sliding panes somehow, because I like the animation. Is this possible? If not, how might I do this with regular splitter bars?

Thanks!
LWW

Splitter

answered on 10 Dec 2012

2 answers

240 views

Displaying radWindow when radTreeNode is clicked

Hi friends,

I've a popup.aspx file that I want to display when I click the radTreeNode.
I am programmatically loading the nodes and their individual urls.

Below is the code snippet of another C# code that does this.

if (collection.rows.Count > 0)

{

ScanNode = new RadTreeNode("View Scan: " + scan.CratedDate.ToShortDateString(), ScanID.ToString());

SetNavigationOnNode(ScanNode , User.GetApplicationPath() + "/Imaging/Popup.aspx? <QuerySting Variable and their values> "&Image=" + ImageID);

proceedingNode.Nodes.Add(proceedingScanNode);

}