peder/SharePoint Search

## SharePoint Search
<!doctype html>
<html lang="en" manifest="/app.manifest" ng-app>
<head>
	<meta charset="utf-8">
	<title>SharePoint Search With Infinite Scroll</title>
	<link rel="stylesheet" href="assets/css/app.css">
	<script type="text/javascript" src="assets/js/app.js"></script>
	<script type="text/javascript">
	  var sharePointUrl = "http://someSharePointSite/";
	  var sharePointContextInfoUrl = sharePointUrl + "_api/contextinfo";
	  var sharePointSearchUrl = sharePointUrl + _api/search/postquery;

		var dataSource = new DevExpress.data.DataSource({
			load: function (loadOptions)
			{
				var d = new $.Deferred();
				var params = {};
				//Getting filter options
				if (loadOptions.filter)
				{
					params.filter = JSON.stringify(loadOptions.filter);
				}
				//Getting sort options
				if (loadOptions.sort)
				{
					params.sort = JSON.stringify(loadOptions.sort);
				}

				//skip and take are used for paging
				params.Querytext = $("#searchTerm").val();

				if (params.Querytext == "")
					params.Querytext = "*";

				params.RowsPerPage = loadOptions.take;
				params.RowLimit = loadOptions.take;
				params.StartRow = loadOptions.skip;

				//If the select expression is specified
				if (loadOptions.select)
				{
					params.select = JSON.stringify(loadOptions.select);
				}

				//If a user typed something in dxAutocomplete, dxSelectBox or dxLookup
				if (loadOptions.searchValue)
				{
					params.searchValue = loadOptions.searchValue;
					params.searchOperation = loadOptions.searchOperation;
					params.searchExpr = loadOptions.searchExpr;
				}

				params.ClientType = "custom",

				params.SelectProperties =
					{
						results: [
							"Title",
							"Author"
						]
					};

				params.Properties = { results: [] };

				$.ajax(sharePointContextSearchUrl,
				{
					dataType: "json",
					jsonp: false,
					method: "POST",
					data: JSON.stringify({ request: params }),
					contentType: "application/json;odata=verbose",
					headers:
					{
						"X-RequestDigest": formDigestValue,
						"Accept": "application/json; odata=verbose"
					}
				}).done(function (data)
				{
					var displayRows = [];
					for(var responseRowKey in data.d.postquery.PrimaryQueryResult.RelevantResults.Table.Rows.results)
					{
						var responseRow = data.d.postquery.PrimaryQueryResult.RelevantResults.Table.Rows.results[responseRowKey];
						var displayRow = {};

						for(var columnKey in responseRow.Cells.results)
						{
							var column = responseRow.Cells.results[columnKey];

							if (column.Key == "Title" || column.Key == "Author")
							{
								displayRow[column.Key] = column.Value;
							}
						}

						displayRows[displayRows.length] = displayRow;
					}

					d.resolve(displayRows);
				});
				return d.promise();
			}
		});

		$.ajax(sharePointContextInfoUrl,
		{
			dataType: "xml",
			jsonp: false,
			method: "POST"
		}).done(function (data)
		{
			formDigestValue = $(data).find("FormDigestValue").text();

			$(document).ready(function ()
			{
				$("#gridContainer").dxDataGrid({
					dataSource: dataSource,
					customizeColumns: function (columns)
					{

					},
					loadPanel: {
						enabled: false
					},
					scrolling: {
						mode: 'infinite',
						preloadEnabled: true
					},
					paging:
					{
						enabled: true,
						pageSize: 60
					}
				});

				$("#submitButton").click(function ()
				{
					$("#gridContainer").dxDataGrid({
						dataSource: dataSource,
						customizeColumns: function (columns)
						{

						},
						loadPanel: {
							enabled: false
						},
						scrolling: {
							mode: 'infinite',
							preloadEnabled: true
						},
						paging:
						{
							enabled: true,
							pageSize: 60
						}
					});

					return false;
				});
			});
		});
	</script>
</head>
<body>
	<nav class="navbar navbar-default navbar-fixed-top navbar-header">
		<div class="container-fluid">
			<div class="navbar-header">
				<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
					<span class="sr-only">Toggle navigation</span>
					<span class="icon-bar"></span>
					<span class="icon-bar"></span>
					<span class="icon-bar"></span>
				</button>
				<a class="navbar-brand" href="/">SharePoint Search With Infinite Scroll</a>
			</div>

			<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
				<form class="navbar-form navbar-left" role="search">
					<div class="form-group">
						<input id="searchTerm" type="text" value="" class="form-control" placeholder="Search">
					</div>
					<button id="submitButton" type="submit" class="btn btn-default">Submit</button>
				</form>
				<ul class="nav navbar-nav navbar-left">
					<li><a id="advancedSearchButton" href="#">Advanced <span class="glyphicon glyphicon-cog" aria-hidden="true"></span></a></li>
					<li><a id="virtualFoldersButton" href="#">Virtual Folders <span class="glyphicon glyphicon-folder-open" aria-hidden="true"></span></a></li>
					<li><a href="#">Favorites <span class="glyphicon glyphicon-heart-empty" aria-hidden="true"></span></a></li>
				</ul>
				<ul class="nav navbar-nav navbar-right">
					<li><a href="#">Help</a></li>
				</ul>
			</div>
		</div>
	</nav>
	<div id="gridContainer"></div>
