Openlayers Learning notes 5--using the jquery UI to implement queries and annotations (UI articles)

Recently, many things, the boss gave a lot of pressure, often travel, and other projects and personal research to keep up, this month to hand in papers, but also to write patents, can only take time to learn other things. About Openlayers in the blog will not write too much specific implementation (online there are many Openlayers blog, about loading wms, tagging, measurement, I will not repeat here), just record their own development learning experience and some issues needing attention, really do development know, To learn to develop only through their own silent multi-grinding. About WW's study and development has been on hold for a long time, and so the past period, intends to learn jogl, to do some particle simulation, and also intends to use RCP to do the interface, swing do interface is too ugly. Don't say much nonsense, first look at the implementation of this article effect:

The jquery UI is also implemented here, and the jquery UI provides the eight most commonly used components, where the accordion panel (Accordion) and dialog (Dialog) are used, and when these components are used, Can be based on their own needs to free combination to achieve a beautiful effect.

HTML code

<div id= "Querydialog" > <div id= "queryaccordion" > JS Code:
  Query $ ("#Query"). Click (function () {//Query dialog box $ ("#queryDialog"). Dialo                                G ({open:function () {                                        The query dialog box is embedded in the auto-collapse panel $ (' #queryAccordion '). Accordion (                                {Collapsible:true}                            );                            }, Beforeclose:function () {}, Title: "Warning source household tracking", Resizable:false, Butto                                    NS: {"OK": function () {                                $ (This). dialog ("Close");                               } , "Cancel": function () {$ (this). dialog ("Close");            }                            }                        }                );        }); });
Very simple, do not explain, feel that you do the interface ugly fast to improve it! Good night!
Openlayers Learning notes 5--using the jquery UI to implement queries and annotations (UI articles)