0

我有这个剑道网格

@(Html.Kendo().Grid<TekstenViewModel.Tekst>()
    .Name("Grid")
    .Columns(columns =>
    {
        columns.Template(@<text></text>).ClientTemplate("<input type='checkbox'/>").Width(10).Hidden(!Model.Administrator);
        columns.Bound(product => product.Naam).Width(125).ClientTemplate("<div id='editorDiv'><div class='input'>#=Naam#</div><div class='editor'>" + 
            Html.WebCore().LinkButton(type: ButtonType.MeerActies, htmlAttributes: new { onclick = "openPopupDemo('#: Naam #', '#: ID #', 'Naam')" }));

        columns.Bound(product => product.Waarde).Width(125).ClientTemplate("<div id='editorDiv'><div class='input'>#=Waarde#</div><div class='editor'>" +
            Html.WebCore().LinkButton(type: ButtonType.MeerActies, htmlAttributes: new { onclick = "openPopupDemo('#: Waarde #', '#: ID #', 'Waarde')" }));

        columns.Bound(product => product.Opmerking).Width(250).ClientTemplate("<div id='editorDiv'><div class='input'>#=Opmerking#</div><div class='editor'>" + 
            Html.WebCore().LinkButton(type: ButtonType.MeerActies, htmlAttributes: new { onclick = "openPopupDemo('#: Opmerking #', '#: ID #', 'Opmerking')" }));

        columns.Template(@<text></text>).ClientTemplate("<div id='deleteDiv'><div class='delete'><a class=\"delete iconBtn\" onclick=\"deleteResourceItem(#: ID #, '#: Naam #')\"></a></div></div>").Width(10).Hidden(!Model.Administrator);
    })
    .Pageable()
    .Sortable()
    .Filterable()
    .Events(events => events.Edit("onCellEdit"))
    .Groupable()
    .Navigatable()
    .Editable(editable => editable.Mode(GridEditMode.InCell).DisplayDeleteConfirmation(false))
    .DataSource(dataSource => dataSource
        .Ajax()
        .Batch(true)

        .Model(model =>
        {
            model.Id(product => product.ID);
            model.Field(product => product.Naam).Editable(Model.Administrator);
            model.Field(product => product.Opmerking).Editable(Model.Administrator);
            model.Field(product => product.Waarde).Editable(!Model.ReadOnly);
            model.Field(product => product.RESOURCE_SET_ID).DefaultValue(Model.SetID);
            model.Field(product => product.Type).DefaultValue(Domain.Agromilieu2.Common.Objects.Entities.Resources.ResourceType.GLOBAL_RESOURCES);
            model.Field(product => product.Taal).DefaultValue(Domain.Agromilieu2.Common.Agromilieu2Constants.Resources.DEFAULT_TAAL_CODE);
        })
        .Create(create => create.Action(MVC.BeheerTeksten.ActionNames.ResourceItems_CreateUpdate, MVC.BeheerTeksten.Name))
        .Read(read => read.Action(MVC.BeheerTeksten.ActionNames.ResourceItems_Read, MVC.BeheerTeksten.Name, new { setID = Model.SetID }).Data("onReadAdditionalData"))
        .Update(update => update.Action(MVC.BeheerTeksten.ActionNames.ResourceItems_CreateUpdate, MVC.BeheerTeksten.Name))
        .Destroy(destroy => destroy.Action(MVC.BeheerTeksten.ActionNames.ResourceItems_Delete, MVC.BeheerTeksten.Name))
    )
    )

@Html.WebCore().Popup.Remove("confirmResourceItemPopup", "Verwijderen resource item", "")

这是网格的图片 在此处输入图像描述

虚线按钮打开一个剑道编辑器。

我在我的项目中使用声明身份验证。我有只读和管理员权限。如果您有 ReadOnly 权限，编辑器将被禁用。

这是我的编辑器。

@Html.WebCore().Popup.CustomButtons("popupDemo", "Waarde", Html.Kendo().Editor().Name("waardeEditor").HtmlAttributes(new { @class = "editorStyle" }).Tools(tools => tools
    .Clear()
    .Bold().Italic().Underline().Strikethrough()
    .JustifyLeft().JustifyCenter().JustifyRight().JustifyFull()
    .InsertUnorderedList().InsertOrderedList()
    .Outdent().Indent()
    .CreateLink().Unlink()
    .InsertImage()
    .SubScript()
    .SuperScript()
    .TableEditing()
    .ViewHtml()
    .Formatting()
    .FontName()
    .FontSize()
    .FontColor().BackColor()        
).ToHtmlString(), new[]{new PopupButton("popupDemoAnnuleren", "Cancel", false),new PopupButton("popupDemoOk", "OK")})

这是当 ReadOnly 为真时禁用它的代码。

 $(document).ready(function () {
            if ('@Html.Raw(Json.Encode(Model.ReadOnly))' == "true") {
                $("#waardeEditor").data("kendoEditor").body.contentEditable = false;
            }
        });

因此，无论您单击哪个按钮，它都会禁用编辑器中的编辑。

现在，我确实遇到了用户拥有超过 ReadOnly 权限但也不是管理员的情况。这意味着他只能编辑和保存 Waarde 列。

我确实有一种方法可以禁用其他列中的按钮，但是我的应用程序的要求指定用户应该能够在编辑器中打开 Naam 和 Opmerking 列中的单元格内容，但不能编辑它和他们应该能够打开和编辑 Waarde 列的内容。

这就是我卡住的地方。我想不出一种方法来禁用所有列中的编辑器，除非您单击 Waarde 列中的任何按钮。

4

1 回答 1

0

我做到了。这比我想象的要简单。我使用了我用来打开编辑器的 onPopupDemo 方法。

这是代码。

 var selectedGridRowID = 0;
        var selectedGridColumnName;
        function openPopupDemo(gridCellContent, gridIdentifier, columnIdentifier) {
            var editor = $("#waardeEditor").data("kendoEditor")

            if ('@Html.Raw(Json.Encode(Model.ReadOnly))' == "false" && '@Html.Raw(Json.Encode(Model.Administrator))' == "false" && columnIdentifier != "Waarde") {
                editor.value(gridCellContent)
                editor.body.contentEditable = false;
            }
            else {
                editor.value(gridCellContent)
                editor.body.contentEditable = true;
            }

            domain.WebCore.popup.show("popupDemo");
            selectedGridRowID      = gridIdentifier;
            selectedGridColumnName = columnIdentifier;
        };
于 2014-08-22T09:05:34.493 回答