1 answer

52 views

How to change the HeadText of GridBoundColumn in edit mode?

Grid

answered on 07 Sep 2012

1 answer

237 views

Confirm Dialog box.

Rad grid has a property called confirm text which is used to pop up a confirm dialog box.
eg.

<telerik:GridButtonColumn ConfirmText="Delete this Location?" ConfirmDialogType="RadWindow"

ConfirmDialogHeight="25px" ConfirmDialogWidth="250px" ConfirmTitle="Delete" ButtonType="ImageButton"

CommandName="Delete" />

Confirm dialog box has two button submit and cancel.
By default when popup open, focus is on submit button. Could you tell me how to change the focus to cancel button.

Thanks
Yogesh.

Grid

answered on 07 Sep 2012

4 answers

139 views

RadButton Design

I'm using this control ,
<telerik:radbutton enablesplitbutton="true"

i feel that is look like drop down list ,
i want to look like button view ,
how i achieve that ..

Thanks Advance,
Mohamed.

Button

answered on 07 Sep 2012

1 answer

68 views

Whether the item.UpdateValues () only works for GridBoundColumn instead of GridTemplateColumn?

Whether the item.UpdateValues () only works for GridBoundColumn instead of GridTemplateColumn in Update_Command event? Since I have no way to get updated item by UpdateValues if the column is GridTemplateColumn.

Grid

answered on 07 Sep 2012

1 answer

85 views

Date Navigation buttons

Hi!

How can I get the next or previous Date when i push the the Navigation button in code behind?
It's possible?

Calendar

answered on 07 Sep 2012

1 answer

72 views

Export Radgrid

How to export the radgrid in xlsx format.

Grid

answered on 07 Sep 2012

2 answers

1.2K+ views

Request.Form["__EVENTTARGET"] is null while __doPostBack() on close a window in clientside

Hello,
I have a MDI web form and dynamically creating new radwindows inside that MDI form. I want to some operations on close (X) of that window. For that i have added RadWindow1.OnClientClose = "OnClientCloseClick"; . In OnClientCloseClick event, i have called __doPostBack() in order to implement my logic. On closing window, postback is working. But when i am checking Request.Form["__EVENTTARGET"] , it's value becomes null. When i am doing the same in a normal aspx page(no windowmanager here), it is showing some value.
             In MDI form i have added new window dynamically.
   protected void Page_Load(object sender, EventArgs e)
        {
            if (!Page.IsPostBack)
            {
                RadWindow RadWindow1 = new RadWindow();
                RadWindow1.ID = "RadWindow1";
                RadWindow1.VisibleOnPageLoad = true;
                RadWindow1.OnClientClose = "OnClientCloseClick";
                RadWindow1.NavigateUrl = String.Format("Default.aspx?ID=" + Request.QueryString["ID"]);
                RadWindowManager1.Windows.Add(RadWindow1);
}
}
JS
function OnClientCloseClick(sender, args) {
                   __doPostBack('SaveSettingOnClose', 'OnClose');
                   }
function __doPostBack(eventTarget, eventArgument) {
           document.Form1.__EVENTTARGET.value = eventTarget;
           document.Form1.__EVENTARGUMENT.value = eventArgument;
           document.Form1.submit();
        }
HTML
<input type="hidden" name="__EVENTTARGET" value="">
    <input type="hidden" name="__EVENTARGUMENT" value="">

---------------
In Default.aspx (new window created)
in page load
if (Request.Form["__EVENTTARGET"] == "SaveSettingOnClose")
            {

                SaveSettingOnClose();

            }
Here Request.Form["__EVENTTARGET"] becomes null. so control is not going inside the if block.

Please provide me solution to solve this issue.

Thanks
Abhi

Window

answered on 07 Sep 2012

0 answers

79 views

Drag and Drop dont work well on user control

Drag and Drag from RadTreeView inside user control to RadEditor don't work well.
I was able to do drag and drop but all items from tree view always paste at the beginning not on the cursor. This works w/o a problem when my treeview is in the same page with the editor. Also I cant do drag and drop to both textbox and radEditor, and lastly how can I do double click to paste items to both controls? My InsertNode don't work well.

Any help would be greatly appreciated.

Here's my code:
My User Control

<%@ Control Language="vb" AutoEventWireup="false" CodeBehind="ucTreeView.ascx.vb" Inherits="MyPage.ucTreeView" %>

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

<telerik:RadTreeView ID="RadTreeView1" runat="server" EnableDragAndDrop ="true" OnClientNodeDragging="OnClientNodeDragging"

OnClientNodeDropping="OnClientNodeDropping" OnClientNodeDragStart="OnClientNodeDragStart" OnClientDoubleClick="InsertNode" >

<Nodes>

<telerik:RadTreeNode runat="server" Text="Root RadTreeNode1">

<Nodes>

<telerik:RadTreeNode runat="server" Text="Child RadTreeNode 1">

</telerik:RadTreeNode>

