Questions on UI for ASP.NET AJAX Forum

0 answers

46 views

paging

Hi ALL,
how can I prevent fire needdatasource event when I change page index????
Regards
Ghadeer

Grid

asked on 05 Jun 2011

0 answers

65 views

ItemData bound is not firing while expanding the NestedViewTemplate

Hi there,
I have a grid in which there is a nestedViewTemplate that contains a radTab and each of this tab contains another Grid. While binding data to the main grid, all these subgrids are binding one by one for each row in the main grid which consumes more time to execute. Also if I expand one item in the main grid, the data is not binding in the subgrid and the itemDatabound is not firing. But once I change the page index, or sort, then the data is again binding. What I actually want is to stop the bulk binding of the sub grid and it should only bind once I expand the main row for each record. Below is my code for your reference

<telerik:RadGrid runat="server" ID="rdGdMain" ShowFooter="False"

AllowSorting="True" GridLines="None">

<MasterTableView AutoGenerateColumns="False" AllowPaging="True" HierarchyLoadMode="serverondemand"

Name="MainGrid">

<asp:Panel runat="server" ID="InnerContainer">

<telerik:RadTabStrip runat="server" ID="tabStrip1" MultiPageID="multiPage1"

SelectedIndex="0">

<Tabs>

<telerik:RadTab runat="server" Text="t1" PageViewID="pageView1">

</telerik:RadTab>

<telerik:RadTab runat="server" Text="Final t2" PageViewID="pageView2">

</telerik:RadTab>

<telerik:RadTab runat="server" Text="t3" PageViewID="pageView3">

</telerik:RadTab>

</Tabs>

</telerik:RadTabStrip>

<telerik:RadMultiPage runat="server" ID="multiPage1" Width="100%">

<telerik:RadPageView runat="server" ID="pageView1"

Selected="true">

<asp:Label ID="lbl1" Text='<%# Eval("id") %>'

Visible="false" runat="server" />

<telerik:RadGrid runat="server" ID="rdGd2" AllowSorting="true"

DataSourceID="myDS"

OnItemCommand

="rdGd2_ItemCommand"

OnItemCreated="rdGd2_ItemCreated" OnItemDataBound="rdGd2_ItemDataBound">

<MasterTableView ShowHeader="true" AutoGenerateColumns="False" AllowPaging="true"

Name="MainGrid" PageSize="10" HierarchyLoadMode="serverondemand" >

.........

</Columns>

Any help would be highly appreciated
Thanks
By Shafi

Grid

asked on 04 Jun 2011

0 answers

28 views

Grid Style

radgrid
I want to do the following visual effect is only one row but view
and 3 thanks

Mario Ovalle
1000 Flying in the region of Zone 5
01-May-2001 31-July-2011

Grid

asked on 04 Jun 2011

1 answer

48 views

javascript for making columns visibility true and false

i have a grid and image button.on image button click i need to hide some columns of radgrid and another click of the same button i need to make the columns visibility true using javascript.

Can you please send me sample code to do so as soon as possible.

Grid

answered on 03 Jun 2011

9 answers

285 views

What type of SQL field do I use for RadEditor

I have a sql varchar(max) field I'm using now to store instructions for an Inspection record. I want to use the RadEditor to edit the instructions but I haven't seen where it shows the kind of SQL field to bind to. Would I want to change it to a binary field?

Editor

answered on 03 Jun 2011

8 answers

76 views

can you please tell me how to set a column in edit mode(in place) on the client through onrowclick event

Grid

answered on 03 Jun 2011

2 answers

590 views

Change icon for GridEditCommandColumn for edited item only

I have a radgrid with an editform defined in a FormTemplate. When the editform opens below the grid row based on the user clicking the Edit icon in that grid row, it would be nice to then change the icon just clicked to a cancel icon (the user is now in edit mode - why show edit icon), but ONLY for the item being edited - the other items should still have edit icons. Is this possible in a RadGrid? The edit icon is defined in a GridEditCommandColumn. Thanks!

Grid

answered on 03 Jun 2011

0 answers

110 views

Error with three RadGrid

Hello, to get three grids generates the following error (if left alone a no errors):

Microsoft JScript runtime error: Sys.WebForms.PageRequestManagerServerErrorException: Object reference not set to an instance of an object.

CodeBlock:

