Questions on UI for ASP.NET AJAX Forum

1 answer

69 views

One Clear Function for multiple RadDatePickers

Scenario: You have a start date picker and an end date picker and you want a function that will clear either based on passing the id. While I know this works:

var StartDatePicker = $find("<%= dpStartDate.ClientID %>");

StartDatePicker.clear();

when we try to pass the id to a function something gets lost in the translation. Is there any way to do something like:

function clearDatePicker(id) {

     var picker = $find(id);

     picker.clear();

}



called by: 



<a href = "javascript: clearDatePicker('<%= dpStartDate.ClientID %.');">clear</a>

General Discussions

answered on 06 Mar 2013

9 answers

307 views

[Solved] Dynamic edit form

hello,
I'm working with radgrid.
could you write any example for creating dynamic edit form template on ItemCreated or ItemDataBound?

thanks a lot!

Grid

answered on 06 Mar 2013

17 answers

549 views

custom confirmation popups

I have a radgrid with edit form as Pop-Ups.
After an insert/ edit, I want to display a confirmation message.
How do I do it?
How do I customize appearance of that confirmation modal?

Grid

answered on 06 Mar 2013

1 answer

247 views

Auto Generated Numeric Columns Not Filtering First Time When ShowFilterIcon = False

Here is the scenario I am attempting to achieve:

Create a RadGrid set to AutoGenerateColumns. Events on the page can change the data source of this RadGrid. Programatically, I will look for various known possible column and turn on or off the filter for each column. Instead of forcing the user to use the Filter Icon Button, I want all filtering to utilize the "Contains" filter logic, so I am specifying this in the ColumnCreated event.

The problem that I am running into is that for numeric columns, the first time that I type a filter value into the filter textbox and hit enter or tab, the filter value is cleared out and the filter is not applied. The second time I type it, it works.

I am using Telerik.Web.UI.dll version 2013.1.220.40. the behavior is consistent in Chrome v 25.0.1364.97 and IE 9.0.8112.16421. A simplified page that exhibits this behavior is below. Any help will be appriciated. Thank you.

-Scott

Markup:

<%@ Page Language="vb" AutoEventWireup="false" Inherits="acctrpt.acctrpt._Default2"

validateRequest="false" Codebehind="Default2.aspx.vb" Trace="false" %>

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

<head id="Head1" runat="server">

<title></title>

</head>

<body>

<form runat="server">

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

<telerik:RadCodeBlock ID="RadCodeBlock1" runat="server">

<script type="text/javascript">

function RequestStart(sender, args) {

if (args.get_eventTarget().indexOf("ExportToCsvButton") >= 0)

args.set_enableAjax(false);

}

</script>

</telerik:RadCodeBlock>

<telerik:RadCodeBlock ID="RadCodeBlock2" runat="server">

<style type="text/css">

