代码经过精心改良,可以直接使用,具体看注释吧.
1,前台,代码如下:
 
   <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="LineInfoManagement.aspx.cs" Inherits="LMX.XiAnPeiHua.Web.Admin.UnitManagement.LineInfoManagement" %>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>线路信息设置</title>
    <script src="/js/jquery-1.7.1.min.js"></script>
    <script src="/js/jquery-easyui-1.4.2/jquery.easyui.min.js"></script>
    <script src="/js/jquery-easyui-1.4.2/locale/easyui-lang-zh_CN.js"></script>
    <link href="/js/jquery-easyui-1.4.2/themes/metro-blue/easyui.css" rel="stylesheet" />
    <link href="/js/jquery-easyui-1.4.2/themes/icon.css" rel="stylesheet" />
    <link href="/css/style.css" rel="stylesheet" />
    <link href="/css/admin.css" rel="stylesheet" />
    <script type="text/javascript">
        $(document).ready(function () {
            fLoadTable();//加载参数
            $('#tt').datagrid('reload', {
                Method: 'FirstLoad'
            });
            $('#unit_id').combobox({
                onSelect: function (rec) {
                    //alert(rec.ID);
                    //$('#site_id').combobox('reload', location.href + '?type=LoadSite&UnitID=' + rec.ID);
                    var vUrl = '/Admin/UnitManagement/LineInfoManagement.aspx?type=LoadSite&UnitID=' + rec.ID;
                    $('#site_id').combobox({
                        url: vUrl,
                        onLoadSuccess: function () {
                            var data = $('#site_id').combobox('getData');
                            if (data.length > 0) {
                                $('#site_id').combobox('select', data[0].ID);
                            }
                            else {
                                $('#site_id').combobox('clear');
                            }
                        }
                    })
                }
            });
        })
        function fLoadTable() {
            $('#tt').datagrid({
                title: '',
                url: location.href,
                pagination: true,
                pageSize: 20,
                pagePosition: 'top',
                striped: true,
                //singleSelect: true,
                ctrlSelect: true,//在启用多行选择的时候允许使用Ctrl键+鼠标点击的方式进行多选操作。
                rownumbers: true,
                columns: [[
                    { field: 'unit_id', title: 'unit_id', align: 'center', hidden: true },
                    { field: 'site_id', title: 'site_id', align: 'center', hidden: true },
                    { field: 'line_id', title: 'line_id', align: 'center', hidden: true },
                    { field: 'ckey', title: '线路编号', align: 'center' },
                    { field: 'name', title: '线路名称', align: 'center' },
                    { field: 'remark', title: '备注', align: 'center' }
                ]],
                toolbar: [{
                    text: '增加',
                    iconCls: 'icon-add',
                    handler: function () {
                        $('#dlg').dialog('open').dialog('setTitle', '新增线路信息');
                        $('#dlg_form').form('clear');
                        $('#unit_id').combo('readonly', false);    // 禁用只读模式
                        $('#site_id').combo('readonly', false);    // 禁用只读模式
                        $('#unit_id').combobox('reload', '/Admin/UnitManagement/LineInfoManagement.aspx?type=LoadUnit');
                        vUrl = '/Admin/UnitManagement/LineInfoManagement.aspx?type=add';
                    }
                }, {
                    text: '修改',
                    iconCls: 'icon-edit',
                    handler: function () {
                        var row = $('#tt').datagrid('getSelected');
                        if (row) {
                            $('#dlg').dialog('open').dialog('setTitle', '修改线路信息');
                            $('#unit_id').combobox('reload', '/Admin/UnitManagement/LineInfoManagement.aspx??type=LoadUnit');
                            $('#site_id').combobox('reload', '/Admin/UnitManagement/LineInfoManagement.aspx?type=LoadSite');
                            $('#dlg_form').form('load', row);
                            $('#unit_id').val(row.unit_id);
                            $('#site_id').val(row.line_id);
                            $('#ckeyPre').val(row.site_id);
                            $('#unit_id').combo('readonly', true);    // 启用只读模式
                            $('#site_id').combo('readonly', true);    // 启用只读模式
                            vUrl = '/Admin/UnitManagement/LineInfoManagement.aspx?type=modify&line_id=' + row.line_id;
                        } else {
                            $.messager.alert('请至少选中一项作为修改项.')
                        }
                    }
                }, '-', {
                    text: '删除',
                    iconCls: 'icon-remove',
                    handler: function () {
                        var row = $('#tt').datagrid('getSelected');
                        if (row) {
                            $.messager.confirm('提示', '您确定要删除这个线路信息吗?', function (r) {
                                if (r) {
                                    vUrl = '/Admin/UnitManagement/LineInfoManagement.aspx?type=del&site_id=' + row.site_id + '&unit_id=' + row.unit_id + '&line_id=' + row.line_id;
                                    $.ajax({
                                        type: "POST",
                                        url: vUrl,
                                        success: function (json) {
                                            var json = eval('(' + json + ')');
                                            if (json.result == true) {
                                                $.messager.show({
                                                    title: 'Success',
                                                    msg: '删除成功!'
                                                });
                                                $('#dlg').dialog('close');
                                                // close the dialog
                                                $('#tt').datagrid('reload'); // reload the user data
                                            } else {
                                                $.messager.show({
                                                    title: 'Error',
                                                    msg: '删除失败,请稍后再试!'
                                                });
                                                $('#dlg').dialog('close');
                                                // close the dialog
                                                $('#tt').datagrid('reload'); // reload the user data
                                            }
                                        }
                                    });
                                }
                            });
                        }
                        else {
                           $.messager.alert("请至少选中一项作为删除项");
                        }
                    }
                }]
            });
        };
        function fSaveData() {
            $('#dlg_form').form('submit', {
                url: vUrl,
                onSubmit: function () {
                    return $(this).form('validate');
                },
                success: function (sjson) {
                    var json = eval('(' + sjson + ')');
                    if (json.result == true) {
                        $.messager.show({
                            title: 'Success',
                            msg: json.msg ? json.msg : '操作成功!'
                        });
                        $('#dlg').dialog('close');     // close the dialog
                        $('#tt').datagrid('reload'); // reload the user data
                    } else {
                        $.messager.show({
                            title: 'Error',
                            msg: json.msg ? json.msg : '操作失败,请稍后再试!'
                        });
                        $('#dlg').dialog('close');     // close the dialog
                    }
                },
                error: function () {
                    $.messager.show({
                        title: 'Error',
                        msg: json.msg ? json.msg : '操作失败,请稍后再试!'
                    });
                    $('#dlg').dialog('close');     // close the dialog
                }
            });
        }
    </script>
