【问题标题】:Shield ui grid hierarchy grid make non-editable while main grid editable屏蔽 ui 网格层次结构网格使主网格不可编辑,而主网格可编辑
【发布时间】:2016-05-25 01:37:47
【问题描述】:

我使主网格的行可编辑,并且不需要在层次网格中编辑行。但问题是,一旦我单击层次网格的一行,它就会变得可编辑,并且主网格的相同列号的值将出现在层次网格的选定列中。下面附上的图片会更有意义。

所以正如我提到的,我不需要在层次结构网格中发生这种情况。

这是我目前的代码......

$("#allTransGrid").shieldGrid({
                                dataSource: {
                                    data: datad,
                                    schema: {
                                        fields: {
                                            mbr_id: {path: "mbr_id", type: String},
                                            lon_id: {path: "lon_id", type: String},
                                            center_name: {path: "center_name", type: String},
                                            grp_name: {path: "grp_name", type: String},
                                            mbr_name: {path: "mbr_name", type: String},
                                            lon_amt: {path: "lon_amt", type: Number},
                                            lon_int_amt: {path: "lon_int_amt", type: Number},
                                            loan_total: {path: "loan_total", type: Number},
                                            ind_inst: {path: "ind_inst", type: Number},
                                            today_pay: {path: "today_pay", type: Number, nullable: false},
                                            lon_id_as: {path: "lon_id_as", type: Number}
                                        }
                                    }
                                },
                                sorting: {
                                    multiple: true
                                },
                                paging: {
                                    pageSize: 12,
                                    pageLinksCount: 10
                                },
                                events: {
                                    editorCreating: function (e) {
                                        if (e.field == "ind_inst") {
                                            e.options = {enabled: false, max: 1000};
                                        }
                                        if (e.field == "loan_total") {
                                            e.options = {enabled: false, max: 500000};
                                        }
                                        if (e.field == "lon_int_amt") {
                                            e.options = {enabled: false, max: 100000};
                                        }
                                        if (e.field == "lon_amt") {
                                            e.options = {enabled: false, max: 100000};
                                        }
                                        if (e.field == "mbr_name") {
                                            e.options = {enabled: false};
                                        }
                                        if (e.field == "grp_name") {
                                            e.options = {enabled: false};
                                        }
                                        if (e.field == "center_name") {
                                            e.options = {enabled: false};
                                        }
                                        if (e.field == "lon_id") {
                                            e.options = {enabled: false};
                                        }
                                        if (e.field == "mbr_id") {
                                            e.options = {enabled: false};
                                        }
                                        if (e.field == "today_pay") {
                                            e.options = {max: 10000};
                                            console.log(e.options);
                                        }

                                    },
                                    detailCreated: function (e) {
                                        $.ajax({
                                            url: "PaymentCatcherGroupBy",
                                            cache: false,
                                            dataType: 'JSON',
                                            data: {loan_id: e.item.lon_id_as, c_id: center_id},
                                            success: function (data) {
                                                $("<div/>")
                                                        .appendTo(e.detailCell)
                                                        .shieldGrid({
                                                            dataSource: {data: data},
                                                            sorting: {
                                                                multiple: true
                                                            },
                                                            paging: {
                                                                pageSize: 5
                                                            },
                                                            columns: [
                                                                {field: "installment_num", title: "Week"},
                                                                {field: "installmentAmount", title: "Installment Amount"},
                                                                {field: "paidAmount", title: "Paid Amount"},
                                                                {field: "dueDate", title: "Date Paid", type: Date}
                                                            ],
                                                            events: {
                                                                editorCreating: function (e) {
                                                                    if (e.field == "installment_num") {
                                                                        e.options = {enable: false};
                                                                    }
                                                                }
                                                            }
                                                        });
                                            }, error: function (jqXHR, textStatus, errorThrown) {
                                                alert('error');
                                            }
                                        });

                                    }
                                },
                                selection: {
                                    type: "row",
                                    multiple: true,
                                    toggle: false
                                },
                                columns: [
                                    {field: "mbr_id", width: "100px", title: "Member ID", enabled: false},
                                    {field: "lon_id", width: "100px", title: "Loan ID"},
                                    {field: "center_name", title: "Center Name", width: "100px"},
                                    {field: "grp_name", title: "Group Name", width: "70px"},
                                    {field: "mbr_name", title: "Member Name", width: "170px"},
                                    {field: "lon_amt", title: "Loan Amount", width: "100px"},
                                    {field: "lon_int_amt", title: "Interest", width: "100px"},
                                    {field: "loan_total", title: "Total", width: "80px"},
                                    {field: "ind_inst", title: "Installment Amount", width: "120px"},
                                    {field: "today_pay", title: "Today Payment"}
                                ],
                                editing: {
                                    enabled: true,
                                    event: "click",
                                    type: "cell"
                                },
                                scrolling: true,
                                height: 600
                            });

任何帮助都将不胜感激。谢谢!

【问题讨论】:

    标签: javascript jquery grid shieldui


    【解决方案1】:

    您可以禁用详细网格的编辑:

    https://www.shieldui.com/documentation/grid/javascript/api/settings/editing

    或者您可以将那些不想编辑的列设置为 false。

    列:[ {字段:“mbr_id”,宽度:“100px”,标题:“会员ID”,可编辑:false},

    希望这能解决您的问题。

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 2012-03-29
      • 2014-02-04
      • 2012-10-21
      • 2012-02-10
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多