Questions on UI for ASP.NET AJAX Forum

1 answer

472 views

Hi,
I am trying to get the show group panel to work on my page, and I sort of have, as in it does everything but sort it, it instead throws an error. I have tried looking for help on it on articles such as http://www.telerik.com/help/aspnet-ajax/grid-basic-grouping.html
but from what I can make out there is something wrong, but I can't figure out what, this is my ASPX

<%@ Page Language="VB" AutoEventWireup="false" CodeFile="Orders.aspx.vb" Inherits="Orders" %>

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

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

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

<head id="Head1" runat="server">

<title>Work Orders</title>

</head>

<body>

<form id="form2" runat="server">

<telerik:RadStyleSheetManager ID="RadStyleSheetManager1" runat="server">

</telerik:RadStyleSheetManager>

<telerik:RadSkinManager ID="RadSkinManager1" runat="server">

</telerik:RadSkinManager>

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

</telerik:RadScriptManager>

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

<script type="text/javascript">

function ShowEditForm(id, rowIndex) {

//alert("orderID" + ' ' + id);

var grid = $find("<%= RadGrid1.ClientID %>");

var rowControl = grid.get_masterTableView().get_dataItems()[rowIndex].get_element();

grid.get_masterTableView().selectItem(rowControl, true);

var t = document.getElementById("<%= lblTemplate.ClientID %>").value;

//alert("row = " + rowIndex);

var ow = window.radopen("OrderUpdate.aspx?OrderID=" + id + "&Template=" + t, "UpdateWorkOrder");

//alert("After window open");

ow.Maximize();

return false;

}

function ShowInsertForm() {

var t = document.getElementById("<%= lblTemplate.ClientID %>").value;

var ow = window.radopen("OrderUpdate.aspx?OrderID=0" + "&Template=" + t + "&OrderType=R", "UpdateWorkOrder");

//alert("After window open");

ow.Maximize();

return false;

}

function RowMouseOver(sender, eventArgs) {

var text = "";

text += "Work Order Description - ";

var i = eventArgs.get_itemIndexHierarchical();

//text += i

//var firstDataItem = $find("<%= RadGrid1.MasterTableView.ClientID %>").get_dataItems()[0];

//var keyValues = 'OrderID: "' + firstDataItem.getDataKeyValue("OrderID");

//

//<telerik:GridBoundColumn DataField="Text" HeaderText="Text" UniqueName="Text" Display="false">

// </telerik:GridBoundColumn>

//text += ", OrderID: " + keyValues

// following 3 lines worked

var Description = eventArgs.getDataKeyValue("Text")

text += Description

document.getElementById("OutPut").innerHTML = text;

}

function refreshGrid(arg) {

if (!arg) {

$find("<%= RadAjaxManager1.ClientID %>").ajaxRequest("Rebind");

}

else {

$find("<%= RadAjaxManager1.ClientID %>").ajaxRequest("RebindAndNavigate");

}

</script>

</telerik:RadCodeBlock>

<%--<div id="header">

<h1>

<asp:Label ID="lblVersion" runat="server" Text="Profess Roads Cost Manager" ForeColor="White"></asp:Label>

</h1>

</div>--%>

<div>

<telerik:RadFormDecorator ID="RadFormDecorator1" runat="server" DecoratedControls="All"

ControlsToSkip="Textbox" />

<table width="100%">

<tr>

<td style="width: 100%; text-align: left;">

<telerik:RadButton ID="chkShowAll" runat="server" Text="Show All" ButtonType="ToggleButton"

ToggleType="CheckBox" />

<telerik:RadButton ID="chkRoutine" runat="server" Text="Reactive" ButtonType="ToggleButton"

ToggleType="CheckBox" />

<telerik:RadButton ID="chkProgrammed" runat="server" Text="Proactive" ButtonType="ToggleButton"

ToggleType="CheckBox" />

<telerik:RadButton ID="chkCyclic" runat="server" Text="Cyclic" ButtonType="ToggleButton"

ToggleType="CheckBox" />

<telerik:RadButton ID="chkProject" runat="server" Text="Related by Project" ButtonType="ToggleButton"