Network Security Internet Technology Development Database Servers Mobile Phone Android Software Apple Software Computer Software News IT Information

In addition to Weibo, there is also WeChat

Please pay attention

WeChat public account

Shulou

How to use easyui dialog box in jquery

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.

Share To

Development

Wechat

© 2024 shulou.com SLNews company. All rights reserved.

12
Report