<telerik:RadTreeNode runat="server" Text="Child RadTreeNode 2">

</telerik:RadTreeNode>

</Nodes>

</telerik:RadTreeNode>

<telerik:RadTreeNode runat="server" Text="Root RadTreeNode2">

<Nodes>

<telerik:RadTreeNode runat="server" Text="Child RadTreeNode 1">

</telerik:RadTreeNode>

</Nodes>

</telerik:RadTreeNode>

<telerik:RadTreeNode runat="server" Text="Root RadTreeNode3">

</telerik:RadTreeNode>

</Nodes>

</telerik:RadTreeView>

My Page:

<%@ Page Title="" Language="vb" AutoEventWireup="false" MasterPageFile="~/MyPage/HomePage.master" CodeBehind="DragDrop1.aspx.vb" Inherits="Mypage.DragDrop1" %>

<%@ Register Src="~/MyPage/ucTreeView.ascx" TagName="ucTreeView" TagPrefix="ucTV" %>

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

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

<style type="text/css">

.TelerikModalOverlay

{

z-index: 100000 !important;

}

</style>

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

<script type="text/javascript">

function OnClientLoad(editor) {

var tree = document.getElementById("ctl00_BodyContentPlaceHolder_UcTreeView1_RadTreeView1");

makeUnselectable(tree.get_element());

}

function OnClientNodeDragStart() {

setOverlayVisible(true);

}

function OnClientNodeDropping(sender, args) {

var editor = $find("<%=RadEditor1.ClientID%>");

var event = args.get_domEvent();

document.body.style.cursor = "default";

var result = isMouseOverEditor(editor, event);

if (result) {

var itemValue = args.get_sourceNode().get_text();

editor.setFocus();

editor.pasteHtml(itemValue);

setOverlayVisible(false);

}

setOverlayVisible(false);

droppedOnInput(args);

}