</head>
<body>
    <div class="divForTable">
        <table id="tt" style="width: 100%; height: 600px; $(this).width() * 0.2;">
        </table>
    </div>
    <div id="dlg" class="easyui-dialog" style="width: 300px; height: 350px; padding: 5px 10px"
        data-options="closed:true,buttons:'#dlg-buttons',modal:true">
        <form id="dlg_form" method="post">
            <div class="fitem">
                <label>所属电网:</label>
                <input id="unit_id" name="unit_id" class="easyui-combobox" required="true" data-options="valueField:'ID',textField:'Name',editable:false" />
            </div>
            <div class="fitem">
                <label>所属变电所:</label>
                <input id="site_id" name="site_id" class="easyui-combobox" required="true" data-options="valueField:'ID',textField:'Name',editable:false" />
            </div>
            <%-- <div class="fitem">
                <label>线路编号:</label>
                <input name="ckeyPre" id="ckeyPre" class="easyui-validatebox" readonly="true" style="width: 30px;" />
            </div>--%>
            <div class="fitem">
                <label>名称:</label>
                <input name="name" id="name" class="easyui-validatebox" required="true" />
            </div>
            <div class="fitem">
                <label>备注:</label>
                <input name="remark" id="remark" class="easyui-validatebox" />
            </div>
            <div class="line" style="margin-top: 15px;">
                说明:线路编号由8位数字组成,前5位是所属变电所编号,最后3位代表线路内部编号.(编号在前端不显示,后台自动添加)
            </div>
        </form>
    </div>
    <div id="dlg-buttons">
        <a href="javascript:void(0)" class="easyui-linkbutton" iconcls="icon-ok" onclick="fSaveData()">保存
        </a>
        <a href="javascript:void(0)" class="easyui-linkbutton" iconcls="icon-cancel"
            onclick="javascript:$('#dlg').dialog('close')">取消
        </a>
    </div>
