EasyUI的使用经验——aa

 <link href="~/Content/easyUI/icon.css" rel="stylesheet" />
    <link href="~/Content/easyUI/default/easyui.css" rel="stylesheet" />
    <script src="~/Scripts/jquery-1.7.1.min.js"></script>
    <script src="~/Scripts/jquery.easyui.min.js"></script>
    <script src="~/Scripts/easyui-lang-zh_CN.js"></script>
    <script src="~/Scripts/jquery.unobtrusive-ajax.min.js"></script>

 <div>
        <table id="roleList"></table>
    </div>

function DeleteShow() {
        var items = ‘‘; 
        var id = ‘‘;
        items = $(‘#roleList‘).datagrid(‘getSelections‘);
        $.each(items, function (i, item) {
            id += item[‘UserId‘] + ‘,‘;
        });
        $.messager.confirm(‘提示‘, ‘确定要删除吗？‘, function(msg) {
            id = id.substring(0, id.length - 1);
            $.post("EasyUI2/Delete?a="+Date().toString(), { idList: id}, function (msg) {
                if (msg == "True") {
                    location.reload();
                    id = ‘‘;
                } else {
                    alert("删除失败！");
                }
            })  
        })
    }

        public ActionResult Delete(string idList)
        {
            bool boo=false;
            //idList
            List<int> list = new List<int>();
            string[] ids = idList.Split(‘,‘);
           
            foreach (var id in ids)
            {
                list.Add(int.Parse(id));
            }
            boo = bll.DelByIds(list.ToArray());
           return Content(boo.ToString());
        }

 public bool DelByIds(int[] id)
        {
            int a = 0;

            for (int i = 0; i < id.Length; i++)
            {
              bool boo= DelById(id[i]);
              if (boo) a++;
            }
            if (a != id.Length) return false ;
            return true;
        }

 <!--修改-->
    <div id="Edit">
        <iframe src="#"></iframe>
    </div>

  function EditShow() {
        $("#Edit").show();
        var items = $(‘#roleList‘).datagrid(‘getSelections‘);//获取选择的项目，当大于1时提示用户
        if (items.length != 1) {
            $.messager.alert(‘警告‘, "请选择一条要修改的记录");
            return;
        }
        var id = items[0]["UserId"];

        //修改src属性，指向修改页面
        $(‘#Edit iframe‘).attr("src", ‘@Url.Action("Edit","EasyUI2")?id1=‘ + id);
        $("#Edit").dialog({
            title: "修改用户",
            collapsible: true,
            minimizable: true,
            maximizable: true,
            resizable: true,

            buttons: [{
                text: "修改",
                iconCls: "icon-edit",
                handler: function () {
                    $(‘#Edit iframe‘)[0].contentWindow.EditSubmit();
                }
            }, {
                text: "取消",
                iconCls: "icon-cancel",
                handler: function () {
                    $("#Edit").dialog("close");
                }
            }]
        });
    }

 public ActionResult Edit()
        {
            int id= String.IsNullOrEmpty(Request["id1"])? 0:Int32.Parse(Request["id1"]);
            var result = bll.GetById(id);
            return View(result);
        }
        [HttpPost]
        public ActionResult Edit(UserInfo model)
        {
            bool boo = false;
            if (model != null)
            {
                boo = bll.Edit(model);
            }
            return Content(boo.ToString()); 
        }

<!--搜索-->
    <div id="Select">
        <table border="1">
            <tr>
               <td>用户名：</td><td><input id="Name" type="text" /></td>
                <td>编号：</td><td><input id="Id" type="text" /></td>
                <td><input type="button" onclick="Select()" value="搜索" /></td>
            </tr>
        </table>
        
    </div>

 function Select() {
        
            //获取查询数据
            var Name1 = $("#Name").val();
            var Id1 = $("#Id").val();
            //向服务器请求
            ShowAgain({
                ‘Id‘: Id1,
                ‘Name‘: Name1
            });
            
    }

public ActionResult GetPageList(int rows,int page)
        {
            string Name=Request["Name"];
            int id1 = string.IsNullOrEmpty(Request["Id"]) ? 0 : Int32.Parse(Request["Id"]);
            int total;
            var result = bll.GetPageList<int>(u=>(true)&&
                (string.IsNullOrEmpty(Name) ? true:u.UserName.Contains(Name))
                &&
                (id1==0 ? true : u.UserId == id1)
                ,u=>u.UserId,rows,page,out total);
            return Json(new {total,rows=result},JsonRequestBehavior.AllowGet);
        }

function SelectAfter() {
        $(‘#roleList‘).datagrid(‘reload‘);
    }