Fatal编程技术网
  • asp.net-mvc/
  • Asp.net mvc 自定义删除确认对话框剑道网格mvc

Asp.net mvc 自定义删除确认对话框剑道网格mvc

asp.net-mvc

Asp.net mvc 自定义删除确认对话框剑道网格mvc,asp.net-mvc,kendo-grid,Asp.net Mvc,Kendo Grid,我有一个kendoui网格，我希望将删除确认弹出窗口（而不是文本）更改为颜色更好的。并显示删除的行记录 对于exmalpe：我确定删除此记录：我的名字：amir 我使用功能删除项目但不运行。我不知道有什么问题 <body class="k-rtl"> <div data-ng-app="app" data-ng-controller="MyCtrl"> <kendo-grid options="gridOptions

我有一个kendoui网格，我希望将删除确认弹出窗口（而不是文本）更改为颜色更好的。并显示删除的行记录 对于exmalpe：我确定删除此记录：我的名字：amir 我使用功能删除项目但不运行。我不知道有什么问题

     <body class="k-rtl">
        <div data-ng-app="app" data-ng-controller="MyCtrl">
            <kendo-grid options="gridOptions"></kendo-grid>
        </div>
        <div id="window"></div>
        <script type="text/javascript">
            angular.module("app", ["kendo.directives"]).controller("MyCtrl", function ($scope) {
                $scope.gridOptions = {
                    error: function (e) {
                        alert(e);
                    },

                    toolbar: ["pdf"],
                    pdf: {
                        allPages: true,
                        fileName: "Kendo UI Grid Export.pdf",
                        //proxyURL: "//demos.telerik.com/kendo-ui/service/export"
                    },

                    scrollable: true,
                    pageable: {
                        previousNext: true, // default true
                        numeric: true, // default true
                        buttonCount: 10, // default 10
                        refresh: true, // default false
                        input: true, // default false
                        //pageSizes: true, // default false
                        pageSizes: [5, 10, 15, 20, 25, 50, 100], //array of page size choices for user
                        info: true // show a label with current paging information in it
                    },

                    sortable: true,
                    filterable: true,
                    reorderable: true,
                    columnMenu: true,
                    groupable: true,

                    columns: [{
                        field: "", title: "ردیف", width: "80px", filterable: false, sortable: false, data: false,
                        template: "<span class='row-number' style=Text-a></span>"
                    },
                         {
                               template: "",
                             // "<div class='customer-photo'" +
                             //    "style='background-image: url(../content/web/Customers/#:data.CustomerID#.jpg);'></div>" +
                             //"<div class='customer-name'>#: ContactName #</div>",
                             field: "fullname", title: "نام ونام خانوادگی",
                             id: 'tet',

                             //   template: "<a  class = 'tet' href='@Url.Action("test", "Home")/#=id#'>#= FirstName #</a>"
                             template: "<a onclick='New()' class ='tet'  href=''> تست </a>",
                             @*template: kendo.template('@Html.ActionLink("#= FirstName #", "_SoftwareRequestEdit","SoftwareRequest",new {id = "tet"  }, class = "tet", null)')*@
                         },

                     { field: "UserName", title: "نام کاربری", editable: false },
                    {
                        command: [

                            { name: "edit", text: "ويرايش" },
                            {
                                name: "destroy", text: "حذف",
                                click: deleteItem

                            }  ,
                            //{ name: "destroy", text: "حذف" }
                        ],
                        title: "&nbsp;", width: "260px"
                    }

                    ],
                    editable: 
                         {
                        confirmation: "آیا مایل به حذف ردیف انتخابی هستید؟",
                        destroy: true, // whether or not to delete item when button is clicked
                        //mode: "popup", // options are "incell", "inline", and "popup"
                        //template: kendo.template($("#popupEditorTemplate").html()), // template to use for pop-up editing
                        update: true, // switch item to edit mode when clicked?
                        mode: "popup",
                        window: {
                            title: "مشخصات محصول"   // Localization for Edit in the popup window
                        }
                    },


                    messages: {
                        //editable: {
                        //    cancelDelete: "لغو",
                        //    confirmation: "آیا مایل به حذف این رکورد هستید؟"  ,
                        //    confirmDelete: "حذف",
                        //    click:_handleDelete
                        //},

                        commands: {
                            //create: "افزودن ردیف جدید",
                            //cancel: "لغو کلیه‌ی تغییرات",
                            //save: "ذخیره‌ی تمامی تغییرات",
                            //destroy: "حذف",

                            //edit: "ویرایش",
                            //update: "ثبت",
                            //canceledit: "لغو"
                        }
                    },

                    dataSource: {
                        schema: {
                            data: function (data) {
                                if (data != undefined &&
                                    data != undefined &&
                                    data.Data != undefined)
                                { return data.Data; }
                                else { return []; } //if null then return empty array
                            },
                            total: "Total",
                            model: {
                                id: "UserID",
                                fields: {
                                    id: { editable: false, type: "number" },
                                    FirstName: { type: "string" }
                                }
                            }
                        },

                        batch: false,
                        pageSize: 10,
                        serverPaging: true,
                        serverSorting: true,
                        serverFiltering: true,
                        transport: {
                            read: {
                                url: "/User/Search", //specify the URL which data should return the records.
                                contentType: "application/json; charset=utf-8", // tells the web method to serialize JSON
                                type: "POST" //use HTTP POST or get
                            },
                            update: {
                                //  url:"@Url.Action("Update", "Home")", //specify the URL which should update the records. This is the Update method of the HomeController.
                                //  type: "POST"
                                url: function (list) {
                                    return "@Url.Action("Update", "Home")/" + list.UserID;
                                },
                                //contentType: 'application/json; charset=utf-8',
                                type: "post"
                            },
                            destroy: {
                                //url: crudServiceBaseUrl + "/Products/Destroy",
                                //dataType: "jsonp"
                            },
                            create: {
                                //url: crudServiceBaseUrl + "/Products/Create",
                                //dataType: "jsonp"
                            },
                            //parameter map function is used to map parameters before read operations
                            parameterMap: function (data, operation) {
                                if (data.models) { return JSON.stringify({ payReports: data.models }); }
                                else if (operation == "read") { //Page methods always need values for their parameters
                                    data = $.extend({ sort: null, filter: null }, data);
                                    return JSON.stringify(data);
                                }
                            }
                        },
                    },

                    ///برای ساختن ردیف در گرید
                    dataBound: function () {
                        var rows = this.items();
                        $(rows).each(function () {
                            var index = $(this).index() + 1;
                            var rowLabel = $(this).find(".row-number");
                            $(rowLabel).html(index);
                        });
                    },

                };

                function deleteItem(e) {
                    var dataItem = this.dataItem($(e.currentTarget).closest("tr"));
                    if (confirm('Are you sure you want to delete : ' + dataItem.name)) {
                        var grid = $("#grid").data("kendoGrid");
                        grid.dataSource.remove(dataItem);
                        grid.dataSource.sync();
                        grid.refresh();
                    }
                }
            });

        </script>
        <script>
            $(function () {
                   $('.tet').on("click", function () {
                    alert("JQuery Running!");
                });
            });
            function New() {
                alert("JQuery Running!");
            }


        </script>
        <script>
            // اين اطلاعات براي تهيه خروجي سمت سرور مناسب هستند
            function getCurrentGridFilters() {
                var dataSource = $("#report-grid").data("kendoGrid").dataSource;
                var gridState = {
                    page: dataSource.page(),
                    pageSize: dataSource.pageSize(),
                    sort: dataSource.sort(),
                    group: dataSource.group(),
                    filter: dataSource.filter()
                };
                return kendo.stringify(gridState);
            }
        function _handleDelete(event) {
            dataitem = grid.dataItem($(event.currentTarget).closest("tr"));
            kWindow.open();

        };
    </script>
    <script type="text/javascript">
        // جهت استفاده از فايل: kendo.culture.fa-IR.js
        kendo.culture("fa-IR");
    </script>
    <script id="toolbarTemplate" type="text/x-kendo-template">
        <a class="k-button" href="\#" onclick="alert('gridState: ' + getCurrentGridFilters());">نوار ابزار سفارشي</a>
    </script>


