easyui+如何弹出dialog中包含datagrid

最新推荐文章于 2022-09-21 17:29:06 发布
VIP文章 最新推荐文章于 2022-09-21 17:29:06 发布
阅读量8.5k 收藏 3
点赞数
分类专栏： web基础到开发 文章标签： html easyui datagrid dialog
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Carrie_zzz/article/details/77200515
版权

  • 你想做一个当点击按钮后 出发一个事件，就是弹出来一盒dialog,然后dialog中又包含一个datagrid但是总是出现下面等等情况：

    • 这里写图片描述

    • 然后
      这里写图片描述
      然后
      这里写图片描述
      然而你是想要 这样的效果？？
      这里写图片描述
      我在网上找了好多方法不知道为什么我的就不行，后来后来就出来了，我找了好多都 不是我想要的，希望我的经历能帮助到你，同时又是对我的学习做一个记录！！！

html的部分

<!--dialog和dialog中的 datagrid -->
 <div id="dd"  class="easyui-dialog" title="您的选择是：" style="width: 600px; height: auto; padding: 5px 2px" 
      resizable:true,modal:true>   
     <table id="intra_Group_dialogtable" class="easyui-datagrid"  style
最低0.47元/天 解锁文章
Carrie_zzz
关注
  • 0
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 3
    评论
