Questions on UI for ASP.NET AJAX Forum

2 answers

1.0K+ views

Get the current row index of the radgrid

Hi,

I am writing some code in the update command (ie. RadGrid1_UpdateCommand) and I want to retrieve the current row index (selected row) from the radgrid. How do I achieve this?

Thanks,
Swamy

Grid

answered on 10 Dec 2012

2 answers

165 views

Dock horizontal automatic sizing

I combined the Dock/Dock Resizing example (http://demos.telerik.com/aspnet-ajax/dock/examples/dockresize/defaultcs.aspx) with the splitters and sliding panes (and styles) from our application. When I open the sliding pane and unpin, I can move the slider bar horizontally. The dock automatically adjusts its width to match. If I resize the dock vertically, then resize the splitter horizontally, the dock width remain fixed. By double-clicking the dock title bar, the dock snaps to the splitter bar width. Is there event handling or attribute that would mimic this behavior(without having to double click the title bar)?

(Note: The RadDockZone MinHeight attribute percentage vs pixel behaves differently in our application than in this example. In some cases the dock will fill the zone and resizing vertically will resize both dock and zone so you can only make the dock smaller but not larger.)

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

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

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

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

<html xmlns='http://www.w3.org/1999/xhtml' style="height: 100%; width: 100%">

<head>

<title>ASP.NET Dock Demo - Dock Resizing</title>

</head>

<body style="height: 100%; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;">

<form id="form1" runat="server" style="height: 100%; width: 100%">

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

<telerik:RadSkinManager ID="QsfSkinManager" runat="server" ShowChooser="true" />

<telerik:RadFormDecorator ID="QsfFromDecorator" runat="server" DecoratedControls="All" EnableRoundedCorners="false" />

<div style="height: 100%; width: 100%;">

<telerik:RadSplitter ID="RadSplitter1" runat="server" Height="100%" Width="100%">

<telerik:RadPane ID="RadPane1" runat="server" Height="100%" Width="20px">

<telerik:RadSlidingZone ID="RadSlidingZone1" runat="server">

<telerik:RadSlidingPane ID="PrimarySlidePane" runat="server" Height="100%" Width="20%" Title="RadSlidingPane">

<telerik:RadDockLayout ID="RadDockLayout1" runat="server">

<div>

<telerik:RadDockZone ID="RadDockZone1" runat="server" MinHeight="400px" MinWidth="50px">

<telerik:RadDock ID="RadDock1" runat="server" Title="RadDock1" Height="50px" Width="50px" Resizable="true"

Text="RadDock is placed in a <strong>vertically</strong> oriented RadDockZone. Grab the bottom handle to resize the dock vertically. Horizontal resizing is not allowed.">

</telerik:RadDock>

</telerik:RadDockZone>

</div>

</telerik:RadDockLayout>

</telerik:RadSlidingPane>

</telerik:RadSlidingZone>

</telerik:RadPane>

<telerik:RadSplitBar runat="server" />

<telerik:RadPane ID="RadPane3" runat="server">

<div id="Viewport" style="height: 100%;">

<br/>

</div>

</telerik:RadPane>

</telerik:RadSplitter>

<telerik:RadDock ID="RadDock2" runat="server" Title="RadDock2" Top="230px" Left="850px"

Width="300px" Resizable="true" Text="Grab the right, the bottom or the left handle to resize the dock, when it is not placed in a docking zone.">

</telerik:RadDock>

<%-- <asp:Button ID="Button1" runat="server" Text="Make postback"></asp:Button>--%>

</div>

</form>

</body>

</html>

Dock

answered on 10 Dec 2012

1 answer

54 views

FormDecorator and RadMaskedTextBox does not working

Hi

I am using this version Telerik.Web.UI_2012_2_724_Dev_hotfix

I have an error when implement FormDecorator.

I attached the image, all controls implement rounder coners and mouse over color, but Radmaskedtextbox no.

How I can fix this?

FormDecorator

answered on 10 Dec 2012

8 answers

173 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

78 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

281 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

222 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

44 views

set alternateing row style

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

Grid

answered on 10 Dec 2012

1 answer

60 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

85 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