Questions on UI for ASP.NET AJAX Forum

16 answers

278 views

I am attempting to update the RadGrid using a Ajax. I am using a non-Telerik control to trigger the update. I get the following error.

Script control 'RadGrid1' is not a registered script control. Script controls must be registered using RegisterScriptControl() before calling RegisterScriptDescriptors().
Parameter name: scriptControl

I'm a newbie to Ajax. Am I missing something beside placing a scriptmanager on the page along with the RadGrid?

Thanks

Ajax

answered on 24 Sep 2010

3 answers

174 views

Creating Grid on the page OnInit handler

Hi,

I am creating a grid programmatically on the OnInit handler so that my template columns are captured in the ViewState. I am also trying to incorporate 'google-like' filtering, so I need to access the OnColumnCreating handler in the codebehind. However, when I try to add a handler to it, I am told that I cannot do it as OnColumnCreating is protected.
My code is as follows, fairly simple:

Protected Sub Page_Init(ByVal s As Object, ByVal e As System.EventArgs) Handles Me.Init

Dim rg As New RadGrid

rg.AutoGenerateColumns = False

rg.GridLines = GridLines.None

rg.AllowPaging = True

rg.AllowSorting = True

rg.AllowFilteringByColumn = True

rg.ShowStatusBar = True

rg.CssClass = "RadGrid"

rg.Skin = "WebBlue"

rg.Width = "880"

rg.GroupingSettings.CaseSensitive = False

AddHandler rg.OnColumnCreating, AddressOf rg_ColumnCreating

End Sub

Can anyone help?

Many thanks!

Grid

answered on 24 Sep 2010

7 answers

322 views

AJAX postback disable

Hi,

I have problem with ajax postback. Is possible to cancel ajax postback after refresh grid.

I have grid and I use this code:

function RefreshGrid(search) {

if (search != "") {

document.getElementById("search").value = search;

var masterTable = $find("<%= grdResult.ClientID %>").get_masterTableView();

masterTable.rebind();

}

function requestStart(sender, eventArgs) {

document.getElementById("ajaxrequest").value = "true";

}

function responseEnd(sender, eventArgs) {

document.getElementById("ajaxrequest").value = "false";

}

But problem is, that I refresh grid, all page codebehind are called. Not only webservice (use it for reading data).
In PageLoad I use

sAjaxRequest = Request.Params["ajaxrequest"] + "";

if (sAjaxRequest != "true")

{

//... loading controls and set property from DB (radcombo, radgrid, ...)

}

Grid

<telerik:RadGrid ID="grdResult" runat="server" AllowPaging="True" AllowSorting="True" AutoGenerateColumns="False" GridLines="None" onitemdatabound="grdResult_ItemDataBound" PageSize="20" Width="100%" DataSourceID="GridDataSource" BorderStyle="None">

<PagerStyle Mode="NextPrevAndNumeric" PageButtonCount="10" />

<ClientSettings AllowDragToGroup="True" EnableRowHoverStyle="true">

<DataBinding EnableCaching="true" />

<Selecting AllowRowSelect="true" />

<ClientEvents /></ClientSettings>

<HeaderContextMenu enableautoscroll="True"></HeaderContextMenu>

<MasterTableView>

<Columns>

<telerik:GridBoundColumn DataField="Manufacturer" HeaderText="Manufacturer" UniqueName="colManufacturer"></telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="Stock" DataFormatString="{0:0}" HeaderStyle-HorizontalAlign="Right" HeaderText="Stock" ItemStyle-HorizontalAlign="Right" UniqueName="Stock"></telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="Price" HeaderStyle-HorizontalAlign="Right" HeaderText="Price" ItemStyle-HorizontalAlign="Right" UniqueName="Price"></telerik:GridBoundColumn>

</Columns>

</MasterTableView>

</telerik:RadGrid>

<asp:ObjectDataSource ID="GridDataSource" runat="server" SelectMethod="FillResultGrid" TypeName="shop.Service">

<SelectParameters>

<asp:FormParameter FormField="search" Name="sSearch" Type="String" />

</SelectParameters>

</asp:ObjectDataSource>

Problem is, that I don't set combos data and property, then I receive blank controls after ajax.
Ajax framework set my controls, but I don't want it.

Thanks for answer.
Roman Krsko

Grid

answered on 24 Sep 2010

1 answer

376 views

RadGrid DetailTables hiding the expand column

Hi

I've taken an example from the demo's site, to hide the expand button and add it into an existing column alongside the text.
using this code which is run from RadGrid1_ItemDataBound

public void CreateExpandCollapseButton(GridItem item, string columnUniqueName, String ButtonColumn)

{

if (item is GridDataItem)

{

if (item.FindControl("MyExpandCollapseButton") == null)

{

Button button = new Button();

button.Click += new EventHandler(button_Click);

button.CommandName = "ExpandCollapse";

button.CssClass = (item.Expanded) ? "rgCollapse" : "rgExpand";

button.ID = "MyExpandCollapseButton";

if (item.OwnerTableView.HierarchyLoadMode == GridChildLoadMode.Client)

{

string script = String.Format(@"$find(""{0}"")._toggleExpand(this, event); return false;", item.Parent.Parent.ClientID);

button.OnClientClick = script;

}

int level = item.ItemIndexHierarchical.Split(':').Length;

if (level > 1)

{

button.Style["margin-left"] = level * 5 + "px";

}

TableCell cell = ((GridDataItem)item)[ButtonColumn];

cell.Controls.Add(button);

cell.Controls.Add(new LiteralControl(" "));

cell.Controls.Add(new LiteralControl(((GridDataItem)item).GetDataKeyValue(ButtonColumn).ToString()));

}

But this code was for the selfHierarchy demo. I have 6 inner details tables each within each other like so

<telerik:RadGrid ID="RadGrid1" OnPreRender="RadGrid1_PreRender" OnItemDataBound="RadGrid1_ItemDataBound" ShowStatusBar="true" Skin="Office2007" OnItemCreated="RadGrid1_ItemCreated"

runat="server" AutoGenerateColumns="true" AllowSorting="true" OnDetailTableDataBind="RadGrid1_DetailTableDataBind" OnNeedDataSource="RadGrid1_NeedDataSource" AllowMultiRowSelection="False" OnColumnCreated="RadGrid1_ColumnCreated"

AllowPaging="false" GridLines="None">

<MasterTableView DataKeyNames="HierarchyID, Link, Name" AllowMultiColumnSorting="True" AutoGenerateColumns="true" HorizontalAlign="Right">

<DetailTables>

<telerik:GridTableView DataKeyNames="HierarchyID, Link, Name" Name="2" Width="100%" runat="server" AutoGenerateColumns="true" HorizontalAlign="Right">

<ParentTableRelation>