</body>
</html>
2,后台代码如下:
       protected void Page_Load(object sender, EventArgs e)
        {
            if (!IsPostBack)
            {
                if (Request.QueryString["from"] == "LoadF_ParentItemCode")
                {
                    using (item_energyEntities ent = new item_energyEntities())
                    {
                        List<t_dt_energyitemdict> list = (from c in ent.t_dt_energyitemdict where c.F_EnergyItemType == "A" select c).ToList();
                        if (list != null && list.Count != 0)
                        {
                            var vData = from m in list select new { ID = m.F_EnergyItemCode, Name = m.F_EnergyItemName };
                            Response.Write(JsonHelper.Serialize(vData));
                        }
                        else
                        {
                            Response.Write(null);
                        }
                        Response.End();
                    }
                }
                if (Request.Form["Method"] == "FirstLoad")
                {
                    List<t_dt_energyitemdict> list = DataLoader.GetEnergyItemList();
                    int page = string.IsNullOrWhiteSpace(Request["page"]) ? 1 : Int32.Parse(Request["page"]);
                    int rows = string.IsNullOrWhiteSpace(Request["rows"]) ? 1 : Int32.Parse(Request["rows"]);
                    string order = string.IsNullOrWhiteSpace(Request["order"]) ? "ASC" : Request["order"].ToUpper();
                    string sort = string.IsNullOrWhiteSpace(Request["sort"]) ? "ID" : Request["sort"];
                    IQueryable<t_dt_energyitemdict> query = CommonTools.DataSorting<t_dt_energyitemdict>(list.AsQueryable(), sort, order).Skip((page - 1) * rows).Take(rows);
                    Response.Write(JsonHelper.Serialize(new { total = list.Count, rows = query }));
                    Response.End();
                }
                if (Request.QueryString["type"] == "add")
                {
                    string strMsg;
                    if (AddObject(out strMsg))
                    {
                        Response.Write(JsonHelper.Serialize(new { result = true, msg = strMsg }));
                    }
                    else
                    {
                        Response.Write(JsonHelper.Serialize(new { result = false, msg = strMsg }));
                    }
                    Response.End();
                }
                if (Request.QueryString["type"] == "modify")
                {
                    string strMsg;
                    if (ModifyObject(out strMsg))
                    {
                        Response.Write(JsonHelper.Serialize(new { result = true, msg = strMsg }));
                    }
                    else
                    {
                        Response.Write(JsonHelper.Serialize(new { result = false, msg = strMsg }));
                    }
                    Response.End();
                }
                if (Request.QueryString["type"] == "del")
                {
                    string strMsg;
                    if (DelObject(out strMsg))
                    {
                        Response.Write(JsonHelper.Serialize(new { result = true, msg = strMsg }));
                    }
                    else
                    {
                        Response.Write(JsonHelper.Serialize(new { result = false, msg = strMsg }));
                    }
                    Response.End();
                }
            }
        }
        /// <summary>
        /// 增加一个对一个对象.
        /// </summary>
        /// <returns></returns>
        private bool AddObject(out string strMsg)
        {
            string F_EnergyItemCode = Request.Form["F_EnergyItemCode"];
            string F_EnergyItemName = Request.Form["F_EnergyItemName"];
            string F_ParentItemCode = Request.Form["F_ParentItemCode"];
            string F_EnergyItemType = Request.Form["F_EnergyItemType"];
            string F_EnergyItemUnit = Request.Form["F_EnergyItemUnit"];
            string F_EnergyItemFml = Request.Form["F_EnergyItemFml"];
            string F_EnergyItemState = Request.Form["F_EnergyItemState"];
            short sF_EnergyItemState = 0;
            if (short.TryParse(F_EnergyItemState, out sF_EnergyItemState))
            {
                sF_EnergyItemState = short.Parse(F_EnergyItemState);
            }
            bool bPass = false;
            try
            {
                using (item_energyEntities ent = new item_energyEntities())
                {
                    t_dt_energyitemdict aNewModel = new t_dt_energyitemdict()
                    {
                        F_EnergyItemCode = F_EnergyItemCode,
                        F_EnergyItemState = sF_EnergyItemState,
                        F_EnergyItemType = F_EnergyItemType,
                        F_EnergyItemUnit = F_EnergyItemUnit,
                        F_EnergyItemName = F_EnergyItemName,
                        F_EnergyItemFml = F_EnergyItemFml,
                        F_ParentItemCode = F_ParentItemCode
                    };
                    ent.t_dt_energyitemdict.Add(aNewModel);
                    if (ent.SaveChanges() > 0)
                    {
                        bPass = true;
                        strMsg = "增加成功。";
                    }
                    else
                    {
                        bPass = false;
                        strMsg = "增加失败,请稍后再试。";
                    }
                }
            }
            catch (Exception ex)
            {
                strMsg = ex.Message;
                bPass = false;
            }
            return bPass;
        }
        /// <summary>
        /// 更新一个对象.
        /// </summary>
        /// <returns></returns>
        private bool ModifyObject(out string strMsg)
        {
            string F_EnergyItemCode = Request.Form["F_EnergyItemCode"];
            string F_EnergyItemName = Request.Form["F_EnergyItemName"];
            string F_ParentItemCode = Request.Form["F_ParentItemCode"];
            string F_EnergyItemType = Request.Form["F_EnergyItemType"];
            string F_EnergyItemUnit = Request.Form["F_EnergyItemUnit"];
            string F_EnergyItemFml = Request.Form["F_EnergyItemFml"];
            string F_EnergyItemState = Request.Form["F_EnergyItemState"];
            short sF_EnergyItemState = 0;
            if (short.TryParse(F_EnergyItemState, out sF_EnergyItemState))
            {
                sF_EnergyItemState = short.Parse(F_EnergyItemState);
            }
            bool bPass = false;
            try
            {
                using (item_energyEntities ent = new item_energyEntities())
                {
                    t_dt_energyitemdict aModel = (from c in ent.t_dt_energyitemdict where c.F_EnergyItemCode == F_EnergyItemCode select c).FirstOrDefault();
                    if (aModel != null)
                    {
                        aModel.F_EnergyItemCode = F_EnergyItemCode;
                        aModel.F_EnergyItemName = F_EnergyItemName;
                        aModel.F_ParentItemCode = F_ParentItemCode;
                        aModel.F_EnergyItemType = F_EnergyItemType;
                        aModel.F_EnergyItemUnit = F_EnergyItemUnit;
                        aModel.F_EnergyItemFml = F_EnergyItemFml;
                        aModel.F_EnergyItemState = sF_EnergyItemState;
                        if (ent.SaveChanges() > 0)
                        {
                            bPass = true;
                            strMsg = "修改成功。";
                        }
                        else
                        {
                            bPass = false;
                            strMsg = "修改失败,请稍后再试。";
                        }
                    }
                    else
                    {
                        bPass = false;
                        strMsg = "不存在此记录,请稍后再试。";
                    }
                }
            }
            catch (Exception ex)
            {
                strMsg = ex.Message;
                bPass = false;
                //throw;
            }
            return bPass;
        }
        /// <summary>
        /// 删除一个对象.
        /// </summary>
        /// <returns></returns>
        private bool DelObject(out string strMsg)
        {
            string F_EnergyItemCode = Request.QueryString  ["F_EnergyItemCode"];
            bool bPass = false;
            using (item_energyEntities ent = new item_energyEntities())
            {
                t_dt_energyitemdict aModel = (from c in ent.t_dt_energyitemdict where c.F_EnergyItemCode == F_EnergyItemCode select c).FirstOrDefault();
                try
                {
                    if(aModel!=null)
                    {
                        ent.t_dt_energyitemdict.Remove(aModel);
                        if(ent.SaveChanges()>0)
                        {
                            bPass = true;
                            strMsg = "删除成功。";
                        }
                        else
                        {
                            bPass = false;
                            strMsg = "删除失败,请稍后再试。";
                        }
                    }
                    else
                    {
                        bPass = false;
                        strMsg = "不存在此记录,请稍后再试。";
                    }
                }
                catch (Exception ex)
                {
                    bPass = false;
                    strMsg = ex.Message;
                }
            }
            return bPass;

}

