如何在基于数据库数据的ng-repeat循环内只读Kendo-UI Editor

时间:2016-09-27 15:08:31

标签: javascript angularjs kendo-ui

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

我正在使用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>

请帮助我。

1 个答案:

答案 0 :(得分:0)

只有在编辑了“编辑器”窗口小部件时,才能以编程方式触发只读模式。

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

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

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

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

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