Jquery右键菜单(jqueryeasyui)

来源：互联网发布：网络院线英文编辑：程序博客网时间：2024/05/02 04:33

Jquery右键菜单(jqueryeasyui)

直接贴出页面html，部分敏感内容去掉，只是示例，不能运行

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Reply.aspx.cs" Inherits="Admin.Reply" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head runat="server">    <title>评论的回复</title>    <script src="/Js/jquery-1.11.0.min.js" type="text/javascript"></script>    <script src="/Js/My97DatePicker/WdatePicker.js" type="text/javascript"></script>    <link href="/Style/defaults.css" rel="stylesheet" type="text/css" />    <link href="/Js/jqueryeasyui/themes/default/easyui.css" rel="stylesheet" />    <link href="/Js/jqueryeasyui/themes/icon.css" rel="stylesheet" />    <script src="Js/jqueryeasyui/jquery.easyui.min.js" type="text/javascript" charset="utf-8"></script></head><body>    <form id="form1" runat="server">                    <div>                请输入搜索关键字：            <input id="tbusername" type="text" size="20" style="margin-left: 5px;" />                时间:<input id="tbBeginTime" value="<%=GetCurMonthDay() %>" style="width: 150px; height: 15px;" class="Wdate" onfocus="WdatePicker({el:'tbBeginTime',dateFmt:'yyyy-MM-dd HH:mm:ss', maxDate:'%y-%M-%d 00:00:00',minDate:'%y-#{%M-2}-%d 00:00:00'})" /> <span runat="server" id="endtime">至</span>                <input id="tbEndTime" value="<%=DateTime.Now.ToString("yyyy-MM-dd 23:59:59") %>" style="width: 150px; height: 15px;" class="Wdate" onfocus="WdatePicker({el:'tbEndTime',dateFmt:'yyyy-MM-dd HH:mm:ss', maxDate:'%y-%M-%d 23:59:59',minDate:'%y-#{%M-2}-%d 23:59:59'})" />                <input id="bntSearch" value="搜索" type="button" style="margin-left: 5px;" />            </div>        <div id="divData">            <table id="tabdata" class="hover">                <thead>                    <tr>                        <td style="width: 5%">                            <input type="checkbox" id="chkall" name="chkall" value="0" />                        </td>                        <td style="width: 5%">用户Id                        </td>                        <td style="width: 12%">用户名                        </td>                        <td style="width: 12%">回复时间                        </td>                        <td style="width: 20%">评论内容                        </td>                        <td>回复内容                        </td>                                                <td style="width: 5%">是否显示                        </td>                        <td style="width: 5%">操作                        </td>                    </tr>                </thead>                <tbody id="datadetails">                </tbody>            </table>        </div>        <div id="tb_page" class="hm_tb_page" style="display: block;">        </div>        <div id="rightmenu" class="easyui-menu">            <div data-options="iconCls:'icon-ok'" onclick="checkPass(10)">选中审核</div>            <div data-options="iconCls:'icon-ok'" onclick="checkPass(11)">全部审核</div>            <div data-options="iconCls:'icon-bforbid'" onclick="checkPass(20)">选中禁止</div>            <div data-options="iconCls:'icon-bforbid'" onclick="checkPass(21)">全部禁止</div>        </div>    </form>    <script type="text/javascript">        $(document).ready(function () {            rightHandEvent();            BindData(pageIndex, pageSize);            $("#bntSearch").click(function () {                BindUsersLog(pageIndex, pageSize);            });        });        function BindData(idx, size) {            var data = {};            data.method = "GetData";            data.name = $("#tbusername").val();            data.startTime = $("#tbBeginTime").val();            data.endTime = $("#tbEndTime").val();            data.pageIndex = idx;            data.pageSize = size;            ajaxProcess("/Reply.aspx?", data, callSuccess, callError);            function callSuccess(oRet) {                var result = oRet.Result;                if (result != null) {                    console.log(result);                    var html = [];                    var tr = "<tr><td><input type='checkbox' name='chkId' value='{Id}' /></td><td>{UserId}</td><td>{Name}</td><td>{CreateTime}</td><td>{CContents}</td><td>{Contents}</td><td>{IsShow}</td><td>{Oper}</td></tr>";                    $(result.Rows).each(function () {                        this.Oper = "";                        this.IsShow = this.IsShow ? "是" : "否";                        html.push(tr.format(this));                    });                    $("#datadetails").html(html);                }                Pagebars($("#tb_page").show(), result.PageCount, pageSize, result.PageIndex, function (idx, size) { BindUsersLog(idx, size); }); //分页            }            function callError(e) {                alert(e);            }        }    </script>    <script type="text/javascript">        $("#chkall").click(function () {            if (this.checked) {                $("input[name='chkId']").each(function () {                    this.checked = true;                });            } else {                $("input[name='chkId']").each(function () {                    this.checked = false;                });            }        });    </script>    <script type="text/javascript">        function checkPass(val) {            var isShow = 0;            if (val == 10 || val == 11) {                isShow = 1;            }            var listId = "";            if (val == 10 || val == 20) {                $("input[name='chkId']").each(function () {                    if (this.checked) {                        listId += this.value + ",";                    }                });            }            if (val == 11 || val == 21) {                $("input[name='chkId']").each(function () {                    listId += this.value + ",";                });            }                        if (listId.length < 1) {                showDialog("请选择要操作的行");                return;            }            var data = {};            data.method = "Audit";            data.ids = listId;            data.isShow = isShow;            data.operType = val;            ajaxProcess("?", data, function (oRet) {                if (oRet.Error || oRet.Result < 0) {                    showDialog(oRet.Error || "操作失败");                    return;                }                showDialog("操作成功", 1, 0, "提示", function () {                    window.location.href = "Reply.aspx";                });            }, function (ex) { alert(ex); });        }        function rightHandEvent() {            $("#divData").bind('contextmenu', function (e) {                $('#rightmenu').menu('show', {                    left: e.pageX,                    top: e.pageY                });                return false;            });        }    </script></body></html>

后台部分代码

        /// <summary>        /// 评论回复        /// </summary>        public object GetData(string name, string startTime, string endTime, int pageIndex, int pageSize = 25)        {            try            {                if (!string.IsNullOrEmpty(name))                {                    name = name.Trim().SqlFilter();                }                ...........                return new PagedResult(dv, pageSize, pageIndex);            }            catch (Exception e)            {                Log.Error(e.Message + e.StackTrace);            }            return null;        }        public object Audit(string ids, int isShow,int operType)        {            ids = ids.SqlFilter();            if (!string.IsNullOrEmpty(ids))            {                var sql = "UPDATE [dbo].[T_CircleReply] set IsShow='{0}' where Id in({1})".Formats(isShow, ids.TrimEnd(','));                return Db.ExecuteNonQuery(sql);            }            else            {                return true;            }        }

0 0