专栏目录
Easyui通过Dialog打印.rar
12-21
将Easyui的DataGrid内容放入Dialog中，打印该Dialog
easyui datagrid 弹出窗口
zlin_221的博客
06-23 9726
我的主页面,代码如下： Javascript代码   //添加数据弹出窗口   $(function(){                  addDataWin = $('#addData-window').window({                             href:'${basePath}/page/marketPlat2/addData/
使用easyui来显示列表
weixin_34297300的博客
06-04 234
其实我对easyui这方面不是很熟，以前只管后台的操作，界面全是美工的事，js等也只是一些简单验证。看了公司做的网站，框架神马的都是直接使用easyui的样式，就是改了一个简单的logo和头部，样子嘛还真是让人无语啊···但是人家简单方便啊，不用美工啥事了，自己全能搞定。也许主要是我看不怪这种样式的网站吧，反正我是看不下啊。但是看不下去也要看下去，没办法，谁让自己以后也要做这...
Bootstrap气泡弹出框（Popovers）集成到easyui列表
沧海一粟
09-21 860
bootstrap气泡弹框popover
easyui,实现下拉框添加图片或图标
JsonAA的博客
04-25 787
关于下拉框里面每个option里添加图标和图片这件事这里使用的是easyui下拉框中添加图片这件事我刚碰到时也很烦easyui——combobox具体实现不喜勿喷，有写的不对的地方请指教 这里使用的是easyui https://www.jeasyui.net/plugins/758.html 有兴趣的可以看看 下拉框中添加图片这件事我刚碰到时也很烦 因为标签中是不支持/等标签的，所以是加不进去的，刚开始用文字拼接一个“√”进去，需求说不行，之后又用js的特殊符号“&#10004”，还是说不行，都差
Easyui+MVC实现动从一个动态弹出框进入另一个动态弹出框
生命不止 学无止境
12-31 4700
高校平台进行中，本着一个在一个页面完成更多功能的宗旨，在遇到添加功能的多弹出框时，就需要从一个弹出框进入另一个弹出框，因为弹出框是动态的，就是说弹出框中的数据不定，是在Controller中根据传过来的数据动态拼写，完成后再弹出这个弹出框。       View中加载部分视图： @*获取分数对话框*@ @*获取题型*@
easyui+mvc4+json增删改源码
01-24
Microsoft Visual C# 2013 .NET 4.0 ...主要用到了easyui的 tree windows Dialog TreeGrid ComboBox ComboTree DataGrid Tabs 等几个常用的json读取实例。绝对源码。亲手整理打造。。。后续继续完成easyui的其他实例！
jQuery+EasyUI+1.2.4+API+中文文档(标记).rar
02-17
jQuery+EasyUI+1.2.4+API+中文文档，有时间好好看一下，目录如下： Base 基础 Documentation 文档 Parser 解析器 EasyLoader 加载器 Draggable 可拖拽 Droppable 可释放 Resizable 可调整尺寸 Pagination...
Easyui使用Dialog打印
05-20
将Easyui的DataGrid内容放入Dialog中，打印该Dialog
jQuery EasyUI 1.2.4 API 中文文档.chm
11-18
本 chm 文档是根据博客园“风流涕淌”的《jQuery EasyUI 1.2.4 API 中文文档（完整）目录》整理而成 http://www.cnblogs.com/Philoo/archive/2011/11/17/jeasyui_api_index.html Base 基础 Documentation 文档 ...
EasyUI datagrid easyui datagrid +dialog 加载 可直接运行 七
weixin_33894640的博客
12-28 199
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8" /> 5 <meta http-equiv="X-UA-Compatible" content="IE=edge"> 6 <title>Page ...
EasyUI中dialog与datagrid互相影响
wang878582的博客
05-09 855
1.Easyui dialog与datagrid相互影响的问题 dialog如果与datagrid同在一个页面，此时dialog不能在js中初始化，直接在页面中指定dialog的样式，否则会影响datagrid的宽度样式。 ...
easyUI 之 dialog 和 datagrid的使用
苝花向暖丨楠枝向寒
04-19 1145
子JSP页面&lt;table width="100%" id="viewDetailTable"&gt; &lt;thead&gt; &lt;tr&gt; &lt;th data-options="field:'obj_code'" style="width:40%;"&gt;工作包编号&lt;/th&gt; &lt;/tr
easyui的crud(dialog,datagrid,form讲解)
trasewell的博客
06-14 291
今天先讲一下我们的企业开发模式，前后端分离， 之前陈旧的开发模式 美工（ui工程师：出一个项目模型） java工程师：将原有的html转成jsp，动态展示数据 缺点： 客户需要调节前端的展示效果 解决：由美工去重新排版，重新选色。 这样的效率不高，牵一发而动全身。 当今 前后端分离 美工、java工程师都是独立工作的，彼此之间在开发过程中是没有任何交际。 只需要在开发前约定数据交互的格式。 jav...
Easyui--datagrid 的使用 （弹出框的使用）
热门推荐
Fanbin168的专栏
11-16 1万+
1 Home控制器 using DbService; using System; using System.Collections.Generic; using System.Linq; using System.Web; using System.Web.Mvc; using System.Web.Script.Serialization; namespace MvcAppEF.Contr
easyui 弹窗dialog下 datagrid 错位
weixin_34203832的博客
07-31 273
2019独角兽企业重金招聘Python工程师标准>>> ...
关于EasyUI datagrid 无法在dialog中显示的问题分析及解决方案！
jcoiwenwfkowe的博客
08-18 165
关于EasyUI datagrid 无法在dialog中显示的问题分析及解决方案！
easyui弹出框
最新发布
05-24
使用EasyUI弹出框非常简单，你可以像下面这样使用： 1. 引入EasyUI的JS和CSS文件 ```html <!-- 引入EasyUI的CSS文件 --> <link rel="stylesheet" type="text/css" href="https://cdn.bootcdn.net/ajax/libs/jquery-easyui/1.9.19/themes/default/easyui.css"> <link rel="stylesheet" type="text/css" href="https://cdn.bootcdn.net/ajax/libs/jquery-easyui/1.9.19/themes/icon.css"> <!-- 引入jQuery和EasyUI的JS文件 --> <script type="text/javascript" src="https://cdn.bootcdn.net/ajax/libs/jquery/1.12.4/jquery.min.js"></script> <script type="text/javascript" src="https://cdn.bootcdn.net/ajax/libs/jquery-easyui/1.9.19/jquery.easyui.min.js"></script> ``` 2. 创建弹出框的HTML代码 ```html <div id="dlg" class="easyui-dialog" style="width:400px;height:200px;padding:10px;" closed="true" buttons="#dlg-buttons"> <form id="fm" method="post" novalidate> <div class="fitem"> <label for="name">Name:</label> <input type="text" id="name" name="name" class="easyui-validatebox" required="true"> </div> <div class="fitem"> <label for="email">Email:</label> <input type="email" id="email" name="email" class="easyui-validatebox" required="true" validType="email"> </div> </form> </div> <div id="dlg-buttons"> <a href="#" class="easyui-linkbutton" iconCls="icon-ok" onclick="saveUser()">Save</a> <a href="#" class="easyui-linkbutton" iconCls="icon-cancel" onclick="$('#dlg').dialog('close')">Cancel</a> </div> ``` 3. 初始化弹出框 ```javascript function openDialog() { $('#dlg').dialog('open').dialog('center').dialog('setTitle', 'Add User'); } function saveUser() { $('#fm').form('submit', { url: 'save_user.php', onSubmit: function () { return $(this).form('validate'); }, success: function (result) { var result = eval('(' + result + ')'); if (result.success) { $('#dlg').dialog('close'); $('#dg').datagrid('reload'); } else { $.messager.show({ title: 'Error', msg: result.msg }); } } }); } ``` 4. 触发弹出框 ```html <a href="#" class="easyui-linkbutton" onclick="openDialog()">Add User</a> ``` 这样，一个简单的EasyUI弹出框就完成了，你可以根据自己的需求进行相应的修改。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 3
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值