来自为知笔记(Wiz)

转载于:https://www.cnblogs.com/nangong/p/4881420.html

EasyUI DataGrid 实用例子(2015-05-22)相关推荐

  1. jQuery EasyUI DataGrid Checkbox 数据设定与取值

    纯粹做个记录,以免日后忘记该怎么设定. 这一篇将会说明两种使用 jQuery EasyUI DataGrid 的 Checkbox 设定方式,以及在既有数据下将 checked 为 true 的该笔数 ...

  2. EasyUI DataGrid 合并单元格

    EasyUI DataGrid 合并单元格 1 function mergeCells(){ 2 var arr =[{mergeFiled:"field",premiseFile ...

  3. 【进阶】 --- 多线程、多进程、异步IO实用例子

    [进阶] --- 多线程.多进程.异步IO实用例子:https://blog.csdn.net/lu8000/article/details/82315576 python之爬虫_并发(串行.多线程. ...

  4. 转easyui datagrid 前台分页的实现

    easyui datagrid 前台分页的实现java采用的版本 来源:本站原创 js知识 超过5,090人围观 暂无评论 使用easyui分页,有后台服务器端实现和前台浏览器端实现.服务器端实现按规 ...

  5. jQuery EasyUI datagrid实现本地分页的方法

    本文实例讲述了jQuery EasyUI datagrid实现本地分页的方法.分享给大家供大家参考.具体如下: 一般分页都是后台做,前端做无论从哪方面考虑都不合适.但是有的时候还是有这种需求. 这里重 ...

  6. easyUI datagrid editor扩展dialog

    easyUI datagrid简单使用:着重两点1.editor对象的click事件:2.将dialog窗体内的值填写到当前正编辑的单元格内 1 <!DOCTYPE html> 2 < ...

  7. 电脑公司 ghost win7_SP1 X64 特别版 2015.05

    电脑公司 ghost win7_SP1 X64 特别版 2015.05 GhostWin7是指使用Ghost软件做成压缩包的Windows7,俗称克隆版Win7.用克隆版的目的是节省安装时间.本作品在 ...

  8. EasyUI Datagrid 鼠标悬停显示单元格内容 复制代码

    EasyUI Datagrid 鼠标悬停显示单元格内容 第一种方式: 1.js 定义函数<script type="text/javascript"> //格式化单元格 ...

  9. 【每周Java技术】2022.05.16 周一 ~ 2022.05.22 周日(Srping Boot | 二叉树 | Docker | 微服务/云原生)

    文章目录 01. 05.16 周一 1.1)Spring Boot 1.1.1) Spring Boot的组成部分 1.1.2) 了解自动配置的实现原理 1.2)数组降序 02. 05.19 周四 1 ...

  10. EasyUI DataGrid根据字段动态合并单元格

    为什么80%的码农都做不了架构师?>>>    1.合并方法 /** * EasyUI DataGrid根据字段动态合并单元格 * 参数 tableID 要合并table的id * ...

最新文章

  1. 设计模式篇之——命令设计模式
  2. python 为什么没有重载_python是否支持重载
  3. 未捕获typeerror: $形象。cropper不是函数_没有学不会的python--细说函数
  4. Java 8的8个新功能
  5. vi/vim使用进阶: 文件浏览和缓冲区浏览
  6. 特斯拉电动皮卡不太香:预订表现不及3年前的Model 3
  7. list操作 rediscluster_redis3.0 cluster功能介绍
  8. __proto__和prototype 1
  9. sparse模式下multicast配置
  10. 05 CardView的基本使用
  11. 基于学生信息管理系统的数据库系统课程设计升级版(mysql)
  12. IKBC_DC-108 改装,加灯,加锂电池和充电
  13. 捷联惯导知识点之非直角坐标系到直角坐标系
  14. 我遇见你是最美丽的意外
  15. 红黑树详解,对插入旋转独到理解
  16. 痞子衡嵌入式:我被邀请做科锐国际旗下数科同道主办的技术沙龙嘉宾
  17. 查找附近的人-mongodb的实现
  18. 读John Stuart Mill的《功利主义》
  19. ModuleNotFoundError: No module named ‘xxx‘; ‘xxx‘ is not a package解决
  20. 电池pack结构_锂电池包PACK结构设计的要求有哪些

热门文章

  1. python语言要多久_怎么自学python,大概要多久?
  2. java解压zip异常_zip 文件解压缩问题解决 java.util.zip.ZipException:error in opening zip file | 学步园...
  3. 【翻译】CodeMix使用教程(四):调试
  4. DNS Flood Detector让DNS更安全
  5. Ubuntu 12 修改环境变量
  6. zabbix:unable to create mutex for log file
  7. Uva 10635 Prince and Princess (LCS变形LIS)
  8. 【机器学习中的数学】多项式分布及其共轭分布
  9. PostgreSql之pgsql 条件和顺序控制
  10. AspNetPager分页控件样式