Sep 25, 2013, 7:55 PM
[FIXED] [#353] [4.3.0] Grid issue
Is there any issue using BufferedRenderer and RowExpander at the same time?
I have some render artifacts. If I remove either BufferedRenderer or RowExpander all is fine.
I have some render artifacts. If I remove either BufferedRenderer or RowExpander all is fine.
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Grid.aspx.cs" Inherits="Grid" %>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title>Grid test.</title>
<script src="Scripts/jquery-1.8.2.min.js" type="text/javascript"></script>
<script src="Scripts/jquery.scrollTo-min.js" type="text/javascript"></script>
<script>
var edit = function (editor, e) {
// Call DirectMethod
if (e.value !== e.originalValue) {
EOL.Edit(e.record.data.GridRowId, e.field, e.originalValue, e.value, e.record.data);
}
};
function storeLoad(o, records, successful, operation, eOpts) {
for (var i = 0; i < records.length; i++) {
for (var key in records[i].data) {
if (typeof records[i].data[key] === "string") {
records[i].data[key] = String(records[i].data[key]).replace(/A/g, '<b>A</b>');
}
}
}
}
function scrollToClick() {
var $paneTarget = $('#mcont');
var $target = $paneTarget.find('#gridview-1016-record-155');
$paneTarget.stop().scrollTo($target, 500);
return false;
}
function addData() {
Ext.StoreMgr.getByKey("Store1").insert(0, { "String": "added", "DateTime": new Date(1989, 11, 11) });
Ext.StoreMgr.getByKey("Store1").getAt(3).set("String", "Waaaaaaaaaaaaaa!");
console.log(Ext.StoreMgr.getByKey("Store1"));
}
function removeData() {
Ext.StoreMgr.getByKey("Store1").removeAt(0);
}
var onShow = function (toolTip) {
};
var filter = function() {
Ext.StoreMgr.getByKey("Store1").filter({
filterFn: function(item) {
return item.get("GridRowId") % 2 == 0;
}
});
};
var filterRemove = function() {
Ext.StoreMgr.getByKey("Store1").clearFilter(false);
};
var menuItemAfterRender = function(comp, e) {
console.log(comp.textEl);
comp.textEl.setStyle("font-size","17pt");
};
var beforeShow = function(toolTip, eOpts) {
toolTip.update(App.Template1.apply({ test: 'h' }));
};
var tooltipRender = function(tooltip, e) {
console.log("render");
};
var gridViewReady = function () {
};
var gridMouseOver = function(t,f) {
console.log(t);
console.log(f);
};
var gvItemMouseEnter = function(gv, record, item, index, e, eOpts) {
Ext.fly(item).addCls('droptoggleclass');
};
var gvItemMouseLeave = function (gv, record, item, index, e, eOpts) {
Ext.fly(item).removeCls('droptoggleclass');
};
</script>
<style type="text/css">
.droptoggleclass {
color: red;
}
.x-tip-anchor {
border-width: 7px !important;
}
</style>
</head>
<body>
<form id="form1" runat="server">
<ext:ResourceManager runat="server" InitScriptMode="Linked" >
</ext:ResourceManager>
<ext:Toolbar runat="server">
<Items>
<ext:Button runat="server" Text="TestButton">
<Menu>
<ext:Menu runat="server">
<Items>
<ext:MenuItem runat="server" Text="Test">
<Listeners>
<AfterRender Fn="menuItemAfterRender" />
<Show Handler="console.log('afterRender')" />
</Listeners>
</ext:MenuItem>
</Items>
</ext:Menu>
</Menu>
</ext:Button>
</Items>
</ext:Toolbar>
<ext:Store runat="server" ID="MyStore">
<Model>
<ext:Model ID="MyStoreModel" runat="server">
<Fields>
</Fields>
</ext:Model>
</Model>
</ext:Store>
<ext:Viewport runat="server" Layout="fit">
<Items>
<ext:GridPanel runat="server" AutoScroll="True" ID="MainGrid" Title="Grid title text.">
<Listeners>
<ViewReady Fn="gridViewReady"></ViewReady>
<AfterRender Fn="console.log('grid_afterRender')"></AfterRender>
<Activate Fn="console.log('grid_Activate')"></Activate>
<StateRestore Fn="console.log('grid_StateRestore')"></StateRestore>
<StateSave Fn="console.log('grid_StateSave')"></StateSave>
<BeforeShow Fn="console.log('grid_BeforeShow')"></BeforeShow>
</Listeners>
<Store>
<ext:Store runat="server" ID="Store1" AutoLoad="True" PageSize="30" TrailingBufferZone="30" LeadingBufferZone="30" >
<Model>
<ext:Model runat="server" IDProperty="GridRowId">
<Fields>
<ext:ModelField Name="String"/>
<ext:ModelField Name="DateTime" Type="Date"/>
<ext:ModelField Name="GridRowId" Type="Int"/>
</Fields>
</ext:Model>
</Model>
</ext:Store>
</Store>
<ColumnModel runat="server">
<Columns>
<ext:Column runat="server"
Text="Id"
Width="140"
Sortable="true"
DataIndex="GridRowId"
ToolTip="<span>fuck</span>">
</ext:Column>
<ext:Column runat="server"
Text="String"
Width="140"
Sortable="true"
DataIndex="String">
<Editor>
<ext:TextField runat="server"></ext:TextField>
</Editor>
</ext:Column>
<ext:Column runat="server"
Text="String"
Width="140"
Sortable="true"
DataIndex="String">
<Editor>
<ext:TextField ID="TextField1" runat="server"></ext:TextField>
</Editor>
</ext:Column>
<ext:Column ID="Column4" runat="server"
Text="String"
Width="140"
Sortable="true"
DataIndex="String">
<Editor>
<ext:TextField ID="TextField2" runat="server"></ext:TextField>
</Editor>
</ext:Column>
<ext:Column ID="Column5" runat="server"
Text="String"
Width="140"
Sortable="true"
DataIndex="String">
<Editor>
<ext:TextField ID="TextField3" runat="server"></ext:TextField>
</Editor>
</ext:Column>
<ext:Column ID="Column6" runat="server"
Text="String"
Width="140"
Sortable="true"
DataIndex="String">
<Editor>
<ext:TextField ID="TextField4" runat="server"></ext:TextField>
</Editor>
</ext:Column>
<ext:Column runat="server"
Text="Date"
Width="140"
Sortable="true"
DataIndex="DateTime">
<Editor>
<ext:TimeField runat="server" ></ext:TimeField>
</Editor>
</ext:Column>
<ext:Column ID="Column1" runat="server"
Text="Date"
Width="140"
Sortable="true"
DataIndex="DateTime">
<Editor>
<ext:TimeField ID="TimeField1" runat="server" ></ext:TimeField>
</Editor>
</ext:Column>
<ext:Column ID="Column2" runat="server"
Text="Date"
Width="140"
Sortable="true"
DataIndex="DateTime">
<Editor>
<ext:TimeField ID="TimeField2" runat="server" ></ext:TimeField>
</Editor>
</ext:Column>
<ext:Column ID="Column3" runat="server"
Text="Date"
Width="140"
Sortable="true"
DataIndex="DateTime">
<Editor>
<ext:TimeField ID="TimeField3" runat="server" ></ext:TimeField>
</Editor>
</ext:Column>
<ext:Column ID="Column7" runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
<ext:Column ID="Column8" runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
<ext:Column ID="Column9" runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
<ext:Column ID="Column10" runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
<ext:Column ID="Column11" runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
<ext:Column ID="Column12" runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
<ext:Column ID="Column13" runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
<ext:Column ID="Column14" runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
<ext:Column ID="Column15" runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
<ext:Column ID="Column16" runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
<ext:Column ID="Column17" runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
<ext:Column ID="Column18" runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
<ext:Column ID="Column19" runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
<ext:Column ID="Column20" runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
<ext:Column ID="Column21" runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
<ext:Column ID="Column22" runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
<ext:Column ID="Column23" runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
<ext:Column ID="Column24" runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
<ext:Column ID="Column25" runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
<ext:Column ID="Column26" runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
<ext:Column ID="Column27" runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
<ext:Column ID="Column28" runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
<ext:Column ID="Column29" runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
<ext:Column ID="Column30" runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
<ext:Column ID="Column31" runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
<ext:Column ID="Column32" runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
<ext:Column ID="Column33" runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
<ext:Column ID="Column34" runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
<ext:Column ID="Column35" runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
<ext:Column ID="Column36" runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
<ext:Column ID="Column37" runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
<ext:Column ID="Column38" runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
<ext:Column ID="Column39" runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
<ext:Column ID="Column40" runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
<ext:Column ID="Column41" runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
<ext:Column ID="Column42" runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
<ext:Column ID="Column43" runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
<ext:Column ID="Column44" runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
<ext:Column ID="Column45" runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
<ext:Column ID="Column46" runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
<ext:Column ID="Column47" runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
<ext:Column ID="Column48" runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
<ext:Column ID="Column49" runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
<ext:Column ID="Column50" runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
<ext:Column ID="Column51" runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
<ext:Column ID="Column52" runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
<ext:Column ID="Column53" runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
<ext:Column ID="Column54" runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
<ext:Column ID="Column55" runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
<ext:Column ID="Column56" runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
<ext:Column ID="Column57" runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
<ext:Column ID="Column58" runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
<ext:Column ID="Column59" runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
<ext:Column ID="Column60" runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
<ext:Column ID="Column61" runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
<ext:Column ID="Column62" runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
<ext:Column ID="Column63" runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
<ext:Column ID="Column64" runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
<ext:Column ID="Column65" runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
<ext:Column ID="Column66" runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
<ext:Column ID="Column67" runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
<ext:Column ID="Column68" runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
<ext:Column ID="Column69" runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
<ext:Column ID="Column70" runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
<ext:Column ID="Column71" runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
<ext:Column ID="Column72" runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
<ext:Column ID="Column73" runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
<ext:Column ID="Column74" runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
<ext:Column ID="Column75" runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
<ext:Column ID="Column76" runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
<ext:Column ID="Column77" runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
<ext:Column ID="Column78" runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
<ext:Column ID="Column79" runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
<ext:Column ID="Column80" runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
<ext:Column ID="Column81" runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
<ext:Column ID="Column82" runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
<ext:Column ID="Column83" runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
<ext:Column ID="Column84" runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
<ext:Column ID="Column85" runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
<ext:Column ID="Column86" runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
<ext:Column ID="Column87" runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
<ext:Column ID="Column88" runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
<ext:Column ID="Column89" runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
<ext:Column ID="Column90" runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
<ext:Column ID="Column91" runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
<ext:Column ID="Column92" runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
<ext:Column ID="Column93" runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
<ext:Column ID="Column94" runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
<ext:Column ID="Column95" runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
<ext:Column ID="Column96" runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
<ext:Column ID="Column97" runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
<ext:Column ID="Column98" runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
<ext:Column ID="Column99" runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
<ext:Column ID="Column100" runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
<ext:Column ID="Column101" runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
<ext:Column ID="Column102" runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
<ext:Column ID="Column103" runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
<ext:Column ID="Column104" runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
<ext:Column ID="Column105" runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
<ext:Column ID="Column106" runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
<ext:Column ID="Column107" runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
<ext:Column ID="Column108" runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
<ext:Column ID="Column109" runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
<ext:Column ID="Column110" runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
<ext:Column ID="Column111" runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
<ext:Column ID="Column112" runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
<ext:Column ID="Column113" runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
<ext:Column ID="Column114" runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
<ext:Column ID="Column115" runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
<ext:Column ID="Column116" runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
<ext:Column ID="Column117" runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
<ext:Column ID="Column118" runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
<ext:Column ID="Column119" runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
<ext:Column ID="Column120" runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
<ext:Column ID="Column121" runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
<ext:Column ID="Column122" runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
<ext:Column ID="Column123" runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
<ext:Column ID="Column124" runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
<ext:Column ID="Column125" runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
<ext:Column ID="Column126" runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
<ext:Column ID="Column127" runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
<ext:Column ID="Column128" runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
<ext:Column ID="Column129" runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
<ext:Column ID="Column130" runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
<ext:Column ID="Column131" runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
<ext:Column ID="Column132" runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
<ext:Column ID="Column133" runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
<ext:Column ID="Column134" runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
<ext:Column ID="Column135" runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
<ext:Column ID="Column136" runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
<ext:Column ID="Column137" runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
<ext:Column ID="Column138" runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
<ext:Column ID="Column139" runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
<ext:Column ID="Column140" runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
<ext:Column ID="Column141" runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
<ext:Column ID="Column142" runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
<ext:Column ID="Column143" runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
<ext:Column ID="Column144" runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
<ext:Column ID="Column145" runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
<ext:Column ID="Column146" runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
<ext:Column ID="Column147" runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
<ext:Column ID="Column148" runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
<ext:Column ID="Column149" runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
<ext:Column ID="Column150" runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
<ext:Column ID="Column151" runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
<ext:Column ID="Column152" runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
<ext:Column ID="Column153" runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
<ext:Column ID="Column154" runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
<ext:Column ID="Column155" runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
<ext:Column ID="Column156" runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
<ext:Column ID="Column157" runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
<ext:Column ID="Column158" runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
<ext:Column ID="Column159" runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
<ext:Column ID="Column160" runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
<ext:Column ID="Column161" runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
<ext:Column ID="Column162" runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
<ext:Column ID="Column163" runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
<ext:Column ID="Column164" runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
<ext:Column ID="Column165" runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
<ext:Column ID="Column166" runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
<ext:Column ID="Column167" runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
<ext:Column ID="Column168" runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
<ext:Column ID="Column169" runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
<ext:Column ID="Column170" runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
<ext:Column ID="Column171" runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
<ext:Column ID="Column172" runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
<ext:Column ID="Column173" runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
<ext:Column ID="Column174" runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
<ext:Column ID="Column175" runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
<ext:Column ID="Column176" runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
<ext:Column ID="Column177" runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
<ext:Column ID="Column178" runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
<ext:Column ID="Column179" runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
<ext:Column ID="Column180" runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
<ext:Column ID="Column181" runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
<ext:Column ID="Column182" runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
<ext:Column ID="Column183" runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
<ext:Column ID="Column184" runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
<ext:Column ID="Column185" runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
<ext:Column ID="Column186" runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
<ext:Column ID="Column187" runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
<ext:Column ID="Column188" runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
<ext:Column ID="Column189" runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
<ext:Column ID="Column190" runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
<ext:Column ID="Column191" runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
<ext:Column ID="Column192" runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
<ext:Column ID="Column193" runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
<ext:Column ID="Column194" runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
<ext:Column ID="Column195" runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
<ext:Column ID="Column196" runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
<ext:Column ID="Column197" runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
<ext:Column ID="Column198" runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
<ext:Column ID="Column199" runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
<ext:Column ID="Column200" runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
<ext:Column ID="Column201" runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
<ext:Column ID="Column202" runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
<ext:Column ID="Column203" runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
<ext:Column ID="Column204" runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
<ext:Column ID="Column205" runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
<ext:Column ID="Column206" runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
<ext:Column ID="Column207" runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
<ext:Column ID="Column208" runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
<ext:Column ID="Column209" runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
<ext:Column ID="Column210" runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
<ext:Column ID="Column211" runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
<ext:Column ID="Column212" runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
<ext:Column ID="Column213" runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
<ext:Column ID="Column214" runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
<ext:Column ID="Column215" runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
<ext:Column ID="Column216" runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
<ext:Column ID="Column217" runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
<ext:Column ID="Column218" runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
<ext:Column ID="Column219" runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
<ext:Column ID="Column220" runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
<ext:Column ID="Column221" runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
<ext:Column ID="Column222" runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
<ext:Column ID="Column223" runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
<ext:Column ID="Column224" runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
<ext:Column ID="Column225" runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
<ext:Column ID="Column226" runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
<ext:Column ID="Column227" runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
<ext:Column ID="Column228" runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
<ext:Column ID="Column229" runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
<ext:Column ID="Column230" runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
<ext:Column ID="Column231" runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
<ext:Column ID="Column232" runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
<ext:Column ID="Column233" runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
<ext:Column ID="Column234" runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
<ext:Column ID="Column235" runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
<ext:Column ID="Column236" runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
<ext:Column ID="Column237" runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
<ext:Column ID="Column238" runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
<ext:Column ID="Column239" runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
<ext:Column ID="Column240" runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
<ext:Column ID="Column241" runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
<ext:Column ID="Column242" runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
<ext:Column ID="Column243" runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
<ext:Column ID="Column244" runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
<ext:Column ID="Column245" runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
<ext:Column ID="Column246" runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
<ext:Column ID="Column247" runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
<ext:Column ID="Column248" runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
<ext:Column ID="Column249" runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
<ext:Column ID="Column250" runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
<ext:Column ID="Column251" runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
<ext:Column ID="Column252" runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
<ext:Column ID="Column253" runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
<ext:Column ID="Column254" runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
<ext:Column ID="Column255" runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
<ext:Column ID="Column256" runat="server" Text="String" Width="140" Sortable="true" DataIndex="String"></ext:Column>
</Columns>
</ColumnModel>
<SelectionModel>
<ext:CellSelectionModel runat="server" />
</SelectionModel>
<Plugins>
<ext:BufferedRenderer runat="server"/>
<ext:RowExpander runat="server">
<Template runat="server">
<Html>
<p>11111</p>
</Html>
</Template>
</ext:RowExpander>
</Plugins>
<View>
<ext:GridView TrackOver="False" runat="server">
<Listeners>
</Listeners>
</ext:GridView>
</View>
</ext:GridPanel>
</Items>
</ext:Viewport>
<script type="text/javascript">
$.ready(function () {
Ext.tip.ToolTip.prototype.minWidth = 300;
});
</script>
<ext:ToolTip runat="server"
Target="={#{MainGrid}.getView().el}"
Delegate=".x-grid-cell"
TrackMouse="True"
Anchor="top"
>
<Content>
11111111111111111<br/>
11111111111111111<br/>
11111111111111111<br/>
11111111111111111<br/>
</Content>
<Listeners>
<Show Fn="onShow" />
<Render Fn="tooltipRender"></Render>
</Listeners>
</ext:ToolTip>
<ext:ToolTip ID="ToolTip1" runat="server"
Target="MainGrid_header-body"
TrackMouse="False"
>
<Listeners>
<BeforeShow Fn="beforeShow"></BeforeShow>
</Listeners>
</ext:ToolTip>
<ext:XTemplate ID="Template1" runat="server">
<Html>
<div>XTemplate</div>
</Html>
</ext:XTemplate>
</form>
<div>
<ext:Panel ID="Win1" runat="server"
Title="Panel title."
Width="150px"
Height="150px"
Closable="False">
<Content>
dsds
<div>dsd</div>
</Content>
</ext:Panel>
</div>
</body>
</html>
using System;
using System.Collections.Generic;
using System.Text;
using Ext.Net;
using Models;
public partial class Grid : System.Web.UI.Page
{
[DirectMethod(Namespace = "EOL")]
public void Edit(int id, string field, string oldValue, string newValue, object customer)
{
string message = "<b>Property:</b> {0}<br /><b>Field:</b> {1}<br /><b>Old Value:</b> {2}<br /><b>New Value:</b> {3}";
// Send Message...
X.Msg.Notify("Edit Record #" + id.ToString(), string.Format(message, id, field, oldValue, newValue)).Show();
switch (field)
{
case "String":
X.Msg.Notify("Edit field.","String").Show();
break;
case "DateTime":
X.Msg.Notify("Edit field.", "Date").Show();
break;
default:
X.Msg.Notify("Field is not editable :", field).Show();
break;
}
}
protected void Page_Load(object sender, EventArgs e)
{
if (!X.IsAjaxRequest)
{
Store1.DataSource = GetData();
Store1.DataBind();
}
}
private GridRow[] GetData() {
var result = new List<GridRow>();
for (int j = 1; j <= 100; j++) {
var rnd = new Random((int) DateTime.Now.Ticks);
var builder = new StringBuilder();
builder.Append("<span>");
char ch;
for (int i = 0; i < 10; i++) {
ch = Convert.ToChar(Convert.ToInt32(Math.Floor(26*rnd.NextDouble() + 65)));
builder.Append(ch);
}
builder.Append("</span>");
result.Add(new GridRow{GridRowId = j, String = builder.ToString()});
}
return result.ToArray();
}
}
Last edited by Daniil; Sep 26, 2013 at 8:40 AM.
Reason: [OPEN] [#353]