Questions on UI for ASP.NET AJAX Forum

5 answers

141 views

Hi friends,
I have been trying to place some extra fields like field1, field2 along with the Rad grid columns into rad filter. When i am trying below code i am not able to see my added fields 'field1, field2" in rad filter. any suggestions..? i DONT WANT TO USE DATASOURCE ID..

<body>

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

<div>

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

</telerik:RadScriptManager>

<asp:Label ID="Label1" runat="server" Text="Label"></asp:Label>

<br />

<telerik:RadFilter ID="RadFilter1" runat="server" FilterContainerID="RadGrid1"

onapplyexpressions="RadFilter1_ApplyExpressions">

<FieldEditors>

<telerik:RadFilterTextFieldEditor FieldName="field1" DataType="System.String" />

<telerik:RadFilterTextFieldEditor FieldName="field2" DataType="System.String" />

</FieldEditors>

</telerik:RadFilter>

<br />

</div>

<telerik:RadGrid ID="RadGrid1" runat="server" CellSpacing="0" GridLines="None"

AllowAutomaticInserts="True"

DataSourceID="SqlDataSource1"

ShowGroupPanel="True">

<HeaderContextMenu CssClass="GridContextMenu GridContextMenu_Default"></HeaderContextMenu>

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

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

<RowIndicatorColumn FilterControlAltText="Filter RowIndicator column">

</RowIndicatorColumn>

<ExpandCollapseColumn FilterControlAltText="Filter ExpandColumn column">

</ExpandCollapseColumn>

<Columns>

<telerik:GridBoundColumn DataField="MachineName"

FilterControlAltText="Filter MachineName column" HeaderText="MachineName"

SortExpression="MachineName" UniqueName="MachineName">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="OperatingSystem"

FilterControlAltText="Filter OperatingSystem column"

HeaderText="OperatingSystem" SortExpression="OperatingSystem"

UniqueName="OperatingSystem">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="Location"

FilterControlAltText="Filter Location column" HeaderText="Location"

SortExpression="Location" UniqueName="Location">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="IPAddress"

FilterControlAltText="Filter IPAddress column" HeaderText="IPAddress"

SortExpression="IPAddress" UniqueName="IPAddress" Visible=false>

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="Site_Name"

FilterControlAltText="Filter Site_Name column" HeaderText="Site_Name"

SortExpression="Site_Name" UniqueName="Site_Name" >

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="Status_ID"

FilterControlAltText="Filter Status_ID column" HeaderText="Status_ID"

SortExpression="Status_ID" UniqueName="Status_ID" Visible=false >

</telerik:GridBoundColumn>

</Columns>

<EditFormSettings>

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

</EditFormSettings>

</MasterTableView>

<ClientSettings AllowDragToGroup="True">

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

</ClientSettings>

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

</telerik:RadGrid>

<telerik:RadAjaxManager runat="server">

<AjaxSettings>

<telerik:AjaxSetting AjaxControlID="RadGrid1">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="RadGrid1" />

</UpdatedControls>

</telerik:AjaxSetting>

</AjaxSettings>

</telerik:RadAjaxManager>

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

ConnectionString="<%$ ConnectionStrings:sitemgrConnectionString %>"

SelectCommand="TELRIK" SelectCommandType="StoredProcedure">

</asp:SqlDataSource>

</form>

</body>

</html>

The code i am using to create dataset..

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;

using System.Data;

using System.Data.SqlClient;

using System.Configuration;

public partial class _Default : System.Web.UI.Page