a:hover {color: #444444; text-decoration: overline underline; background-color: #E1DDC9 !important;}

</style>

</telerik:RadCodeBlock>

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

<ClientEvents OnRequestStart="RequestStart" ></ClientEvents>

<AjaxSettings>

<telerik:AjaxSetting AjaxControlID="rgValidate">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="rgValidate" />

</UpdatedControls>

</telerik:AjaxSetting>

</AjaxSettings>

</telerik:RadAjaxManager>

<table id="tblGrids" width="96%" align="center" runat="server" >

<tr><td>

<telerik:RadGrid ID="rgValidate" runat="server" AutoGenerateColumns="true" Width="100%" ItemStyle-Wrap="false" FilterItemStyle-Width="100%"

AllowSorting="true" AllowPaging="true" AllowFilteringByColumn="true" Skin="Outlook" >

<GroupingSettings CaseSensitive="false" />

<PagerStyle AlwaysVisible="true" />

<ExportSettings HideStructureColumns="true" OpenInNewWindow="false" IgnorePaging="true" ExportOnlyData="true" />

<MasterTableView CommandItemDisplay="Top" HierarchyLoadMode="Client" GroupLoadMode="Server" >

<CommandItemSettings ShowExportToCsvButton="true" ShowAddNewRecordButton="false" ExportToCsvText="grid" />

</MasterTableView>

</telerik:RadGrid>

</td></tr>

</table>

<asp:Button runat="server" ID="btn1" Text="Data Source 1" UseSubmitBehavior="false" />

<asp:Button runat="server" ID="btn2" Text="Data Source 2" UseSubmitBehavior="false" />

</form>

</body>

</html>

Code Behind:

Option Strict On

Imports Microsoft.VisualBasic

Imports System

Imports System.Data

Imports System.Data.SqlClient

Imports System.Web

Imports System.Web.HttpContext

Imports System.Web.UI

Imports System.Web.UI.HTMLControls

Imports System.Web.UI.WebControls

Imports System.Text.RegularExpressions

Imports System.IO

Imports Telerik.Web.UI

Namespace acctrpt

Partial Class _Default2 : Inherits page

Private Sub Page_Load(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles MyBase.Load

If Not IsPostBack Then

Dim dt1 As New DataTable

dt1.Columns.Add("Column1", GetType(Integer))

dt1.Columns.Add("Column2", GetType(Integer))

dt1.Columns.Add("Column3", GetType(Integer))

Dim dt2 As New DataTable

dt2.Columns.Add("Field1", GetType(Integer))

dt2.Columns.Add("Field2", GetType(Integer))

dt2.Columns.Add("Field3", GetType(Integer))

For i As Integer = 1 to 20

Dim dr1 As DataRow = dt1.NewRow

Dim dr2 As DataRow = dt2.NewRow

dr1("Column1") = i

dr1("Column2") = i + 100

dr1("Column3") = i + 1000

dr2("Field1") = i

dr2("Field2") = i + 200

dr2("Field3") = i + 2000

dt1.Rows.Add(dr1)

dt2.Rows.Add(dr2)

Next

Session("DS1") = dt1.DefaultView

Session("DS2") = dt2.DefaultView

Session("ActiveDataSource") = "1"

End If

End Sub

Private Sub rgValidate_NeedDataSource(sender As Object, e As Telerik.Web.UI.GridNeedDataSourceEventArgs) Handles rgValidate.NeedDataSource

Select Case Session("ActiveDataSource").ToString()

Case "1"

rgValidate.DataSource = Session("DS1")

Case "2"

rgValidate.DataSource = Session("DS2")

Case Else

rgValidate.DataSource = Nothing

End Select

rgValidate.ExportSettings.FileName = "Export" & Session("ActiveDataSource").ToString()

End Sub

Private Sub btn1_Click(sender As Object, e As System.EventArgs) Handles btn1.Click

Session("ActiveDataSource") = "1"

If rgValidate.MasterTableView isnot Nothing then

rgValidate.MasterTableView.SortExpressions.Clear()

rgValidate.MasterTableView.FilterExpression = ""

rgValidate.MasterTableView.GroupByExpressions.Clear()

End If

rgValidate.Rebind()

End Sub

Private Sub btn2_Click(sender As Object, e As System.EventArgs) Handles btn2.Click

Session("ActiveDataSource") = "2"

If rgValidate.MasterTableView isnot Nothing then

rgValidate.MasterTableView.SortExpressions.Clear()

rgValidate.MasterTableView.FilterExpression = ""

rgValidate.MasterTableView.GroupByExpressions.Clear()

End If

rgValidate.Rebind()

End Sub

Private Sub rgValidate_ColumnCreated(sender As Object, e As Telerik.Web.UI.GridColumnCreatedEventArgs) Handles rgValidate.ColumnCreated

If TypeOf e.Column is GridBoundColumn Then

Dim col As GridBoundColumn = DirectCast(e.Column, GridBoundColumn)

Select Case True

Case col.UniqueName.ToLower.Contains("1")

col.AllowFiltering = False

Case col.UniqueName.ToLower.Contains("2")

col.CurrentFilterFunction = GridKnownFunction.Contains

col.ShowFilterIcon = False

col.AutoPostBackOnFilter = True

col.FilterControlWidth = New Unit (110, UnitType.Pixel)

col.FilterControlToolTip = "Filter Data"

Case col.UniqueName.ToLower.Contains("3")

col.CurrentFilterFunction = GridKnownFunction.Contains

col.ShowFilterIcon = False

col.FilterControlToolTip = "Filter Data"

col.AutoPostBackOnFilter = True

col.ItemStyle.Width = New Unit(110)

col.FilterControlWidth = New Unit(85, UnitType.Percentage)

End Select

End If

End Sub

End Class

End Namespace

Grid

answered on 05 Mar 2013

1 answer

88 views

Feature Request

RadDirectedAcyclicGraph

...PITS? :)

...or would the entire team just jump off telerik HQ instead of tackling this one

General Discussions

answered on 05 Mar 2013

1 answer

185 views

RadGrid Repaint Issue Scrolling Dynamic Rows

This is a tricky one to explain and there are issues on multiple levels. I will do my best to explain the situation.

I have a RadGrid with 75 rows, 70 of which are hidden from server side code in ItemDataBound based on a column value. I also have several columns that I hide in PreRender on the server side.

So, upon first load, the grid shows 5 rows. (Image 1)

If the user clicks on a row, rows below it are shown via JavaScript: masterTable.get_dataItems()[row].set_visible(true);

The Vertical scroll bar is placed such that all columns are shifted to the left. (Image 2)

From this position (image 2), if I resize the browser window or call repaint the grid shifts again. Now the scroll bar is outside the grid and the columns line up appropriately, although there's a gap between the data div and the footer. (image 3)

Now, if I re-hide the rows, so I'm back to the original 5 rows, the scroll bar is removed and my columns shift to the right, making them offset again. (image 4)

Finally, if I resize the browser window again, everything goes wrong. (image 5) This final repaint causes all of my hidden columns to show.

Here is the grid markup:

<telerik:RadGrid ID="grid1" runat="server" AutoGenerateColumns="true" Style="min-height: 50px;"

OnNeedDataSource="grid1_NeedDataSource" Skin="Office2007" ShowFooter="true">

<MasterTableView CommandItemDisplay="Top" Width="885px">

<CommandItemTemplate>

<table class="rcCommandTable" width="100%">

<td>

<asp:LinkButton ID="btnExpandAll" runat="server" OnClientClick="ExpandAll(true); return false;" style="display: block;">

<img style="border:0px" alt="" src="../images/SinglePlus.gif" />

Expand All

</asp:LinkButton>

<asp:LinkButton ID="btnCollapseAll" runat="server" OnClientClick="ExpandAll(false); return false;" style="display: none;">

<img style="border:0px" alt="" src="../images/SingleMinus.gif" />

Collapse All

</asp:LinkButton>

</td>

<td style="float: right">

<asp:Button ID="Button1" runat="server" Text=" " CssClass="rgExpXLS" CommandName="ExportToExcel" ToolTip="Export to Excel" />

<asp:Button ID="Button2" runat="server" Text=" " CssClass="rgExpPDF" CommandName="ExportToPdf" ToolTip="Export to PDF" />

</td>

</table>

</CommandItemTemplate>

<CommandItemSettings ShowExportToExcelButton="true" ShowExportToPdfButton="true"

ShowAddNewRecordButton="true" AddNewRecordText="Expand All" ShowRefreshButton="false"></CommandItemSettings>

</MasterTableView>

<ClientSettings EnableRowHoverStyle="true">

<ClientEvents OnRowSelected="RowSelected"></ClientEvents>

<Scrolling AllowScroll="true" SaveScrollPosition="true" FrozenColumnsCount="5" UseStaticHeaders="true" />

<Resizing AllowColumnResize="false" />

<Selecting AllowRowSelect="true" />

</ClientSettings>

<ExportSettings IgnorePaging="true" OpenInNewWindow="true" ExportOnlyData="true" FileName="Grid-Export">

<Pdf PageTitle="Risk Assessment" PageWidth="297mm" PageHeight="210mm"

PageTopMargin="10mm" PageBottomMargin="10mm" PageLeftMargin="10mm" PageRightMargin="10mm" />

<Excel Format="ExcelML" FileExtension="xls" />

</ExportSettings>

<HeaderStyle Width="150px" />

</telerik:RadGrid>

I can deal with the slight shifts, although I'd prefer a resolution. But at the very least I need to stop the grid from showing the hidden columns when it repaints. Any help would be appreciated.

Thanks,

Steve

Grid

answered on 05 Mar 2013

5 answers

483 views

"Telerik is not defined" when trying to create RadComboBoxItem in javascript

I am trying to add elements to RadComboBox in "success" ajax request method.
However, I am getting "Telerik is not defined" error when I try to create the item.

How to achieve my goal?

$.ajax({

type: 'POST',

url: '../WebServices/GlobalEntityHelper.svc/GetEntityData',

data: JSON.stringify({ request: JSON.stringify(dataToSend) }),

contentType: 'application/json; charset=utf-8',

dataType: 'json',

success: function (result, status) {

srcWindow.GlobalEntityRadCombobox.set_visible(result.d.Visible);

if (srcWindow.GlobalEntityRadCombobox.get_visible()) {

var entityItems = srcWindow.GlobalEntityRadCombobox.get_items();

entityItems.clear();

srcWindow.GlobalEntityRadCombobox.trackChanges();

for (var i = 0; i < result.d.DataSource.length; i++)

{

var entityItem = new Telerik.Web.UI.RadComboBoxItem();

entityItem.set_text(result.d.DataSource[i].Key);

entityItem.set_value(result.d.DataSource[i].Value);

entityItems.add(entityItem);

}

srcWindow.GlobalEntityRadCombobox.commitChanges();

ddlHilightOption(srcWindow.GlobalEntityRadCombobox, '', result.d.EntityValue);

jQuery.data(srcWindow.GlobalEntityRadCombobox, 'filter-datamember', result.d.EntityFilterDataMember);

srcWindow.GlobalEntityRadCombobox.prop('entityTypeConst', result.d.EntityTypeConst);

}

},

error: function (jqXHR, textStatus, errorThrown) {

}

I have tried a lot of stuff, but no luck and I am out of ideas now :(

This happens in MASTER PAGE. On usual pages everything is ok.
And yes, I have read this: http://www.telerik.com/help/aspnet-ajax/introduction-troubleshooting.html
And I do not have outputcache directive and I do have webresource reference in my web.config

ComboBox

answered on 05 Mar 2013

1 answer

115 views

Show only some skins in the SkinChooser

Hello all,

We run a site using Telerik (Q1 2013) and have the SkinChooser dropdown and it works fine.

Is it possible for this dropdown to only show some skins? (for example we want to OMIT all the Metro Skins) and just have the others listed there in the user control.

Thanks in advance!

SkinManager

answered on 05 Mar 2013

2 answers

344 views

[Solved] Turn off Ajax and enable postback for current request in code behind

I have a button on a form that vaidates the imput and then when validated submits it.

Is it possible to disable ajax for an ajaxified button for the current request and cause a full postback in a function in the code behind.

for instance:

protected void btnSubmitForm2_Click(object sender, System.EventArgs e)

{

if (ValidUserInfo())

{

// Code to turn off RadAjaxManager ajax request for this call

lblErrorMsg.Text = "Valid"; //Updated via full postback

}

else

{

lblErrorMsg.Text = "Invalid"; //Updated via RadAjaxManager

}

Thanks in advance!

Regards,
Dave

Ajax

answered on 05 Mar 2013

5 answers

358 views

Checkboxes mode only checks checkbox if checkbox clicked

Telerik Version: 2012.2.724.40

The following example will not allow me to check an item by clicking anywhere on the list item. I have to click exactly on the checkbox for it to check. Customers are complaining about this and I'm wondering if it is a bug in Telerik.

I have taken the following snippet and put it into isolation on a simple WebForm (i.e. Test.aspx) with no master page, and the behavior is the same.