Questions on UI for ASP.NET AJAX Forum

3 answers

81 views

To enable the RadGrid

<asp:Panel ID="PnlFileDetails" runat="server" BorderStyle="Solid" BorderWidth="1px"

Width="100%">

<asp:Panel ID="PnlCurrentConntentDetails" runat="server" Width="100%">

<table style="width: 100%">

<tr>

<td style="border: 1px solid">

<telerik:RadGrid ID="dgCurrentContentDetails" runat="server" AllowMultiRowSelection="True"

Skin="SLB" CellSpacing="1" CellPadding="3" BorderStyle="Solid" BorderWidth="0px"

Width="100%" Height="300px" AutoGenerateColumns="False" GridLines="None" AllowSorting="True"

HeaderStyle-Height="30px" EnableEmbeddedSkins="False" OnItemDataBound="dgCurrentContentDetails_ItemDataBound">

<ClientSettings>

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

<Selecting AllowRowSelect="true" />

<ClientEvents OnRowSelecting="RowSelecting" OnRowSelected="RowSelected" OnRowDeselected="RowDeSelected" />

</ClientSettings>

<HeaderStyle Font-Underline="False" Height="30px" />

<ItemStyle Wrap="true" />

<MasterTableView AllowNaturalSort="true" AllowCustomSorting="true" ShowHeadersWhenNoRecords="true"

NoMasterRecordsText="No files found for the selected product.">

<ExpandCollapseColumn SortAscImageUrl="~/Skins/SLB/Grid\SortAsc.gif" SortDescImageUrl="~/Skins/SLB/Grid\SortDesc.gif">

</ExpandCollapseColumn>

<Columns>

<telerik:GridBoundColumn UniqueName="RuleID" DataField="RuleID" HeaderText="RuleID"

Display="false">

<HeaderStyle HorizontalAlign="Center" />

<ItemStyle Wrap="true" HorizontalAlign="Left" CssClass="RadGridRow" />

</telerik:GridBoundColumn>

</Columns>

</MasterTableView>

</telerik:RadGrid>

</td>

</tr>

</table>

</asp:Panel>

Hi ,
Above is the code for Rad Grid. I have disabled the PnlFileDetails on the server side. On click of a button , I want to enable the rad grid on the client side. I have written the below code to enable the grid.

document.getElementById('ctl00_CntPlHolder_PnlFileDetails').disabled = false;

document.getElementById('ctl00_CntPlHolder_PnlCurrentConntentDetails').disabled = false;

document.getElementById(

'ctl00_CntPlHolder_dgCurrentContentDetails').enabled = true;

But the grid is not enabled. Please let me how to enable the grid on the client side(using java script).

Thanks,
Sudha.

Grid

answered on 24 Feb 2012

2 answers

107 views

Highlight previously selected node after postback

Hi,

I wanted to 'highlight' previously selected node in my treeview after postback. I was using cookies to retain the treeview state after postback. Everything is working fine except after postback I am seeing parent node highlighted instead of child node.

Please take a look at the images I attached.

Childnode.jpg --> I selected node 'Baseball' and postback occurs
Parentnode.jpg --> I see the 'US Sports' highlighted instead of 'Baseball' node.

Any one?

TreeView

answered on 24 Feb 2012

10 answers

213 views

ClientSelectColumn

var row = masterTable.get_dataItems()[index];

var cell = masterTable.getCellByColumnUniqueName(row, "ClientSelectColumn");

var chk = cell.getElementsByTagName("input")[0];

if(chk.checked)

{

....

}

eventhough i select the Check box chk.checked is false.

Grid

answered on 24 Feb 2012

7 answers

236 views

Select Maintab and Maintabpage from Child page

Hi Telerik Team,

How to select maintab and maintabpage from Child page.

For Example:
I am having MainContentPage.aspx page inside this i have my Tabstrip and MultiPage hierarchy as mentioned below.

<

telerik:RadTabStrip ID="RadToolTabs" SelectedIndex="0" runat="server" MultiPageID="radMultiPage">

<Tabs>

<telerik:RadTab runat="server" Text="Products " SelectedIndex="0">

<Tabs>

<telerik:RadTab Text=" Lux " SelectedIndex="0"></telerik:RadTab>

<telerik:RadTab Text=" Santoor "></telerik:RadTab>

</Tabs>

</telerik:RadTab>

<telerik:RadTab runat="server" Text=" ProductPrice " >
</telerik:RadTab>

</Tabs>

</telerik:RadTabStrip>

<telerik:RadMultiPage runat="server" SelectedIndex="0" ID="radMultiPage">

<telerik:RadPageView ID="RadPageView1" runat="server" Height="500px" ContentUrl="Products.aspx"></telerik:RadPageView>

<telerik:RadPageView ID="RadPageView2" runat="server" Height="500px" ContentUrl="Lux.aspx"></telerik:RadPageView>