</body>
</html>
	<!doctype html>
	<html lang="en" manifest="/app.manifest" ng-app>
	<head>
	<meta charset="utf-8">
	<title>SharePoint Search With Infinite Scroll</title>
	<link rel="stylesheet" href="assets/css/app.css">
	<script type="text/javascript" src="assets/js/app.js"></script>
	<script type="text/javascript">
	var sharePointUrl = "http://someSharePointSite/";
	var sharePointContextInfoUrl = sharePointUrl + "_api/contextinfo";
	var sharePointSearchUrl = sharePointUrl + _api/search/postquery;

	var dataSource = new DevExpress.data.DataSource({
	load: function (loadOptions)
	{
	var d = new $.Deferred();
	var params = {};
	//Getting filter options
	if (loadOptions.filter)
	{
	params.filter = JSON.stringify(loadOptions.filter);
	}
	//Getting sort options
	if (loadOptions.sort)
	{
	params.sort = JSON.stringify(loadOptions.sort);
	}

	//skip and take are used for paging
	params.Querytext = $("#searchTerm").val();

	if (params.Querytext == "")
	params.Querytext = "*";

	params.RowsPerPage = loadOptions.take;
	params.RowLimit = loadOptions.take;
	params.StartRow = loadOptions.skip;

	//If the select expression is specified
	if (loadOptions.select)
	{
	params.select = JSON.stringify(loadOptions.select);
	}

	//If a user typed something in dxAutocomplete, dxSelectBox or dxLookup
	if (loadOptions.searchValue)
	{
	params.searchValue = loadOptions.searchValue;
	params.searchOperation = loadOptions.searchOperation;
	params.searchExpr = loadOptions.searchExpr;
	}

	params.ClientType = "custom",

	params.SelectProperties =
	{
	results: [
	"Title",
	"Author"
	]
	};

	params.Properties = { results: [] };

	$.ajax(sharePointContextSearchUrl,
	{
	dataType: "json",
	jsonp: false,
	method: "POST",
	data: JSON.stringify({ request: params }),
	contentType: "application/json;odata=verbose",
	headers:
	{
	"X-RequestDigest": formDigestValue,
	"Accept": "application/json; odata=verbose"
	}
	}).done(function (data)
	{
	var displayRows = [];
	for(var responseRowKey in data.d.postquery.PrimaryQueryResult.RelevantResults.Table.Rows.results)
	{
	var responseRow = data.d.postquery.PrimaryQueryResult.RelevantResults.Table.Rows.results[responseRowKey];
	var displayRow = {};

	for(var columnKey in responseRow.Cells.results)
	{
	var column = responseRow.Cells.results[columnKey];

	if (column.Key == "Title" \|\| column.Key == "Author")
	{
	displayRow[column.Key] = column.Value;
	}
	}

	displayRows[displayRows.length] = displayRow;
	}

	d.resolve(displayRows);
	});
	return d.promise();
	}
	});

	$.ajax(sharePointContextInfoUrl,
	{
	dataType: "xml",
	jsonp: false,
	method: "POST"
	}).done(function (data)
	{
	formDigestValue = $(data).find("FormDigestValue").text();

	$(document).ready(function ()
	{
	$("#gridContainer").dxDataGrid({
	dataSource: dataSource,
	customizeColumns: function (columns)
	{

	},
	loadPanel: {
	enabled: false
	},
	scrolling: {
	mode: 'infinite',
	preloadEnabled: true
	},
	paging:
	{
	enabled: true,
	pageSize: 60
	}
	});

	$("#submitButton").click(function ()
	{
	$("#gridContainer").dxDataGrid({
	dataSource: dataSource,
	customizeColumns: function (columns)
	{

	},
	loadPanel: {
	enabled: false
	},
	scrolling: {
	mode: 'infinite',
	preloadEnabled: true
	},
	paging:
	{
	enabled: true,
	pageSize: 60
	}
	});

	return false;
	});
	});
	});
	</script>
	</head>
	<body>
	<nav class="navbar navbar-default navbar-fixed-top navbar-header">
	<div class="container-fluid">
	<div class="navbar-header">
	<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
	<span class="sr-only">Toggle navigation</span>
	<span class="icon-bar"></span>
	<span class="icon-bar"></span>
	<span class="icon-bar"></span>
	</button>
	<a class="navbar-brand" href="/">SharePoint Search With Infinite Scroll</a>
	</div>

	<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
	<form class="navbar-form navbar-left" role="search">
	<div class="form-group">
	<input id="searchTerm" type="text" value="" class="form-control" placeholder="Search">
	</div>
	<button id="submitButton" type="submit" class="btn btn-default">Submit</button>
	</form>
	<ul class="nav navbar-nav navbar-left">
	<li><a id="advancedSearchButton" href="#">Advanced <span class="glyphicon glyphicon-cog" aria-hidden="true"></span></a></li>
	<li><a id="virtualFoldersButton" href="#">Virtual Folders <span class="glyphicon glyphicon-folder-open" aria-hidden="true"></span></a></li>
	<li><a href="#">Favorites <span class="glyphicon glyphicon-heart-empty" aria-hidden="true"></span></a></li>
	</ul>
	<ul class="nav navbar-nav navbar-right">
	<li><a href="#">Help</a></li>
	</ul>
	</div>
	</div>
	</nav>
	<div id="gridContainer"></div>
	</body>
	</html>