Questions on UI for ASP.NET AJAX Forum

7 answers

281 views

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

345 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>