<telerik:RadScriptManager ID="ScriptManager1" runat="server">
</telerik:RadScriptManager>
<telerik:RadAjaxLoadingPanel ID="LoadingPanel1" runat="server" Skin="Office2007">
</telerik:RadAjaxLoadingPanel>
<telerik:RadAjaxPanel ID="RadAjaxPanel1" runat="server" LoadingPanelID="LoadingPanel1" EnableAJAX="true">
<div class="mainDiv">
<div class="rotatorBackground" style="background: url(../../Images/main_back.png) no-repeat; width: 880px; height: 539px; padding: 29px 5px 0 0px;">
<telerik:RadTabStrip ID="RadTabStrip1" runat="server" MultiPageID="RadMultiPage1" SelectedIndex="0" style="margin-left: 9px;">
<Tabs>
<telerik:RadTab Text="CRC Recibido">
</telerik:RadTab>
<telerik:RadTab Text="CRC Interno">
</telerik:RadTab>
<telerik:RadTab Text="CRC Enviado">
</telerik:RadTab>
<telerik:RadTab Text="CRC OMS">
</telerik:RadTab>
<telerik:RadTab Text="ARCHIVO">
</telerik:RadTab>
<telerik:RadTab Text="IMAGENES">
</telerik:RadTab>
</Tabs>
</telerik:RadTabStrip>
<telerik:RadMultiPage ID="RadMultiPage1" runat="server" SelectedIndex="0" >
<telerik:RadPageView ID="RadPageView1" runat="server">
<telerik:RadGrid ID="GrillaCRCRecibido" runat="server" Width="860" Height="475" PageSize="50" AllowSorting="true" AllowMultiRowSelection="true"
AllowPaging="true" ShowGroupPanel="true" GridLines="None" GroupingEnabled="true" Style="border: 0; outline:none;" Skin="Office2007"
OnNeedDataSource="GrillaCRCRecibido_NeedDataSource">
<PagerStyle Visible="false" />
<MasterTableView AllowFilteringByColumn="true" AllowMultiColumnSorting="True">
<Columns>
<telerik:GridClientSelectColumn UniqueName="Select">
<HeaderStyle Width="30px" />
</telerik:GridClientSelectColumn>
</Columns>
</MasterTableView>
<ClientSettings AllowColumnsReorder="True" AllowAutoScrollOnDragDrop="true" AllowDragToGroup="True" ReorderColumnsOnClient="True">
<ClientEvents OnScroll="CRCRecibido_Scroll" />
<Scrolling AllowScroll="True" UseStaticHeaders="True" ScrollHeight="275px"/>
<Selecting AllowRowSelect="True" />
<Resizing AllowColumnResize="true" AllowResizeToFit="true" />
<ClientMessages DragToGroupOrReorder="Arrastre al Grupo" DragToResize="Redimensionar" />
</ClientSettings>
<GroupingSettings ShowUnGroupButton="true" />
<HeaderStyle Width="200px" />
</telerik:RadGrid>
</telerik:RadPageView>
<telerik:RadPageView ID="RadPageView2" runat="server">
<telerik:RadGrid ID="GrillaCRCInterno" runat="server" Width="860" Height="475" PageSize="50" AllowSorting="true" AllowMultiRowSelection="true"
AllowPaging="true" ShowGroupPanel="true" GridLines="None" GroupingEnabled="true" Style="border: 0; outline:none;" Skin="Office2007"
OnNeedDataSource="GrillaCRCInterno_NeedDataSource">
<PagerStyle Visible="false" />
<MasterTableView AllowFilteringByColumn="true" AllowMultiColumnSorting="True" >
<Columns>
<telerik:GridClientSelectColumn UniqueName="Select">
<HeaderStyle Width="30px" />
</telerik:GridClientSelectColumn>
</Columns>
</MasterTableView>
<ClientSettings AllowColumnsReorder="True" AllowAutoScrollOnDragDrop="true" AllowDragToGroup="True" ReorderColumnsOnClient="True">
<ClientEvents OnScroll="CRCInterno_Scroll" />
<Scrolling AllowScroll="True" UseStaticHeaders="True" ScrollHeight="275px"/>
<Selecting AllowRowSelect="True" />
<Resizing AllowColumnResize="true" AllowResizeToFit="true" />
<ClientMessages DragToGroupOrReorder="Arrastre al Grupo" DragToResize="Redimensionar" />
</ClientSettings>
<GroupingSettings ShowUnGroupButton="true" />
<HeaderStyle Width="200px" />
</telerik:RadGrid>
</telerik:RadPageView>
<telerik:RadPageView ID="RadPageView3" runat="server">
<telerik:RadGrid ID="GrillaCRCEnviado" runat="server" Width="860" Height="475" PageSize="50" AllowSorting="true" AllowMultiRowSelection="true"
AllowPaging="true" ShowGroupPanel="true" GridLines="None" GroupingEnabled="true" Style="border: 0; outline:none;" Skin="Office2007"
OnNeedDataSource="GrillaCRCEnviado_NeedDataSource">
<PagerStyle Visible="false" />
<MasterTableView AllowFilteringByColumn="true" AllowMultiColumnSorting="True">
<Columns>
<telerik:GridClientSelectColumn UniqueName="Select">
<HeaderStyle Width="30px" />
</telerik:GridClientSelectColumn>
</Columns>
</MasterTableView>
<ClientSettings AllowColumnsReorder="True" AllowAutoScrollOnDragDrop="true" AllowDragToGroup="True" ReorderColumnsOnClient="True">
<ClientEvents OnScroll="CRCEnviado_Scroll" />
<Scrolling AllowScroll="True" UseStaticHeaders="True" ScrollHeight="275px"/>
<Selecting AllowRowSelect="True" />
<Resizing AllowColumnResize="true" AllowResizeToFit="true" />
<ClientMessages DragToGroupOrReorder="Arrastre al Grupo" DragToResize="Redimensionar" />
</ClientSettings>
<GroupingSettings ShowUnGroupButton="true" />
<HeaderStyle Width="200px" />
</telerik:RadGrid>
</telerik:RadPageView>
<telerik:RadPageView ID="RadPageView4" runat="server">

