如何使Kendo-UI编辑器在基于数据库数据的ng-repeat循环中成为只读

Question

我必须根据数据库列表形成重复的剑道编辑器，这可以是可编辑的或只读的。我能够实现重复的编辑器，但无法使其基于某些数据库字段只读。此只读操作必须在页面加载事件中完成。

我正在使用angularjs来做这件事。

 <fieldset data-ng-repeat="source in sourceData">
                 <textarea kendo-editor="editorwidget" ng-model="source.Text" id="{{source.id}}" k-tools='[
                        "bold", "italic", "underline", "createTable",      "addColumnLeft", "addColumnRight",
                        "addRowAbove",
                        "addRowBelow", "deleteRow", "deleteColumn", "justifyLeft",
                        "justifyCenter",
                        "justifyRight",
                        "justifyFull",
                        "insertUnorderedList",
                        "insertOrderedList",
                        "indent",
                        "outdent"
                    ]'></textarea></fieldset>

请帮我解决这个问题。

Answer 1

只读模式只能通过编程方式触发，前提是已经创建了Editor小部件。

http://docs.telerik.com/kendo-ui/controls/editors/editor/overview#configuration-Apply

从这个角度来看，您可以使用kendoWidgetCreated事件或kendoRendered。

http://docs.telerik.com/kendo-ui/AngularJS/global-events

在第一种情况(kendoWidgetCreated)中，您将处理单个编辑器实例，而在第二种情况(kendoRendered)中，通过获取所有textarea元素和相应的Editor小部件对象来迭代所有这些实例。

http://docs.telerik.com/kendo-ui/AngularJS/introduction#widget-references

http://docs.telerik.com/kendo-ui/intro/widget-basics/events-and-methods#get-widget-reference