function OnClientNodeDragging(sender, args) {

var editor = editor = $find("<%=RadEditor1.ClientID%>");

var event = args.get_domEvent();

if (isMouseOverEditor(editor, event)) {

document.body.style.cursor = "hand";

}

else {

var target = args.get_htmlElement();

if (target.tagName == "INPUT" || target.tagName == "TEXTAREA") {

target.style.cursor = "hand";

} else {

document.body.style.cursor = "no-drop";

}

function droppedOnInput(args) {

var target = args.get_htmlElement();

alert(target.tagName);

if (target.tagName == "INPUT") {

target.style.cursor = "INPUT";

target.value += args.get_sourceNode().get_text();

args.set_cancel(true);

return true;

}

function insertNode(sender, args) {

var target = args.get_htmlElement();

if (target.tagName == "INPUT") {

var obj = $find("<%=TextBox1.ClientID%>");

var string = args.get_sourceNode().get_text();

if (typeof (document.selection) != 'undefined') {

if (obj.createTextRange && obj.caretPos) {

var caretPos = obj.caretPos;

caretPos.text =

caretPos.text.charAt(caretPos.text.length - 1) == ' ' ?

string + ' ' : string;

}

else {

obj.value = string;

}

else

if (typeof (obj.selectionStart) != 'undefined') {

var start = obj.selectionStart;

obj.value = obj.value.substr(0, start)

+ string

+ obj.value.substr(obj.selectionEnd, obj.value.length);

start += string.length;

obj.setSelectionRange(start, start);

}

else

obj.value += string;

obj.focus();

} else {

var obj = $find("<%=RadEditor1.ClientID%>");

var string = args.get_sourceNode().get_text();

obj.setFocus();

obj.pasteHtml(string);

}

/* ================== Utility methods needed for the Drag/Drop ===============================*/

//Make all treeview nodes unselectable to prevent selection in editor being lost

function makeUnselectable(element) {

var nodes = element.getElementsByTagName("*");

for (var index = 0; index < nodes.length; index++) {

var elem = nodes[index];

elem.setAttribute("unselectable", "on");

}

//Create and display an overlay to prevent the editor content area from capturing mouse events

var shimId = null;

function setOverlayVisible(toShow) {

if (!shimId) {

var div = document.createElement("DIV");

document.body.appendChild(div);

shimId = new Telerik.Web.UI.ModalExtender(div);

}

if (toShow) shimId.show();

else shimId.hide();

}

//Check if the image is over the editor or not

function isMouseOverEditor(editor, events) {

var editorFrame = editor.get_contentAreaElement();

var editorRect = $telerik.getBounds(editorFrame);

var mouseX = events.offsetX;

var mouseY = events.offsetY;

if (mouseX < (editorRect.x + editorRect.width) &&

mouseX > editorRect.x &&

mouseY < (editorRect.y + editorRect.height) &&

mouseY > editorRect.y) {

return true;

}

return false;

}

</script>

</telerik:RadCodeBlock>

</asp:Content>

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

</asp:Content>

<asp:Content ID="Content3" ContentPlaceHolderID="BodyContentPlaceHolder" runat="server">

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

</telerik:RadScriptManager>

<ucTV:ucTreeView id="UcTreeView1" runat="server">

</ucTV:ucTreeView>

<asp:TextBox ID="TextBox1" runat="server" Width="312px"></asp:TextBox>

<br />

<telerik:RadEditor ID="RadEditor1" OnClientLoad="OnClientLoad" runat="server">

</telerik:RadEditor>

</asp:Content>

Thanks,
Ryan

TreeView

asked on 07 Sep 2012

2 answers

86 views

Stand alone dialogs fail 2012.2.724.40

Stand alone dialogs are not working anymore when switching to 2012.2.724.40

I rebuild with your KB article code and keep getting:

Bericht: Object reference not set to an instance of an object.

[NullReferenceException: Object reference not set to an instance of an object.]
   Telerik.Web.UI.Editor.DialogControls.ImageManagerDialog.OnLoad(EventArgs e) +232
   System.Web.UI.Control.LoadRecursive() +74
   System.Web.UI.Control.LoadRecursive() +146
   System.Web.UI.Control.LoadRecursive() +146
   System.Web.UI.Control.LoadRecursive() +146
   System.Web.UI.Control.LoadRecursive() +146
   System.Web.UI.Control.LoadRecursive() +146
   System.Web.UI.Page.ProcessRequestMain(Boolean includeStagesBeforeAsyncPoint, Boolean includeStagesAfterAsyncPoint) +2207

Please help

Editor

answered on 07 Sep 2012

4 answers

156 views

Accessing a custom object bound to the row being updated in UpdateCommand

Hello,

I have a RadGrid that binds to a collection of custom object. In my application users can insert/update the rows of the grid and the changes will not be persisted to the database until they click on a save button. Each row has a key column containing the key value (ProviderLanguageID) assigned to each of the object when data is persisted to DB.

The grid's markup is like this:

<telerik:RadGrid ID="grdProviderLanguage" runat="server"

AutoGenerateColumns="False" Height="140px" Width="360px"

OnNeedDataSource="grdProviderLanguage_NeedDataSource"

oninsertcommand="grdProviderLanguage_InsertCommand"

onitemcommand="grdProviderLanguage_ItemCommand"

CellSpacing="0" GridLines="None"

onupdatecommand="grdProviderLanguage_UpdateCommand"

onitemdatabound="grdProviderLanguage_ItemDataBound">

<ClientSettings>

<Selecting AllowRowSelect="True" />

<KeyboardNavigationSettings AllowActiveRowCycle="True" />

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

</ClientSettings>

<MasterTableView CommandItemDisplay="Top" InsertItemDisplay="Top" EditMode="InPlace" EnableNoRecordsTemplate="false" DataKeyNames="ProviderLanguageID">

<CommandItemSettings AddNewRecordImageUrl="Images/AddNew.png" AddNewRecordText="" ShowRefreshButton="false"></CommandItemSettings>

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

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

</RowIndicatorColumn>

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

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

</ExpandCollapseColumn>

<EditFormSettings>

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

</EditFormSettings>

<Columns>

<telerik:GridTemplateColumn HeaderText="Language" UniqueName="ProviderLanguage" DataField="ProviderLanguageID">

<HeaderStyle Width="170px" />

<ItemTemplate>

<asp:Label ID="lblLanguageName" runat="server" Text='<%# Eval("LanguageObject.LanguageName") %>' />

</ItemTemplate>

<EditItemTemplate>

<telerik:RadComboBox ID="cmbProviderLanguage" runat="server" width="130px"

EnableLoadOnDemand="true" DataValueField="LanguageID" DataTextField="LAnguageObject.LanguageName"

OnItemsRequested="cmbProviderLanguage_ItemsRequested"

Text='<%# Eval("LanguageObject.LanguageName") %>'>

</telerik:RadComboBox

</EditItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridCheckBoxColumn HeaderText="Primary" UniqueName="IsPrimary" DataField="IsPrimary" />

<telerik:GridEditCommandColumn ButtonType="LinkButton" InsertText="Done" EditText="Edit" CancelText="Cancel" UpdateText="Done" />

</Columns>

</MasterTableView>

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

</telerik:RadGrid>

When multiple rows are inserted to the grid, and one of the rows is subsequently edited (before saved to DB), the edited row is accessible in UpdateCommand event like this:

Guid editedItemID = new Guid(editedItem.OwnerTableView.DataKeyValues[editedItem.ItemIndex]["ProviderLanguageID"].ToString());

I'm using the key value to locate the actual custom object in the collection stored in the page.

This works if each of the record already has a key. When a new record is created, the key value is empty (Guid.Empty). So we'd have to use different means to locate the custom object. I'm thinking of comparing the SavedOldValues with the saved values to locate the actual object.

I notcied that e.Item.DataItem is null in UpdateCommand event, but not in ItemDataBound event. Is there any way we can access the custom object the row being updated is bound to?

Thanks in advance,
Makoto

Grid

answered on 06 Sep 2012