<telerik:RadPageView ID="RadPageView3" runat="server" Height="500px" ContentUrl="Santoor.aspx"></telerik:RadPageView>

<telerik:RadPageView ID="RadPageView4" runat="server" Height="500px" ContentUrl="ProductPrice.aspx"></telerik:RadPageView>

</telerik:RadMultiPage>

When MainContentPage.aspx page loads, By default the Products tab, Lux tab Selected and Lux.aspx page loaded.
and i am having GoProdcutPrice button in my Lux.aspx Page(Childtab page) , When i click on this button i have to select ProductPrice.aspx page and ProductPrice tab.

How can i achieve this scenario?

Thanks
Shaik Nazeer Hussain

TabStrip

answered on 24 Feb 2012

4 answers

103 views

LoadingPanel on IntiailLoad

Hi,
I have quite an intensive database query returning a dataset to a radGrid in the needdatasource. Depending on what the user selects it could take some time. Rather than have the previous page continue to try and load and the finally display the page i would like to display the page and have a loading panel inside the radgrid to symbolize its still loading data from the back end.

I have tried many solutions found on this site but with no luck.

Using the ajaxmanager and making a call to the code behind doesn't display the loading panel for long enough it just appears then disappears instantly (setting a minimum time shows it for longer but this wont disappear when the datas loaded).

Also, the below doesn't seem to do as i need it still just waits for ages between loading the page.

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

<AjaxSettings>

<telerik:AjaxSetting AjaxControlID="rgComparison">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="rgComparison" LoadingPanelID="RadAjaxLoadingPanel1" />

</UpdatedControls>

</telerik:AjaxSetting>

</AjaxSettings>

</telerik:RadAjaxManager>

<telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server" />

Help!

Thanks,
Michael

Grid

answered on 24 Feb 2012

1 answer

88 views

Automatic Insert/Update of the value in textbox fails when I put in the HTML document in the textbox

Hi,

I have RadGrid with automatic Insert/Update. Everything is working just fine, the problems start occurring, when I try to save html document using the textbox, giving me "server error". See below my asp markup and the doc I try to save.

Thanks,
Yuriy

<telerik:RadGrid ID="RadGrid2" runat="server" AllowAutomaticDeletes="True" AllowAutomaticInserts="True"

AllowAutomaticUpdates="True" AutoGenerateColumns="False" CellSpacing="0" DataSourceID="ServiceType"

GridLines="None" ShowStatusBar="True" AllowPaging="True">

<PagerStyle AlwaysVisible="true" Mode="NumericPages" />

<ClientSettings>

<DataBinding>

<DataService Type="OData" />

</DataBinding>

<Selecting AllowRowSelect="True" />

</ClientSettings>

<MasterTableView CommandItemDisplay="Top" DataKeyNames="ServiceTypeID"

DataSourceID="ServiceType" Width="100%" Name="ServiceType"

AllowPaging="False">

<DetailTables>

..................

<telerik:GridTemplateColumn DataField="MaterialDescription" FilterControlAltText="Filter MaterialDescription column"

HeaderText="Description" UniqueName="ChildMaterialDescription">

<EditItemTemplate>

<asp:TextBox ID="MaterialDescriptionTextBox" runat="server" Text='<%# Bind("MaterialDescription") %>'

Height="100px" TextMode="MultiLine" Width="300px" Wrap="True"></asp:TextBox>

</EditItemTemplate>

<ItemTemplate>

<asp:Label ID="MaterialDescriptionLabel" runat="server" Text='<%# Eval("MaterialDescription") %>'></asp:Label>

</ItemTemplate>

.........................

<asp:SqlDataSource ID="ChildMaterialItems" runat="server" ConnectionString="<%$ ConnectionStrings:KPortal %>"

SelectCommand="SELECT Materials.ParentMaterialID, Materials.MaterialID, Materials.MaterialDescription, Materials.MaterialName, Materials.MaterialPictureID, MaterialPictures.PictureCategory + ' - ' + MaterialPictures.PictureDescription AS PictureDescription, Materials.PricedItem, Materials.MaterialCategoryID, Materials.OrderID, Materials.Value, Materials.UnitID, Materials.InternalCode, Materials.UnitType FROM Materials INNER JOIN MaterialPictures ON Materials.MaterialPictureID = MaterialPictures.MaterialPictureID WHERE (Materials.ParentMaterialID = @ParentMaterialID)

order by Materials.OrderID" DeleteCommand="Exec DeleteMaterials @MaterialID"

InsertCommand="Exec InsertMaterial

@MaterialDescription=@MaterialDescription,

@MaterialPictureID = @MaterialPictureID,

@ParentMaterialID = @ParentMaterialID,

@MaterialName = @MaterialName,

@PricedItem = @PricedItem,

@InternalCode = @InternalCode ,

@Value = @Value,

@UnitType = @UnitType,