{

string conStr = ConfigurationManager.ConnectionStrings["conn44"].ConnectionString;

protected void Page_Load(object sender, EventArgs e)

{

RadGrid1.GroupingSettings.CaseSensitive = false;

RadGrid1.ShowGroupPanel = true;

RadGrid1.ClientSettings.AllowDragToGroup = true;

RadFilterTextFieldEditor editor1 = new RadFilterTextFieldEditor();

RadFilter1.FieldEditors.Add(editor1);

editor1.FieldName = "field1";

editor1.DataType = typeof(string);

editor1.DisplayName = "field1";

RadFilterTextFieldEditor editor2 = new RadFilterTextFieldEditor();

RadFilter1.FieldEditors.Add(editor2);

editor2.FieldName = "field2";

editor2.DataType = typeof(string);

editor2.DisplayName = "field2";

}

protected void RadFilter1_ApplyExpressions(object sender, RadFilterApplyExpressionsEventArgs e)

{

RadFilterSqlQueryProvider provider = new RadFilterSqlQueryProvider();

provider.ProcessGroup(e.ExpressionRoot);

Label1.Text = provider.Result;

}

Ajax

answered on 28 Sep 2011

2 answers

113 views

Problem With Child Menu Item

I have used a rad menu.it is working fine for 2nd label. but for 3rd label, the child menu item height is collapsed.
pls help..

General Discussions

answered on 28 Sep 2011

6 answers

191 views

programmatically change RadDock zoneID

Hi,

I am wondering how cold I programmatically change RadDock zoneID. For example, In the code-behind I would move one Dock to a different Zone, in fact what I want do is change the RadDock Zone when this Dock is Closed.

I noticed that the zoneID and Index have only getters... they don't setters...

Any suggestion on how to do this?

Thanks,

Adriano

Dock

answered on 28 Sep 2011

1 answer

677 views

Expand/Collapse All Groups?

We're using a Grid with fixed Grouping (so the GroupPanel is not accessible) and want to enable expand and collapse all via buttons outside the grid. Is this possible?

I've looked through all the examples I could find, and couldn't find anything that will allow me to do it.

On the Client Settings, we've got both AllowExpandCollapse and AllowGroupExpandCollapse set to true. HierarchyLoadMode is ServerBind. We can do the expand/collapse either on the client or server side, we don't mind which.

ASPX code for the grid is as follows:

<telerik:RadGrid ID="grdMyProcesses" runat="server" AllowPaging="False"

AutoGenerateColumns="False" AllowCustomPaging="False" BackColor="White"

Height="600px">

<GroupingSettings ExpandTooltip="Expand" CollapseTooltip="Collapse" />

<ClientSettings AllowExpandCollapse="True" AllowGroupExpandCollapse="True" >

<Selecting AllowRowSelect="True" />

<Scrolling AllowScroll="true" UseStaticHeaders="true" />

</ClientSettings>

<MasterTableView DataKeyNames="ProcessID" NoDetailRecordsText="No Processes."

NoMasterRecordsText="No Processes." ShowHeadersWhenNoRecords="False" AllowCustomPaging="False"

HierarchyLoadMode="ServerBind" BackColor="White">

<ExpandCollapseColumn Resizable="False" >

<HeaderStyle Width="20px" />

</ExpandCollapseColumn>

<Columns>

<telerik:GridBoundColumn DataField="ID" UniqueName="colID" Visible="False" />

<telerik:GridTemplateColumn HeaderText="Process" SortExpression="ProcessName" ItemStyle-Width="459px" HeaderStyle-Width="459px">

<ItemTemplate>

<asp:HyperLink ID="lnkProcessName" runat="server"

NavigateUrl='<%# Eval("ProcessSummaryURL") %>' Text='<%# Eval("ProcessName") %>' ToolTip='<%# Eval("ProcessDefinition") %>'></

asp:HyperLink>

</ItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridTemplateColumn HeaderText="Process Owner" SortExpression="ProcessOwnerName" ItemStyle-Width="100px" HeaderStyle-Width="100px">

<ItemTemplate>

<asp:HyperLink ID="lnkProcessOwner" runat="server"

NavigateUrl='<%# Eval("EmailToProcessOwnerURL") %>' Text='<%# Eval("ProcessOwnerName") %>' ToolTip="Send a message to the Process Owner about this Process."></

asp:HyperLink>

</ItemTemplate>

</telerik:GridTemplateColumn>

</Columns>

<SortExpressions>

<telerik:GridSortExpression FieldName="ProcessDisplayOrder" />

</SortExpressions>

<GroupByExpressions>

<telerik:GridGroupByExpression>

<SelectFields>

<telerik:GridGroupByField HeaderText="Group" FieldAlias="Group" FieldName="GroupName" FormatString="" />

</SelectFields>

<GroupByFields>

<telerik:GridGroupByField FieldAlias="GroupID" FieldName="GroupID" />

</GroupByFields>

</telerik:GridGroupByExpression>

<telerik:GridGroupByExpression>

<SelectFields>

<telerik:GridGroupByField HeaderText="Enterprise Process" FieldAlias="EP" FieldName="EnterpriseProcessName" FormatString="" />

</SelectFields>

<GroupByFields>

<telerik:GridGroupByField FieldAlias="EnterpriseProcessDisplayOrder" FieldName="EnterpriseProcessDisplayOrder" />

<telerik:GridGroupByField FieldAlias="EnterpriseProcessID" FieldName="EnterpriseProcessID" />

</GroupByFields>

</telerik:GridGroupByExpression>

</GroupByExpressions>

</MasterTableView>

</telerik:RadGrid>

Anyone know?

Enjoy
Random

Grid

answered on 28 Sep 2011

1 answer

227 views

Callback inside RadGrid

Hi,
I am trying to callback with image button inside radgrid <detailtables>. Server side code is executed but the control is not returned to javascript function that is receiving the results.
Can you help me?!

protected void Page_Load(object sender, EventArgs e)

{

ClientScriptManager cm = Page.ClientScript;

cbReference = cm.GetCallbackEventReference(this, "arg",

"ReceiveServerData", "", "errorData", false);

String callbackScript = "function CallServer(arg, context) {" +

cbReference + "; WebForm_InitCallback(); }";

cm.RegisterClientScriptBlock(this.GetType(),

"CallServer", callbackScript, true);

}

public void RaiseCallbackEvent(String eventArgument)

{

//fetch some data

}

public string GetCallbackResult()

{

return strJSON;

}

<telerik:RadAjaxPanel ID="RadAjaxPanel1" runat="server" EnableAJAX="False"

HorizontalAlign="NotSet" LoadingPanelID="RadAjaxLoadingPanel1">

<telerik:RadGrid ID="RadGrid1" runat="server" CellSpacing="0" GridLines="None" AllowAutomaticDeletes="True"

AllowAutomaticInserts="True" AllowAutomaticUpdates="True" AllowFilteringByColumn="True"

AllowPaging="True" DataSourceID="SqlDataSource1" ShowGroupPanel="True" AllowSorting="True"

Skin="Office2010Blue" Height="100%" Width="100%" GroupLoadMode="Server" OnItemInserted="RadGrid1_ItemInserted"

OnInsertCommand="RadGrid1_InsertCommand"

OnItemCommand="RadGrid1_ItemCommand" onitemdatabound="RadGrid1_ItemDataBound">

...

<DetailTables>

<telerik:GridTableView Name="Detail" DataKeyNames="ExamID" AllowSorting="false" DataSourceID="SqlDataSource2"

Width="100%" PageSize="10" ShowHeader="False" RetrieveAllDataFields="false" runat="server"

CommandItemDisplay="Top" EditMode="EditForms" NoDetailRecordsText="No records to display."

AutoGenerateColumns="false" AllowAutomaticUpdates="true" AllowAutomaticDeletes="false"

AllowAutomaticInserts="false" CommandItemSettings-AddNewRecordText="New exam">

<ParentTableRelation>

<telerik:GridRelationFields DetailKeyField="CertificationID" MasterKeyField="CertificationID" />

</ParentTableRelation>

<AlternatingItemStyle />

<NoRecordsTemplate>

<asp:Label runat="server" Text="No records."></asp:Label>

</NoRecordsTemplate>

<EditFormSettings ColumnNumber="1" CaptionDataField="Exam" InsertCaption="New exam"

CaptionFormatString="Edit properties of exam {0}">

<FormTableItemStyle Width="100%" Height="29px" />

<FormTableStyle GridLines="None" CellPadding="2" CellSpacing="0" />

<FormStyle Width="100%" BackColor="#eef2ea" />

<EditColumn ButtonType="ImageButton" CancelText="Cancel" UpdateText="Update" InsertText="Add" />

</EditFormSettings>

<CommandItemSettings AddNewRecordText="New exam"

ExportToPdfText="Export to PDF" />

<RowIndicatorColumn FilterControlAltText="Filter RowIndicator column">

</RowIndicatorColumn>

<ExpandCollapseColumn FilterControlAltText="Filter ExpandColumn column">

</ExpandCollapseColumn>

<Columns>

<telerik:GridEditCommandColumn ButtonType="LinkButton" ItemStyle-Width="50px"

UniqueName="EditCommandColumn">

<ItemStyle Width="50px" />

</telerik:GridEditCommandColumn>

<telerik:GridButtonColumn ButtonType="ImageButton" CommandName="Delete"

Text="Delete2" UniqueName="DeleteColumn">

</telerik:GridButtonColumn>

<telerik:GridTemplateColumn></telerik:GridTemplateColumn>

<%--<telerik:GridBoundColumn DataField="CertificationID" FilterControlAltText="Filter exam number column"

HeaderText="Certification ID" UniqueName="CertificationID" ReadOnly="true" />

<telerik:GridBoundColumn DataField="ExamID" FilterControlAltText="Filter exam number column"

HeaderText="Exam ID" UniqueName="ExamID" ReadOnly="true">

</telerik:GridBoundColumn>--%>

<telerik:GridBoundColumn DataField="Exam" DataType="System.String"

FilterControlAltText="Filter exam number column" HeaderText="Exam number"

UniqueName="Exam">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="Name"

FilterControlAltText="Filter Name column" HeaderText="Exam name"

UniqueName="Name">

</telerik:GridBoundColumn>

<telerik:GridTemplateColumn UniqueName="ArrowColumn">

<ItemTemplate>

dsds

<asp:ImageButton BorderStyle="Solid" ID="ImageButton1" AlternateText="Delete4" runat="server" CommandName="Delete4"

ImageUrl="~/_layouts/Images/Delete.GIF" OnClientClick="ConfirmDelete;" />

</ItemTemplate>

<HeaderStyle Width="30px" />

</telerik:GridTemplateColumn>

<telerik:GridTemplateColumn UniqueName="ArrowColumn2">

<ItemTemplate>

<input type="button" id="buttondel" value="Callback" runat="server" onclick="CallServer(1,1);" />

</ItemTemplate>

<HeaderStyle Width="30px" />

</telerik:GridTemplateColumn>

</Columns>

</telerik:GridTableView>

</DetailTables>

function ReceiveServerData(arg, context) {

var c = eval(arg);

for (var i in c) {

$("#ResultsTable2 tr:last").after("<tr><td>" + c[i][0] + " - " + c[i][1] + "</td><td>");

}

Solved:

Problem was in String callbackScript = "function CallServer(arg, context) {" +

cbReference + "; WebForm_InitCallback(); }"

;



called after cbreference and not clearing
__theFormPostData and __theFormPostCollection viewstate variables.

Solution that worked for me:

ClientScriptManager cm = Page.ClientScript;

cbReference = cm.GetCallbackEventReference(this, "arg",

"ReceiveServerData", "", "errorData", false);

String callbackScript =

"function CallServer(arg, context) { __theFormPostData = ''; __theFormPostCollection = new Array(); WebForm_InitCallback();"

+

cbReference + "; }";

Grid

answered on 28 Sep 2011

1 answer

67 views

Show the series name based on condition in legend.

Hi Tlerik,

I'm using radchart of line type in my application.
I'm adding serieses to the cart from code behind.
I'm adding 4 series based on the user selction like if user select 1 then I add 1 series, if he select 2 then I add second like that.
But In legend its showiing the all serieses name by default.
But I want to show only whatever series I added to the chart.
If I add 2 serieces I need to show only those 2 serieses names in legend...like that.
How can I do that , please help me.

Chart (Obsolete)

answered on 28 Sep 2011

1 answer

112 views

connection to combobox

hello,
i'm creating a few radcombobox inside the radpanelbar. i already make connection to database for 1st combobox. how can i do the other connection to other combobox?

this is the 1st combobox for user
<td>

<telerik:RadComboBox ID="RadComboBox1" AllowCustomText="true" runat="server" Width="289px"

Height="200px" DataSourceID="SqlDataSource1" DataTextField="UserName"

EmptyMessage="Search for people...">

</telerik:RadComboBox>

<asp:SqlDataSource ID="SqlDataSource1" runat="server" ConnectionString="<%$ ConnectionStrings:FingertipsConnectionString %>"

SelectCommand="SELECT [UserName] FROM [AuditTrail] Order By UserName"></asp:SqlDataSource>

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

<telerik:AjaxSetting AjaxControlID="RadComboBox2">

<telerik:AjaxUpdatedControl ControlID="RadComboBox1" />

</UpdatedControls>

</telerik:AjaxSetting>

</AjaxSettings>

</telerik:RadAjaxManager>
</td> </tr>

this is the 2nd combobox for database. this combobox i want to connect to database to get the content from column "database"
<td>

<asp:Label runat="server" ID="databaseLabel" AssociatedControlID="RadComboBox3">Database:</asp:Label>

</td>

<td>

<telerik:RadComboBox ID="RadComboBox3" AllowCustomText="true" runat="server" Width="289px"

Height="200px" DataSourceID="SqlDataSource2"

EmptyMessage="Search for database...">

</telerik:RadComboBox>

<asp:SqlDataSource ID="SqlDataSource2" runat="server" ConnectionString="<%$ ConnectionStrings:FingertipsConnectionString %>"

SelectCommand="SELECT [Database] FROM [AuditTrail]"></asp:SqlDataSource>

</td>

ComboBox

answered on 28 Sep 2011

5 answers

66 views

Capabilities of Telerik

We subscribe to a service that allow us to drag and drop controls just such as buttons, text box, radio buttons, drop down list etc. onto a form without programming. I like to create an application that will allow our users to create their own forms without doing a single line of coding. Will Telerik controls allow us to do that?

General Discussions

answered on 28 Sep 2011

6 answers

176 views

RibbonBar in RadEditor in RadPane/RadTabStrip doesn't render properly if not visible table

I have a RadEditor control instead a RadPane/RadTabStrip. I set it to use the RibbonBar to render the menu. At initial page load all of this is hidden; it's made visible later with Ajax and the RadAjaxManager. The editor has a fixed height and 100% width. The pane has 100% width.

If the tab in which the editor is shown is not the active tab when the Ajax call updates the screen, the ribbonbar doesn't seem to render right. It'll look like my screenshot in attachment snag-0002 or snag-0004 or snag-0005. It will render properly if the editor is in the visible tab when the screen is updated.

It does this in the latest versions of Chrome and Firefox and Telerik 2011.2.712 and .NET 4.0.

I know it's a common problem to have complex controls like this render improperly when they are first loaded while hidden. Any ideas how to fix it in this case? I know I could switch back to the traditional toolbar to fix this but I'd hate to do that...

(I did try setting the RadPage and RadEditor to fixed widths but it didn't fix the problem)

RibbonBar

answered on 28 Sep 2011

9 answers

151 views

Courseware for VS2010?

Im trying to upgrade the web project and getting object ref not found errors..

Also its trying to create virt directories when I load the vs2008 project..

Will there be a VS2010 version soon ?

Documentation and Tutorials

answered on 28 Sep 2011