<div id="modalwindow" class="easyui-window" data-options="modal:true,closed:true,minimizable:false,shadow:false"></div>

        <button id="pp"></button>

　　

  var rows = $('#List').datagrid('getSelections');

                        $("#modalwindow").html("<iframe width='100%' height='98%' scrolling='no' frameborder='0'' src='/AjaxUser/Create/"+rows[0].id+"'></iframe>");

                            $("#modalwindow").window({ title: '新增', width: 700, height: 400, iconCls: 'icon-add' }).window('open');

　　Html全部代码

@{

    ViewBag.Title = "Index";

    Layout = "~/Views/Shared/_Index_Layout.cshtml";

}

<!DOCTYPE html>

<html>

<head>

    <meta name="viewport" content="width=device-width" />

    <title>GridView</title>

    <script type="text/javascript">

        $(function () {

            $('#List').datagrid({

                toolbar: [{

                    text: '添加',

                    iconCls: 'icon-add',

                    height:50,

                    handler: function () {

                        $('#List').datagrid('endEdit', lastIndex);

                        lastIndex = $('#List').datagrid('getRows').length - 1;

                        $('#List').datagrid('selectRow', lastIndex);

                        $('#List').datagrid('beginEdit', lastIndex);

                    }

                }, '-', {

                    text: '删除',

                    iconCls: 'icon-remove',

                    height: 50,

                    handler: function () {

                        var row = $('#List').datagrid('getSelected');

                        if (row) {

                            var index = $('#List').datagrid('getRowIndex', row);

                            $('#List').datagrid('deleteRow', index);

                        }

                    }

                }, '-', {

                    text: '保存',

                    iconCls: 'icon-save',

                    height: 50,

                    handler: function () {

                        var row = $('#List').datagrid('getSelected');

                        if (row != null) {

                            $("#modalwindow").html("<iframe width='100%' height='99%'  frameborder='0' src='/SysSample/Edit?id=" + row.Id + "&Ieguid=" + GetGuid() + "'></iframe>");

                            $("#modalwindow").window({ title: '编辑', width: 700, height: 430, iconCls: 'icon-edit' }).window('open');

                        } else { $.messageBox5s('提示', '请选择要操作的记录'); }

                    }

                }, '-', {

                    text: '刷新',

                    height: 50,

                    iconCls: 'icon-undo',

                    handler: function () {

                        $('#List').datagrid('rejectChanges');

                    }

                }, '-', {

                    text: '搜索',

                    height: 50,

                    iconCls: 'icon-search',

                    handler: function () {

                        var rows = $('#List').datagrid('getSelections');

                        $("#modalwindow").html("<iframe width='100%' height='98%' scrolling='no' frameborder='0'' src='/AjaxUser/Create/"+rows[0].id+"'></iframe>");

                            $("#modalwindow").window({ title: '新增', width: 700, height: 400, iconCls: 'icon-add' }).window('open');

                    }

                }],

                title:"DataGrid的标题",

                url: '/AjaxUser/loadjson2',

                width: 500,

                methord: 'post',

                height:500,

                fitColumns: true,

                sortName: 'id',

                sortOrder: 'desc',

                idField: 'id',

                pageSize: 20,

                //pageList: 20,

                pagination: true,

                striped: true, //奇偶行是否区分

                singleSelect: true,//单选模式

                rownumbers: true,//行号

                columns: [[

                    { field: 'id', title: 'id', width: 80 },

                    { field: 'realname', title: '名称', width: 120 },

                    { field: 'sex', title: 'sex', width: 80, align: 'left' }

                ]]

            });

        });  

    </script>

</head>

<body>

    <div>

        <table id="List"></table>

        <div id="modalwindow" class="easyui-window" data-options="modal:true,closed:true,minimizable:false,shadow:false"></div>

        <button id="pp"></button>

    </div>

</body>

</html>

　　

