著重养生之道的人们都知道，花生是大补之品，特殊是对他们的神经系统而言，因而堪称“脑黄金”产妇阶段他们都提议很大要吃花生，这种易于小宝宝的神经系统发育所以，六天吃两个......
2024-02-19 161
如何利用jquery easyui设置对话框
来源：互联网
2023-02-20 17:12:21 154
在项目中，经常出现弹框或对话框，而且是用jquery easyui插件来实现。现在，利用jquery easyui设置对话框，可以点击“打开”按钮，打开对话框；点击“关闭”按钮，关闭对话框，打开窗口时一般要求不能操作，具体实现步骤如下：
工具/原料
- Myeclipse10
- JDK1.7
- Tomcat 7.x
- 截图工具
方法/步骤
第一步，实现对话框，首先新建一个jsp页面，去掉设置路径，保证js和css样式的路径的正确性，如下图所示：
第二步，在jsp页面插入jquery easyui，引入对话框所需要的js文件和css样式文件，如下图所示：
第三步，利用a>/a>制作两个按钮，设置对应的class选择器和点击事件函数，
div style="margin:20px 0;">
a href="javascript:void(0)" class="easyui-linkbutton" onclick="$('#updateWin').dialog('open')">打开/a>
a href="javascript:void(0)" class="easyui-linkbutton" onclick="$('#updateWin').dialog('close')">关闭/a>
/div>
如下图所示：
第四步，在div>/div>中添加一个table
div id="updateWin" class="easyui-dialog" title="修改窗口" data-options="iconCls:'icon-save'" style="width:400px;height:300px;padding:10px">
table>
tr>
td>
label>姓名：/label>
input type="text"/>
/td>
/tr>
tr>
td>
label>性别：/label>
input type="text"/>
/td>
/tr>
tr>
td>
label>年龄：/label>
input type="text"/>
/td>
/tr>
tr>
td>
label>电话：/label>
input type="text"/>
/td>
/tr>
tr>
td>
label>地址：/label>
input type="text"/>
/td>
/tr>
tr>
td>
label>/label>
input type="button" value="修改"/>
/td>
/tr>
/table>
/div>
如下图所示：
第五步，启动服务器，在浏览器查看页面，并且点击“关闭”按钮，可以将对话框关闭，如下图所示：
注意事项
- 熟悉jquery easyui中对话框的用法
- 运用a标签实现按钮的功能
以上方法由办公区教程网编辑摘抄自百度经验可供大家参考！
上一篇：明星婚纱照怎样制作成视频相册 下一篇：夜班的人如何调整自己
相关文章
- 详细阅读
-
左边肚子疼怎么办，肚子左边疼是怎么解决？-左边肚子疼是怎么回事详细阅读
有天数早起也分为左边早起和左边早起，而引发左边早起的其原因有很多，接下去他们就来看细看引发左边早起的其原因和什么样化解操作方式01先期确诊左边早起的其原因，他们如......
2024-02-19 181
-
新鲜人参怎么泡酒？-新鲜人参泡酒的方法步骤详细阅读
古时，中草药都是药食同源的收藏品，因此食用中草药的方式有许多种其中也有许多人讨厌用中草药异药喝，中草药泡出的酒能称之为草药，为什么叫草药呢？即使草药具备化疗作用和养......
2024-02-19 133