</body>


angular.module（“app”、[“kendo.directives”]）.controller（“MyCtrl”，函数（$scope）{
$scope.gridOptions={
错误：函数（e）{
警报（e）；
},
工具栏：[“pdf”]，
pdf:{
是的，
文件名：“剑道UI网格导出.pdf”，
//proxyURL://demos.telerik.com/kendo ui/service/export
},
可滚动：对，
可分页：{
previousNext:true，//默认值true
numeric:true，//默认值为true
buttonCount:10，//默认值为10
刷新：true，//默认值false
输入：true，//默认值false
//pageSizes:true，//默认值false
pageSizes:[5,10,15,20,25,50,100]，//用户的页面大小选择数组
info:true//显示包含当前分页信息的标签
},
可排序：是的，
可过滤：正确，
可重定额：对，
专栏菜单：是的，
分组：对，
栏目：[{
字段：“，标题：”，宽度：“80px”，可过滤：false，可排序：false，数据：false，
模板：“”
},
{
模板：“”，
// "" +
//“#：联系人姓名#”，
字段：“全名”，标题：“全名”，
id:'春节'，
//模板：“”
模板：“”，
@*模板：kendo.template（'@Html.ActionLink（“#=FirstName#）”，“_SoftwareRequestEdit”，“SoftwareRequest”，new{id=“tet”}，class=“tet”，null）”）*@
},
{字段：“用户名”，标题：“用户名”，可编辑：false}，
{
命令：[
{名称：“编辑”，文本：“编辑”，
{
名称：“销毁”，文字：“销毁”，
单击：删除项目
}  ,
//{名称：“销毁”，文本：“销毁”}
],
标题：，宽度：260px
}
],
可编辑：
{
确认：“确认”，
destroy:true，//单击按钮时是否删除项目
//模式：“popup”//选项为“incell”、“inline”和“popup”
//模板：kendo.template（$（“#popupEditorTemplate”）.html（），//用于弹出式编辑的模板
更新：true，//单击时是否将项目切换到编辑模式？
模式：“弹出”，
窗口：{
标题：“用于在弹出窗口中编辑的本地化”
}
},
信息：{
//可编辑：{
//取消删除：“لغو”，
//确认书：“确认书”，
//确认删除：“حذف”，
//单击：_handleDelete
//},
命令：{
//创建：“افزندیفجدید”，
//取消：“لغوکلیه”‌ی تغییرات",
//保存：“保存”‌ی تمامی تغییرات",
//摧毁：“حذف”，
//编辑：“ویایش”，
//更新：“ثبت”，
//取消编辑：“لغو”
}
},
数据源：{
模式：{
数据：函数（数据）{
如果（数据！=未定义&&
数据！=未定义&&
data.data！=未定义）
{返回data.data；}
else{return[]；}//如果为null，则返回空数组
},
总计：“总计”，
型号：{
id:“用户id”，
字段：{
id:{可编辑：false，键入：“number”}，
名字：{type:“string”}
}
}
},
批次：假，
页面大小：10，
对,，
对,，
是的，
运输：{
阅读：{
url:“/User/Search”，//指定