@UnitID = @UnitID,

@OrderID = @OrderID"

UpdateCommand="

Update Materials

Set

MaterialDescription = @MaterialDescription,

MaterialPictureID = @MaterialPictureID,

MaterialName = @MaterialName,

PricedItem = @PricedItem,

InternalCode = @InternalCode,

Value = @Value,

UnitType = @UnitType,

UnitID = @UnitID,

OrderID = @OrderID

Where MaterialID =@MaterialID

">

<DeleteParameters>

<asp:Parameter Name="MaterialID" />

</DeleteParameters>

<InsertParameters>

<asp:Parameter Name="MaterialDescription" />

<asp:Parameter Name="MaterialPictureID" />

<asp:Parameter Name="ParentMaterialID" />

<asp:Parameter Name="MaterialName" />

<asp:Parameter Name="PricedItem" />

<asp:Parameter Name="InternalCode" />

<asp:Parameter Name="Value" />

<asp:Parameter Name="UnitType" />

<asp:Parameter Name="UnitID" />

<asp:Parameter Name="OrderID" />

</InsertParameters>

<SelectParameters>

<asp:ControlParameter ControlID="RadGrid2" Name="ParentMaterialID"

PropertyName="SelectedValue" />

</SelectParameters>

<UpdateParameters>

<asp:Parameter Name="MaterialDescription" />

<asp:Parameter Name="MaterialPictureID" />

<asp:Parameter Name="MaterialName" />

<asp:Parameter Name="PricedItem" />

<asp:Parameter Name="InternalCode" />

<asp:Parameter Name="Value" />

<asp:Parameter Name="UnitType" />

<asp:Parameter Name="UnitID" />

<asp:Parameter Name="OrderID" />

<asp:Parameter Name="MaterialID" />

</UpdateParameters>

</asp:SqlDataSource>

I am trying to save in the column above the following text:

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

<body>

<p style="text-align: left">

<img alt="Priceology" src="{WebSiteAddress}/Pics/Pricology640.jpg" /></p>

<div>

Dear {CompanyUserName},<br />

<br />

Please be advised that there is an update to {Service} project that you are

working on.<br />

<br />

The status of the <b>"{ProjectName}"</b> project have been updated to

<b>"{ProjectStatus}"</b>.

<br />

Please visit the link below to see the details:e the details:<br />

<br />

<a href="{ManufacturerProjectLink}">Priceolgy projects</a><br />

<br />

Regards,<br />

Priceology Team</div>

</body>

</html>

Grid

answered on 24 Feb 2012

1 answer

75 views

window proxy dragging

Hello,

I would like to implement more lighter dragging for RadWindow like here
http://yuilibrary.com/yui/docs/dd/proxy-drag.html
Does Telerik have any support for this?
Are there any tips on how to make dragging less heavier operation with regard to RadWindow and RadWindowManager configuration?
I also understand that dragging speed depends on RadWindow content, but unfortunately it is not the case when we can make it less.

Thank you.

Window

answered on 24 Feb 2012

12 answers

153 views

Print RadPane

I just want to print the content in the radpane. I tried options provided in other thread but getting error. There are links in those threads which are erroring out. I like know the right way/ right javascript code to do print with any scripts which needed to be included to get it working.

Below is my code

<script type="text/javascript">

function PrintPane(paneID)

{

var splitter = <%= RadSplitter1.ClientID %>;

alert(paneID);

var pane = splitter.GetPaneById(paneID);

if (!pane) return;

pane.Print();

}

</script>

Splitter

answered on 24 Feb 2012

0 answers

105 views

Rebind Parent RadGrid when I close Child RadGrid

Hi,

I am using RadGrid for Master with RadContextMenu. Using Context menu I just open new page having another RadGrid. I just do some updates using Item Command and when I close the Rad Grid did some updates in the Master table also but the Master table Rad Grid not Refresh.

Any work around I need to do...?
Any one pls help me on this.

Regards,
Raja M

Grid

asked on 24 Feb 2012

1 answer

56 views

AJAX Call (like RadTooltip) & Real Submit event.

Hi,
I need to catch the submit event in order to show a user lock layer to avoid multiple user click.
I tried different way, submit direct event, and in the last (in the hope was the right way) this:

In page.cs :
protected override void OnLoad(EventArgs e) {
base.OnLoad(e);
ScriptManager.RegisterOnSubmitStatement(Page, Page.GetType(), "myPostbackHandler", "myPostbackHandler()");
}
In page.aspx :
<script language="javascript" type="text/javascript">
function myPostbackHandler() {
... code to show a layer, etc...
}

In every way I did, when an ajax call occurs like mouse over a rad:tooltip control,
the function myPostbackHandler or submit event is always call.

Is there a way to distinct these DIFFERENT (ajax call, real submit) action on client side ?

Thanks a lot.

Ajax

answered on 24 Feb 2012