Click To Run

					   <ul>
						<li v-for="doc in docs" class="data">
							<span style="display:none" class="dataid">{{doc.ContentIdentifier}}</span>
							  {{ doc.DisplayName }} <br>
							  {{ doc.AdditionalValues.Date }} <br>
							  <span v-html="doc.Summary"></span>
							  <hr>
						</li>
					  </ul>
					

			function Run() {
				if(window.vueDLV)
					window.vueDLV.$destroy();
				$("#DLV").show();
				$(".firstTime").remove();
				
				var q=new GeodiQuery();
				q.wsName= $("#wsName").val();
				q.EndIndex=8;
				q.ServerUrl=$("#serverUrl").val();
				q.Token=$("#token").val();
				q.SearchString=$("#q").val();
				q.UseRank=true;
				
				window.vueDLV=new Vue({

					  el: '#DLV',

					  data: {
						docs: []
					  },
					  created: function () {
						var that=this;
						q.GetDocuments2(function(data) {
								if(data) {
									$("#jsonResponse").html(json2html(data));
									for(var i=0;i<data.length;i++) 
									{
										let d=data[i];
										var sm=$("<div>"+d.Summary+"</div>");
										window.SummaryGUI.UpdateSummaryDOM(sm, d, q.wsName,q);
										d.Summary=sm.html();
										that.docs.push(d);
									}
								}
							},
							{
								SummaryCount:1
							}
						)
						
					  }
					  }
					 )
			 }