<%@ Page Language="C#" %>
<%@ Register Assembly="Ext.Net" Namespace="Ext.Net" TagPrefix="ext" %>
<!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 language="javascript" type="text/javascript">
var Timer = {
maxFailures: 3,
failure: 0,
inertval: null,
taskInProgress: false,
stoped: true,
startTask: function () {
this.inertval = setInterval(function () {
refreshLogTree(treeJobLog);
}, 5000);
this.stoped = false;
},
stopTask: function () {
clearInterval(this.inertval);
this.inertval = null;
this.stoped = true;
}
};
function refreshLogTree(tree) {
if (!Timer.taskInProgress) {
Timer.taskInProgress = true;
Ext.net.DirectMethods.RefreshLogTree({
eventMask: {
showMask: false
},
success: function (result) {
if (!Timer.stoped) {
Timer.taskInProgress = false;
if (result != "") {
var nodes = Ext.util.JSON.decode(result);
tree.root.ui.remove();
tree.initChildren(nodes);
tree.root.render();
}
}
},
failure: function (msgData) {
Timer.taskInProgress = false;
}
});
}
};
</script>
<script runat="server">
public class JobStep {
public string Step {
get;
set;
}
public string Result {
get;
set;
}
}
[DirectMethod]
public string RefreshLogTree() {
return BuildLogTree().ToJson();
}
private Ext.Net.TreeNodeCollection BuildLogTree() {
var root = new Ext.Net.TreeNode {
NodeID = "Job Root", Text = "Job Root"
};
for (var i = 0; i <= 200; i++)
root.Nodes.Add(NewNode(i));
var nodes = new Ext.Net.TreeNodeCollection();
nodes.Add(root);
return nodes;
}
private Ext.Net.TreeNode NewNode(int number) {
var treeNode = new Ext.Net.TreeNode {
Icon = Ext.Net.Icon.Star,
NodeID = string.Format("node{0}", number),
Leaf = true,
Expandable = ThreeStateBool.False
};
treeNode.CustomAttributes.Add(new ConfigItem("Step", string.Format("step {0}", number), ParameterMode.Value));
treeNode.CustomAttributes.Add(new ConfigItem("Result", "ok", ParameterMode.Value));
return treeNode;
}
</script>
</head>
<body>
<form id="frmJobLog" runat="server">
<ext:ResourceManager ShowWarningOnAjaxFailure="false" ID="rm" runat="server">
<Listeners>
<DocumentReady Handler="Timer.startTask();" />
</Listeners>
</ext:ResourceManager>
<ext:Viewport ID="Viewport1" runat="server">
<Items>
<ext:FitLayout ID="FitLayout1" runat="server">
<Items>
<ext:TreeGrid ID="treeJobLog" runat="server" EnableSort="false" Cls="plain-treegrid" EnableDD="False" Border="false" BodyBorder="false" AutoExpandColumn="Step" AutoScroll="True" AutoExpandMax="10000">
<TopBar>
<ext:Toolbar ID="Toolbar1" runat="server">
<Items>
<ext:Button ID="btnStop" runat="server" Text="Stop" IconCls="kill">
<Listeners>
<Click Handler="Timer.stopTask();" />
</Listeners>
</ext:Button>
</Items>
</ext:Toolbar>
</TopBar>
<Columns>
<ext:TreeGridColumn Header="Step" Width="230" DataIndex="Step" />
<ext:TreeGridColumn Header="Result" Width="230" DataIndex="Result" />
</Columns>
</ext:TreeGrid>
</Items>
</ext:FitLayout>
</Items>
<Listeners>
<Render Handler="this.getEl().on('contextmenu', Ext.emptyFn, null, {preventDefault: true});" />
</Listeners>
</ext:Viewport>
</form>
</body>
</html>
