In addition to Weibo, there is also WeChat
Please pay attention
WeChat public account
Shulou
2025-01-24 Update From: SLTechnology News&Howtos shulou NAV: SLTechnology News&Howtos > Development >
Share
Shulou(Shulou.com)06/03 Report--
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!
Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.
Views: 240
*The comments in the above article only represent the author's personal views and do not represent the views and positions of this website. If you have more insights, please feel free to contribute and share.
Continue with the installation of the previous hadoop.First, install zookooper1. Decompress zookoope
"Every 5-10 years, there's a rare product, a really special, very unusual product that's the most un
© 2024 shulou.com SLNews company. All rights reserved.