How to use easyui dialog box in jquery
This article mainly introduces how to use the easyui dialog box in jquery, has a certain reference value, interested friends can refer to, I hope you can learn a lot after reading this article, the following let the editor take you to understand it.
First, download
The 1.3.5 version I use here, http://www.jeasyui.com/download/list.php
After decompression, as shown in the figure:
Delete the demo folder.
Second, establish the basic template
Introduce # userinput {padding:30px 00 100px} p {height:40px; line-height:40px;padding:4px 00 25px;} .textbox {height:30px; padding:0 2px;} content
3. Dialog box
1the method of introducing class:
Dialog Content.
2. It is also allowed to use Javascript to create dialog windows. Now let's create a modal window and call the 'refresh' method to read through ajax.
Dialog Content.$ ('# dd') .dialog ({title:'My Dialog', width: 400,200, closed: false, cache: false, href: 'get_content.php', modal: true}); $(' # dd') .dialog ('refresh',' new_content.php')
3, attribute
/ / property setting $('# box') .dialog ({title: 'title', width: 400 edit' height: 250 alert modal: true,//toolbar:'# tt',toolbar: [{text: 'edit', iconCls: 'icon-edit',handler: function () {alert (' edit')) },}, {}], / / buttons:'# bb',buttons: [{text: 'save', iconCls: 'icon-ok',handler: function () {alert (' save');}}, {}]}); Editing help Save close PS:Dialog inherits from the Window component, so both the Window component and the Panel component are available.
4, event list
Window events are fully inherited from Window (panels). Therefore, refer directly to the events in the Window panel.
/ / Dialog event
('# box') .dialog ({
Width: 600
Height: 400
Modal: true
OnClose: function () {
Alert ('trigger after shutdown!')
}
});
5. Methods
Dialog none returns an external dialog object
Thank you for reading this article carefully. I hope the article "how to use easyui Dialog in jquery" shared by the editor will be helpful to everyone. At the same time, I also hope you will support us and pay attention to the industry information channel. More related knowledge is waiting for you to learn!
