3

我正在使用 ng-admin 编写管理员管理。我遇到了以下问题，有人可以帮助我吗？

在我的创作视图中，我想根据“类型”字段的选择显示不同的字段（文本/视频/图片）。我怎么能做到？

var articles = nga.entity('articles');
articles.creationView().fields([
      nga.field('type','choice')
            .validation({ required: true })
            .choices([
                // 1: txt, 2: pic, 3: vid
                { value: 1, label: 'Text'},
                { value: 2, label: 'Picture'},
                { value: 3, label: 'Video'},
            ]),
      nga.field('txt','file')
          .attributes({ placeholder: 'Write something... !' }),
      nga.field('pic','file')
          .label('Picture(.jpg|.png)')
          .uploadInformation({ 'url': '/api/adminapi/uploadPicture', 'apifilename': 'pictures', 'accept': 'image/jpg,image/png'}),
      nga.field('vid','file')
         .label('Video(.mp4)')
         .uploadInformation({ 'url': '/api/adminapi/uploadVideo', 'apifilename': 'video', 'accept': 'video/mp4'}),

])

4

2 回答 2

5

字段配置文档页面解释了如何使用“模板”字段配置执行此操作：

template(String|Function, templateIncludesLabel=false)所有字段类型都支持 template() 方法，这使得自定义特定字段的外观和感觉变得容易，而不会牺牲原生功能。

...

要强制模板替换整行（包括标签），请将 true 作为第二个参数传递给 template() 调用。这对于根据条目的属性有条件地隐藏字段非常有用：

post.editionView() .fields([ nga.field('category', 'choice') .choices([ { label: 'Tech', value: 'tech' }, { label: 'Lifestyle', value: 'lifestyle' } ]), nga.field('subcategory', 'choice') .choices(function(entry) { return subCategories.filter(function (c) { return c.category === entry.values.category; }); }) // display subcategory only if there is a category .template('<ma-field ng-if="entry.values.category" field="::field" value="entry.values[field.name()]" entry="entry" entity="::entity" form="formController.form" datastore="::formController.dataStore"></ma-field>', true), ]);

于 2016-07-20T09:06:59.393 回答
1

我只有一个工作循环方法。那就是使用 .attributes(onclick, "return updateButton();") 作为 nga.field("type")。在 updateButton() 方法中，这将有助于检查当前的“类型”字段值并使用 DOM 方法来更改按钮的启用和禁用。

但是，我仍然非常感谢将来是否可以支持此要求。这将有助于用户轻松制作 UI 控件。

于 2016-03-13T02:01:20.923 回答