In this tutorial, we\u2019ll understand about a unique process called QlikView AJAX and explore the components of QlikView WebView.<\/span><\/span><\/p>\n So, let’s start QlikView Webview\/AJAX Tutorial.<\/p>\n As we know from our previous tutorials that all the documents finally get loaded into QlikView Access Points. From the access point, documents or applications can access for use by different clients like web clients, IE plug-ins and AJAX clients in QlikView. <\/span><\/span><\/p>\n QlikView AJAX is not a web application, a software or a language. Rather, AJAX is a more like a part of a process and a set of developmental techniques which helps in building a website or a web application. <\/span><\/span><\/p>\n AJAX stands for <\/span><\/span>Asynchronous JavaScript And XML<\/b><\/span><\/span>, which use in web applications to update web content asynchronously. By asynchronous updating, it is meant that when a part of a web page\u2019s content change, only that part of the webpage updates without reloading the whole web page which is unnecessary. <\/span><\/span><\/p>\n Do you know What is QlikView Distribution Service?<\/a><\/strong><\/p>\n At its core, QlikView AJAX function is composed of two parts,<\/span><\/span><\/p>\n One component is a built-in XMLHttpRequest object in the browser, which use to request data from the web server.<\/span><\/span><\/p>\n<\/li>\n JavaScript and HTML DOM, which is sent back by the server to the browser as a response to display or use the data.<\/span><\/span><\/p>\n<\/li>\n<\/ul>\n Introduction – QlikView AJAX<\/p><\/div>\n In QlikView, AJAX clients that have deployed WebView as the mode to work on QlikView. The AJAX clients communicate with the components at the back end by first getting connected to the QlikView Web Server<\/a><\/strong> (either QlikView\u2019s Web Server or Microsoft\u2019s IIS) which connects it to the QlikView Server. <\/span><\/span><\/p>\n The QlikView Documents<\/strong>\u00a0<\/a>retrieve from the back end using the QlikView Server. No client-side installation of any kind require and it can run on any browser like Chrome, Safari, Firefox. To the users, especially AJAX clients QlikView is available in QlikView WebView.<\/span><\/span><\/p>\n The QlikView WebView deploys from the <\/span><\/span>View<\/b><\/span><\/span> menu. Select <\/span><\/span>On\/Off WebView<\/b><\/span><\/span> and your document\u2019s current mode will switch to QlikView WebView mode. <\/span><\/span><\/p>\n Introduction – QlikView Webview<\/p><\/div>\n However, the QlikView WebView looks much similar to the traditional layout, there are a few differences in the sheet and sheet objects which we will discuss below. There are many options available in the drop-down menu which comes upon right-clicking anywhere on the sheet. <\/span><\/span><\/p>\n As you can see, there are many options given in this drop-down list. We can select sheet objects from the <\/span><\/span>New Sheet Object<\/a><\/b><\/span><\/span> option, which opens a dialog displaying all the available sheet objects as shown in the image below.<\/span><\/span><\/p>\n Webview in QlikView<\/p><\/div>\n To use a sheet object, all you need to do is select the sheet object you want, put the cursor on this icon and drag it to the sheet and drop it wherever you want. If you want to change any properties of the sheet object you can edit it through their Properties dialog. Let us discuss some components and sheet objects in QlikView WebView in detail.<\/span><\/span><\/p>\n Let’s Learn QlikView Database Connections & Inline Data<\/a><\/strong><\/p>\n The sheets in QlikView WebView similar to that in traditional viewing. The sheets and the sheet objects can be managed by the operations available in the drop-down menu.<\/span><\/span><\/p>\n QlikView Webview Components – Sheets<\/p><\/div>\n You can perform many operations on the items residing on the sheets. You can set the sheet properties from <\/span><\/span>Properties<\/span><\/span> option, manage selections from <\/span><\/span>Clear<\/span><\/span>, <\/span><\/span>Clear All Selections, Set Clear State<\/span><\/span>, <\/span><\/span>Reset Clear State<\/span><\/span>, <\/span><\/span>Lock or Unlock All Selections<\/span><\/span>. Now, you can view the current selections from the <\/span><\/span>Selections <\/span><\/span>option. <\/span><\/span><\/p>\n You can use the <\/span><\/span>Add Sheet<\/span><\/span> option to add a new sheet. The <\/span><\/span>Repository<\/span><\/span> option shows the details of all the objects existing in a document. You can add sheet objects using the <\/span><\/span>New Sheet Object<\/span><\/span>. Lastly, you can select the fields using <\/span><\/span>Select Fields<\/span><\/span> option and remove the current sheet by <\/span><\/span>Remove<\/span><\/span> option.<\/span><\/span><\/p>\n The QlikView toolbar contains the following icons. The table given below describes the function of each icon. <\/span><\/span><\/p>\n QlikView Webview Components – Toolbar<\/p><\/div>\n Do you know how to create QlikView Data Files (QVD)?<\/a><\/strong><\/p>\n The QlikView Repository option opens a dialog which has a list of all the objects, dimensions, expressions and bookmark that are present in your QlikView Document. You can sort the list by type or by name and select what objects, dimensions, expression and bookmarks you want to see i.e. created by you, show document items and few more criteria.\u00a0<\/span><\/span><\/p>\n QlikView Webview Components – Repository<\/p><\/div>\n We can create QlikView list box by dragging it onto the sheet. You can manipulate the list box through the properties option when you right click on the list box. Upon right clicking, the object menu drop-down list appears having many options.<\/span><\/span><\/p>\n The properties dialog has four sections; List box, Presentation, Caption and Option. <\/span><\/span><\/p>\n From the <\/span><\/span>List box<\/span><\/span><\/a><\/strong> tab, you can select the field whose value is to display in the list box in QlikView. Also, you can set an expression to apply on the field and its values. The add icon lets you add a new expression and you can delete an expression by remove icon. <\/span><\/span><\/p>\n Through the settings option, you can go to the expression settings window where you can set a conditional expression, set alignment for text and numeric data and change the representation of the data. From the icon, you can edit the expression. <\/span><\/span><\/p>\n If you click on the \u2018<\/span><\/span>More<\/b><\/span><\/span>\u2019 option, you will get two additional tabs, Sort and Number, where you can set the sorting criteria and set number settings. Refer to the image below, as you can see, the changes you make in the properties dialog will immediately show in the list box. <\/span><\/span><\/p>\n This feature of QlikView webview is very useful as you can instantly check how the sheet object is changing and looking when you manipulate it from the properties dialog.\u00a0<\/span><\/span><\/p>\n QlikView Webview Components – List Box<\/p><\/div>\n In the <\/span><\/span>Presentation<\/b><\/span><\/span> tab you can edit the selection style, number and text alignment, set background image or colour. From the <\/span><\/span>More<\/b><\/span><\/span> option, you can select the Styles for the text. this icon lets you select the font style, this lets you select the font color and also, you can select the background for captions through this icon. To close this extra window, click on <\/span><\/span>Less<\/b><\/span><\/span>.<\/span><\/span><\/p>\n Have a look – QlikView Star Schema<\/a><\/strong><\/p>\n QlikView Webview Components – QlikView List Box (presentation)<\/p><\/div>\n From the <\/span><\/span>Caption<\/b><\/span><\/span> tab you can set a caption label and align the caption as you like.\u00a0<\/span><\/span><\/p>\n QlikView Webview Components – Product Catagory<\/p><\/div>\n Lastly, from the Options section, you can set the dimensions of the QlikView list box.\u00a0<\/span><\/span><\/p>\n Also, read – QlikView IntervalMatch & Match Functions<\/a><\/strong><\/p>\n QlikView Webview Components – Option<\/p><\/div>\n As the QlikView statistics box use to perform statistical operations on the data value. In the properties window, you get four sections; Statistics box, Presentation, Caption and Option. The last three sections have same options as we saw in the list box properties window. <\/span><\/span><\/p>\n Only the first section QlikView Statistics box has options to edit the statistics box. In this section,\u00a0 you can select the field whose values you want to perform statistical functions on. Also, you can select from a number of statistical functions to be applied on the field values. <\/span><\/span><\/p>\n QlikView Webview Components – Statistics box<\/p><\/div>\n The QlikView multi-box displays the selected field names and have an arrow at the corners of the cells, clicking on those arrows, you get a list having all the field values. The selections made are shown with green beacons. The properties window you can select the fields to be included in the multi box. You can select from more options by the additional properties you get by clicking <\/span><\/span>More<\/b><\/span><\/span>. <\/span><\/span><\/p>\n QlikView Webview Components – QlikView Multi-Box<\/p><\/div>\n A simple box contains field values as the first column. Each field then has related values in the cells to follow. From the properties dialog of the table box, you can select and add the field names to the QlikView table<\/a><\/strong> box. You can promote or demote the fields by holding and dragging the icon up and down. Additional settings on fields names, font, representation style etc can be done from here. <\/span><\/span><\/p>\nWhat is Qlikview AJAX?<\/h3>\n
\n
![\"QlikView](\"https:\/\/data-flair.training\/blogs\/wp-content\/uploads\/sites\/2\/2018\/10\/ajax.png\")
<\/a>What is QlikView Webview?<\/h3>\n
![\"QlikView](\"https:\/\/data-flair.training\/blogs\/wp-content\/uploads\/sites\/2\/2018\/10\/wv1.png\")
<\/a>![\"QlikView](\"https:\/\/data-flair.training\/blogs\/wp-content\/uploads\/sites\/2\/2018\/10\/wv2.png\")
<\/a>Components of QlikView WebView<\/h3>\n
i. Sheets<\/h4>\n
![\"QlikView](\"https:\/\/data-flair.training\/blogs\/wp-content\/uploads\/sites\/2\/2018\/10\/wv3.png\")
<\/a>ii. Toolbar<\/h4>\n
![\"QlikView](\"https:\/\/data-flair.training\/blogs\/wp-content\/uploads\/sites\/2\/2018\/10\/wv4.png\")
<\/a>iii. Repository<\/h4>\n
![\"QlikView](\"https:\/\/data-flair.training\/blogs\/wp-content\/uploads\/sites\/2\/2018\/10\/wv5.png\")
<\/a>iv. List Box<\/h4>\n
![\"QlikView](\"https:\/\/data-flair.training\/blogs\/wp-content\/uploads\/sites\/2\/2018\/10\/wv6.png\")
<\/a>![\"QlikView](\"https:\/\/data-flair.training\/blogs\/wp-content\/uploads\/sites\/2\/2018\/10\/wv7.png\")
<\/a>![\"QlikView](\"https:\/\/data-flair.training\/blogs\/wp-content\/uploads\/sites\/2\/2018\/10\/wv8.png\")
<\/a>![\"QlikView](\"https:\/\/data-flair.training\/blogs\/wp-content\/uploads\/sites\/2\/2018\/10\/wv9.png\")
<\/a>v. Statistics Box<\/h4>\n
![\"QlikView](\"https:\/\/data-flair.training\/blogs\/wp-content\/uploads\/sites\/2\/2018\/10\/wv10.png\")
<\/a>vi. Multi-Box<\/h4>\n
![\"QlikView](\"https:\/\/data-flair.training\/blogs\/wp-content\/uploads\/sites\/2\/2018\/10\/wv11.png\")
<\/a>vii. Table Box<\/h4>\n
![\"QlikView](\"https:\/\/data-flair.training\/blogs\/wp-content\/uploads\/sites\/2\/2018\/10\/wv12.png\")
<\/a>![\"QlikView](\"https:\/\/data-flair.training\/blogs\/wp-content\/uploads\/sites\/2\/2018\/10\/wv13.png\")
<\/a>