Use kendo ui window to create your own promise window and kendoui

Use kendo ui window to create your own promise window and kendoui

Create an appdialog. js file with the following code:

Var contexts ={}; var dialogCount = 0; var app = {getDialog: function (obj) {if (obj) {return obj. _ dialog __;} return undefined;}, close: function (obj) {var theDialog = this. getDialog (obj); if (theDialog) {var rest = Array. prototype. slice. call (arguments, 1); theDialog. close. apply (theDialog, rest) ;}, initOption: function (obj) {var kendo1_ption = {actions: ["Pin", "Refresh", "Maximize", "Minimize ", "Close"], draggable: true, pinned: true, height: "pixel PX", modal: true, resizable: true, title: "new", width: "700px "}; if (obj) {if (obj. actions) {kendow.ption. actions = obj. actions;} if (obj. height) {kendo1_ption. height = obj. height;} if (obj. width) {kendo1_ption. width = obj. width;} if (obj. title) {kendow.ption. title = obj. title ;}} return kendowindOption;}, showDialog: function (obj) {var dialogid = "dialog" + dialogCount; var dialogFilter = "#" + dialogid; if ($ (dialogFilter) = undefined | $ (dialogFilter ). length = 0) $ ("body "). append ('<div id = "' + dialogid + '"> </div>'); var instance = $ (dialogFilter ). data ("kendoWindow"); if (instance = undefined) {var kendo1_ption = this. initOption (obj); $ (dialogFilter ). kendoWindow (kendo1_ption);} var dfd = $. deferred (); instance = $ (dialogFilter ). data ("kendoWindow"); instance. _ dialog _ = {close: function () {dialogCount = dialogCount-1; delete instance. _ dialog __; instance. close (); $ (dialogFilter ). remove (); var args = arguments; if (args. length = 0) {dfd. resolve ();} else if (args. length = 1) {dfd. resolve (args [0]);} else {dfd. resolve. apply (dfd, args) ;}}; dialogCount = dialogCount + 1; instance. center (); var url = obj. url; instance. refresh ({url: url}); instance. open (); return dfd. promise ();}};

Create an index.html page

<! DOCTYPE html> Create a new page2.html page


<! DOCTYPE html> 

The following figure shows the effect of clicking the OPEN button:





Click Close.














This function is just rough and needs to be improved. The promise operation in the kendo ui is not well designed. It's not very nice to use.

What is kendo ui? The source code I wrote down is html, css, and js.
The Kendo UI is built based on the latest WEB technologies HTML5, CSS3, and JavaScript.

The kendo ui can have two x axes when drawing a line chart.
Assume that the concentration in A1: A5 and B1 is B5. Click "insert"> "chart"> "line chart", "Next", and "Data zone "; select (or enter ):!
= $ B $1 in Sheet1: in category (X) axis label, select (or enter) $ B $5

Click "series ":

= Worksheet Sheet1 $ A $1 :! $ A $5
"Done.