Jan 28, 2012, 11:22 AM
Multiple grid should have comman event for toolTip
Hi , Multiple grid should have comman event for toolTip............i have tryed in the below example...but event is not firing
<%@ Register Assembly="Ext.Net" Namespace="Ext.Net" TagPrefix="ext" %>
<script runat="server">
protected void Page_Load(object sender, EventArgs e)
{
if (!Page.IsPostBack)
{
StoreGrdMaster = this.grdMaster.GetStore();
StoreGrdMaster.DataSource = new object[]
{
new object[] { "int", "111","222" ,"333"},
new object[] { "decimal", "2222","3333","44444" },
new object[] { "datefield", "3333","4444","55555" },
new object[] { "combobox", "44444","55555","66666" }
};
StoreGrdMaster.DataBind();
StoreGrdMaster1 = this.grdMaster1.GetStore();
StoreGrdMaster1.DataSource = new object[]
{
new object[] { "int", "2","22" ,"2222"},
new object[] { "decimal", "1","111","1111" },
new object[] { "datefield", "3","3333","333333" },
new object[] { "combobox", "4","4444","55555555" }
};
StoreGrdMaster1.DataBind();
}
}
</script>
<!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></title>
<script type="text/javascript">
var showTip = function(tooltip, grid, store) {
var rowIndex = grid.view.findRowIndex(this.triggerElement),
cellIndex = grid.view.findCellIndex(this.triggerElement),
record = store.getAt(rowIndex),
fieldName = grid.getColumnModel().getDataIndex(cellIndex),
data = record.get(fieldName);
this.body.dom.innerHTML = data;
}
</script>
</head>
<body>
<form id="Form1" runat="server">
<ext:ResourceManager ID="ResourceManager1" runat="server" />
<ext:Viewport ID="Viewport" runat="server">
<Items>
<ext:GridPanel ID="grdMaster" runat="server" StripeRows="true" Title="Array Grid"
TrackMouseOver="true" Width="600" Height="250" AutoExpandColumn="Company">
<Store>
<ext:Store ID="StoreGrdMaster" runat="server">
<Reader>
<ext:ArrayReader>
<Fields>
<ext:RecordField Name="company" />
<ext:RecordField Name="price" Type="Float" />
<ext:RecordField Name="change" Type="Float" />
<ext:RecordField Name="pctChange" Type="Float" />
</Fields>
</ext:ArrayReader>
</Reader>
</ext:Store>
</Store>
<ColumnModel ID="ColumnModel1" runat="server">
<Columns>
<ext:Column ColumnID="Company" Header="Company" DataIndex="company" />
<ext:Column Header="Price" DataIndex="price">
</ext:Column>
<ext:Column Header="Change" DataIndex="change">
</ext:Column>
<ext:Column Header="Change" DataIndex="pctChange">
</ext:Column>
</Columns>
</ColumnModel>
<SelectionModel>
<ext:RowSelectionModel ID="RowSelectionModel1" runat="server" SingleSelect="true" />
</SelectionModel>
<ToolTips>
<ext:ToolTip ID="RowTip" runat="server" Target="{#{grdMaster}.getView().mainBody}"
Delegate=".x-grid3-cell" TrackMouse="true">
<Listeners>
<Show Handler="showTip(tooltip, #{grdMaster}, #{StoreGrdMaster})" />
</Listeners>
</ext:ToolTip>
</ToolTips>
</ext:GridPanel>
<ext:GridPanel ID="grdMaster1" runat="server" StripeRows="true" Title="Array Grid"
TrackMouseOver="true" Width="600" Height="250" AutoExpandColumn="Company">
<Store>
<ext:Store ID="StoreGrdMaster1" runat="server">
<Reader>
<ext:ArrayReader>
<Fields>
<ext:RecordField Name="company" />
<ext:RecordField Name="price" Type="Float" />
<ext:RecordField Name="change" Type="Float" />
<ext:RecordField Name="pctChange" Type="Float" />
</Fields>
</ext:ArrayReader>
</Reader>
</ext:Store>
</Store>
<ColumnModel ID="ColumnModel2" runat="server">
<Columns>
<ext:Column ColumnID="Company" Header="Company" DataIndex="company" />
<ext:Column Header="Price" DataIndex="price">
</ext:Column>
<ext:Column Header="Change" DataIndex="change">
</ext:Column>
<ext:Column Header="Change" DataIndex="pctChange">
</ext:Column>
</Columns>
</ColumnModel>
<SelectionModel>
<ext:RowSelectionModel ID="RowSelectionModel2" runat="server" SingleSelect="true" />
</SelectionModel>
<ToolTips>
<ext:ToolTip ID="ToolTip1" runat="server" Target="{#{grdMaster1}.getView().mainBody}"
Delegate=".x-grid3-cell" TrackMouse="true">
<Listeners>
<Show Handler="showTip(tooltip, #{grdMaster1}, #{StoreGrdMaster1})" />
</Listeners>
</ext:ToolTip>
</ToolTips>
</ext:GridPanel>
</Items>
</ext:Viewport>
</form>
</body>
</html>
Last edited by geoffrey.mcgill; Jan 28, 2012 at 9:41 PM.
Reason: please use [CODE] tags