</telerik:RadPageView>
<telerik:RadPageView ID="RadPageView5" runat="server">

</telerik:RadPageView>
<telerik:RadPageView ID="RadPageView6" runat="server">

</telerik:RadPageView>
</telerik:RadMultiPage>
</div>
<br />
<br />
</div>
</telerik:RadAjaxPanel>
</center></form>
 </td>

Grid

asked on 03 Jun 2011

1 answer

124 views

Determining Bounds of Editor on a Scrollable Page

Greetings!

I am still trying to implement Drag & Drop from RadTreeView to RadEditor. Currently, I have the isMouseOver checks split depending on the current Content Mode of the editor(ie: using get_contentAreaElement() in Design and _getTextIframe() in HTML). This all works fine when the page is short and not scrollable. I also have RadGrids on the page, and when they contain substantial amounts of rows the page begins to scroll vertically. When this happens and I am for instance towards the bottom of the scrollable page, it appears that the $telerik.getBounds() values stay the same even though the Editor is not in the same position anymore(it has visibly moved up).

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

function isMouseOverEditorDesignView(editor, events) {

var editorFrame = editor.get_contentAreaElement();

var editorRect = $telerik.getBounds(editorFrame);

var mouseX = events.clientX;

var mouseY = events.clientY;

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

mouseX > editorRect.x &&

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

mouseY > editorRect.y) {

return true;

}

return false;

}

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

function isMouseOverEditorCodeView(editor, events) {

var htmlFrame = editor._getTextIframe();

var htmlRect = $telerik.getBounds(htmlFrame);

var mouseX = events.clientX;

var mouseY = events.clientY;

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

mouseX > htmlRect.x &&

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

mouseY > htmlRect.y) {

return true;

}

return false;

}

Is there a way where I can adjust the getBounds values based on my scroll position? Thanks in advance!

Sincerely,

Andrew

Editor

answered on 03 Jun 2011

0 answers

102 views

Functionality request: numeric prevent decimal

Hey guys

From searches, I see this going all the way back to asp.net non ajax. Many people want the ability to use the numeric to capture an integer. I know the decimal gets removed when you lose focus, but I would prefer to see it not accepted, like if an alpha key is hit. I know we can code keypress events and do all sorts of other stuff, but I think this is important enough to be considered a behavior of the control. For instance, if :

<NumberFormat DecimalDigits="0" GroupSeparator=""/>

Pressing the decimal point or comma should throw the error symbol and not echo the character. What do you think?

Input

asked on 03 Jun 2011