easy UI获取数据，打开毕弹窗的更多相关文章

  1. JQuery Easy Ui dataGrid 数据表格 ---制作查询下拉菜单

    JQuery Easy Ui dataGrid 数据表格 数据表格 - DataGrid 继承$.fn.panel.defaults,使用$.fn.datagrid.defaults重载默认值.. 数 ...

  2. jquery Easy UI Datagrid(数据网格)学习心德，附API

    第一步,引入主要的css样式和js文件 <meta http-equiv="Content-Type" content="text/html; charset=ut ...

  3. JQuery Easy Ui dataGrid 数据表格

    数据表格 - DataGrid 英文文档:http://www.jeasyui.com/documentation/index.php# 继承$.fn.panel.defaults,使用$.fn.da ...

  4. JQuery Easy Ui dataGrid 数据表格 -->转

    转至: http://www.cnblogs.com/cnjava/archive/2013/01/21/2869876.html#events 数据表格 - DataGrid 内容 概况 使用方法 ...

  5. easy ui datagrid 数据分页

    参照easyui官方网站提供的demo写了个datagrid数据分页的demo, 具体参数我就不一一罗列了,详细见官方网站, 这里只介绍一下具体的注意事项和常乃用到的几项, $('#test').da ...

  6. 玩转Web之easyui(一)-----easy ui datagird 分页

    easy ui 中数据表格的分页其实是很简单的,分页是在数据表格可以正常显示数据的基础上进行的,在这里给出servlet的代码,其中selectAll()方法是从数据库中提取所有数据, 分页的一种思路 ...

  7. spring mvc +easy ui +Mybatis 录入数据

    1.itemsEasyui.jsp 应用到的插件及知识点:日期控件My97 ,图片本地预览函数PreviewImage() (1)easy ui 的模态窗口使用时,要指定DIV的属性 data-opt ...

  8. easy ui 下拉框绑定数据select控件

    easy ui 中的下拉框控件叫做select,具体代码如下: html代码:①.这是一个公司等级的下拉框 <tr> <td>公司等级:</td> <td&g ...

  9. 玩转Web之Json（二）----jquery easy ui + Ajax +Json+SQL实现前后台数据交互

    最近在学Json,在网上也找过一些资料,觉得有点乱,在这里,我以easy ui的登录界面为例来说一下怎样用Json实现前后台的数据交互 使用Json,首先需要导入一些jar包,这些资源可以在网上下载到 ...

随机推荐

  1. 剑指offer题目21-30

    面试题21:包含min函数的栈 import java.util.Stack; public class Solution { private Stack<Integer> stack = ...

  2. LeetCode(五)

    Minimum Depth of Binary Tree public class Solution { public int minDepth(TreeNode root) { if(root==n ...

  3. 如何正确接收 GitHub 的消息邮件

    背景 我厂的开发流程通常都是基于 GitHub 的.在 GitHub 上 review 代码,也是我日常工作的重要组成部分.对我来说,在 code review 过程中最讨厌的莫过于,我在 pull ...

  4. Silverlight 上传文件源代码

    public class FileUploadArgs : EventArgs { public string FileName { get; set; } public Exception Ex { ...

  5. 利用Apache Ant编译Hadoop2.6.0-eclipse-plugin

    环境要求:系统不重要,重要的是要有Ant环境,这里不做赘述,自行百度配置去. 1)在github上下载Hadoop-eclipse-plugin-master的zip包,下载地址. 2)在Hadoop ...

  6. whatweb

    WhatWeb是一款网站指纹识别工具,主要针对的问题是:“这个网站使用的什么技术?”WhatWeb可以告诉你网站搭建使用的程序,包括何种CMS系统.什么博客系统.Javascript库.web服务器. ...

  7. Learning OpenCV

    1. 读取图片 opencv/highgui.h 2. 读取视频 opencv/cv.h opencv/highgui.h 3. 高斯平滑滤波 4. 灰度单通道与边缘检测 5. 摄像头打开 void ...

  8. NY 269 VF

    题目 求1—1000000000之间的数,它的各位数字之和为 s. dp[i][j]表示 i 位数,它的各位数之和为 j 的总个数. 这里假设第 i 位为 k,则前 i - 1 位的和应为 j - k ...

  9. 能看到U盘占用内存，但看不到文件

    原因:是u盘感染了病毒 .病毒把U盘里的东西加上了隐藏属性和系统属性. 解决办法:1.在“运行”里面输入:cmd,回车:2.在cmd中进入U盘.比如你的U盘是H盘,就输入:h:,回车:3.进入U盘之后 ...

  10. 数据库知识整理<七>

    组合查询: 7.1使用子查询: 嵌套在其他查询中的查询,我们称之为子查询.子查询本身也可能包含一个子查询.子查询也称为内部查询,而包含子查询的语句也称为外部查询. 所有的子查询可以被分为两个类别:子查 ...