easyui+如何弹出dialog中包含datagrid

最新推荐文章于 2022-11-18 16:23:21 发布

有这么绿的绿叶吗

最新推荐文章于 2022-11-18 16:23:21 发布

阅读量3.5k

点赞数

本文链接：https://blog.csdn.net/qq_43685201/article/details/84035283

版权

本文分享了如何在EasyUI中实现点击按钮弹出包含datagrid的dialog，详细介绍了html和jquery部分的关键代码，并提供了Markdown编辑器的新功能介绍，包括代码高亮、图片拖拽、公式编辑等。

摘要由CSDN通过智能技术生成

分享一下我老师大神的人工智能教程！零基础，通俗易懂！http://blog.csdn.net/jiangjunshow

也欢迎大家转载本篇文章。分享知识，造福人民，实现我们中华民族伟大复兴！

你想做一个当点击按钮后出发一个事件，就是弹出来一盒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="width:600px;height:350px">    </table></div>  
  
  
  
   1
   2
   3
   4
   5
   6

jquery的部分

$('#checkbox').click(function() {
                            if ($("input:checkbox:checked").size() == 0) {                            $.messager.alert('我的消息', '您还没有选择 ！', 'warning');                            return false;                        } else {                         $('#intra_Group_dialogtable').datagrid({                                    striped : true,                                    url :'${pageContext.request.contextPath}/lendauthorizgroupAction!getRadsrcDatagrid.action',                                    iconCls : "icon-add",                                    fitColumns: false,                                    loadMsg : "数据加载中......",                                    pagination : true,                                    rownumbers  : true,                                    nowrap : false,                                    showFooter : true,                                    singleSelect : true,                                    pageList : [100,50,20,10],                                    //data : dataArray,                                    columns : [ [ {                                        field : 'groupname',                                        title : '分组名称',                                        width : 150,                                        align : 'center',                                            sortable :true                                    }, {                                        field : 'radsrcno',                                        title : '放射源编号',                                        width : 150,                                        align : 'center',                                            sortable :true                                    } ] ],                                     onLoadSuccess : function() {
                                            //数据加载成功后久可以拖动                                        $(this).datagrid('enableDnd');                                    },                                    onDrop : function(targetRow, sourceRow, point) {
                                            console.log(targeRow + "," + sourceRow + "," + point);                                    }                                 });                                  $('#intra_Group_dialogdiv').window('open');  //弹出这个dialog框                                //分组名称                            var groupNmame=  $("#fzmc").val();