...
You can use ready-made methods in GeodiQueryJS content or make your own api calls. For Template editing, you can review the displaying results using Template document. Click Here for sample html to prepare create a template.
| Code Block | ||||
|---|---|---|---|---|
| ||||
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" lang="[=c.GetCurrentLanguage(true)]">
<head>
<meta charset="utf-8" />
<title>GEODI</title>
<dcc:item factoryname="IncludeScriptResource" src="~/GUI/js/jquery-2.1.3.min.js" />
<dcc:item factoryname="IncludeScriptResource" src="~/GUI/js/bootstrap.min.js" />
<dcc:item factoryname="IncludeScriptResource" src="~/GUI/js/GeodiQueryJS.js" />
<dcc:item factoryname="IncludeScriptResource" src="~/GUI/js/GeodiGenericJS.js" />
<dcc:item factoryname="IncludeScriptResource" src="~/GUI/js/PlatformCommunication.js" />
<dcc:item factoryname="IncludeCssResource" src="~/GUI/css/GeodiStyle.css" />
<dcc:item factoryname="GeodiSessionInfoHtmlPageItem" />
<dcc:item factoryname="IncludeScriptResource" src="~/GUI/js/moment.js" />
<dcc:CultureInfoWriter formattype="DateTime" />
<dcc:item factoryname="IncludeScriptResource" src="~/GUI/js/GeodiHelpManager.js" />
</head>
<body>
<div class=container style="background-color:#fff">
<h1>[$.tr:Dokümanlar;en:Documents]</h1>
<div id=docList></div>
<script type="dece-template" id="myTemplate">
<d:r data="data">
<li>
{{ data.DisplayName }} - {{ data.AdditionalValues.Date }} <br>
<span class="SummaryText __textclass geodiFormatable" contentid="{{data.ContentIdentifier}}">{{data.Summary}}</span>
</li>
</d:r>
</script>
<script>
window.Aborter = new PostAborter();
$(window).ready(function () {
$(window).on("PCCommand",
function (e, obj) {
if (obj.Command == "ExecutedQuery") //query button is pressed.
UpdateQuery(window.parent.CurrentQueryContainer.CurrentQuery);
});
UpdateQuery(window.parent.CurrentQueryContainer.CurrentQuery);
});
function UpdateQuery(query) {
window.Aborter.AbortAll();
$("#docList").empty();
RenderDLV({
Query: query,
TargetDiv: "#docList",
Aborter: window.Aborter,
CurrentWSInfo: window.parent.CurrentQueryContainer.CurrentWSInfo,
wsName: query.wsName,
Template:$("#myTemplate"),
Clear:true
})
}
</script>
</div>
</body>
</html>
|
...