• 设为首页
  • 点击收藏
  • 手机版
    手机扫一扫访问
    迪恩网络手机版
  • 关注官方公众号
    微信扫一扫关注
    公众号

TypeScript novo-elements.FormUtils类代码示例

原作者: [db:作者] 来自: [db:来源] 收藏 邀请

本文整理汇总了TypeScript中novo-elements.FormUtils的典型用法代码示例。如果您正苦于以下问题:TypeScript FormUtils类的具体用法?TypeScript FormUtils怎么用?TypeScript FormUtils使用的例子?那么恭喜您, 这里精选的类代码示例或许可以为您提供帮助。



在下文中一共展示了FormUtils类的8个代码示例,这些例子默认根据受欢迎程度排序。您可以为喜欢或者感觉有用的代码点赞,您的评价将有助于我们的系统推荐出更棒的TypeScript代码示例。

示例1: constructor

 constructor(private formUtils: FormUtils) {
   // Dynamic
   this.dynamic = formUtils.toFieldSets(
     MockMeta,
     '$ USD',
     {},
     { token: 'TOKEN', military: true },
     {
       customfield: {
         template: 'custom-demo-component',
       },
     },
   );
   formUtils.setInitialValuesFieldsets(this.dynamic, { firstName: 'Initial F Name', number: 12 });
   this.dynamicForm = formUtils.toFormGroupFromFieldset(this.dynamic);
 }
开发者ID:bullhorn,项目名称:novo-elements,代码行数:16,代码来源:dynamic-form-example.ts


示例2: constructor

 constructor(private formUtils: FormUtils) {
   // Check box controls
   this.checkControl = new CheckboxControl({ key: 'check', tooltip: 'Checkbox', label: 'Checkbox', checkboxLabel: 'Checkbox' });
   this.checkListControl = new CheckListControl({
     key: 'checklist',
     label: 'Check List',
     options: ['One', 'Two', 'Three'],
     tooltip: 'CheckList',
     tooltipPosition: 'Top',
   });
   this.tilesControl = new TilesControl({
     key: 'tiles',
     label: 'Tiles',
     options: [{ value: 'one', label: 'One' }, { value: 'two', label: 'Two' }, { value: 'disabled', label: 'Disabled', disabled: true }],
     tooltip: 'Tiles',
   });
   this.disabledTilesControl = new TilesControl({
     key: 'disabledTiles',
     label: 'Disabled Tiles',
     readOnly: true,
     options: [{ value: 'one', label: 'One' }, { value: 'two', label: 'Two' }],
     tooltip: 'Tiles',
   });
   this.checkForm = formUtils.toFormGroup([this.checkControl, this.checkListControl, this.tilesControl, this.disabledTilesControl]);
 }
开发者ID:bullhorn,项目名称:novo-elements,代码行数:25,代码来源:check-box-controls-example.ts


示例3: constructor

 constructor(private formUtils: FormUtils) {
   // File input controls
   this.fileControl = new FileControl({ key: 'file', name: 'myfile', label: 'File', tooltip: 'Files Control' });
   this.multiFileControl = new FileControl({
     key: 'files',
     name: 'myfiles',
     label: 'Multiple Files',
     tooltip: 'Multiple Files',
     multiple: true,
     layoutOptions: { order: 'displayFilesBelow', download: true, edit: true, customActions: true, labelStyle: 'no-box' },
     value: [{ name: 'yourFile.pdf', loaded: true, link: 'www.google.com', description: 'file description' }],
   });
   this.fileForm = formUtils.toFormGroup([this.fileControl, this.multiFileControl]);
 }
开发者ID:bullhorn,项目名称:novo-elements,代码行数:14,代码来源:file-input-controls-example.ts


示例4: constructor

 constructor(private formUtils: FormUtils) {
   // Calendar input controls
   this.dateControl = new DateControl({
     key: 'date',
     label: 'Date',
     tooltip: 'Date',
     startDate: new Date().setMonth(new Date().getMonth() - 1),
   });
   this.userDefinedDateControl = new DateControl({
     key: 'userDefinedFormat',
     label: 'User Defined Format',
     tooltip: 'Date',
     dateFormat: 'MMM Do YYYY (dd)',
     textMaskEnabled: false,
   });
   this.timeControl = new TimeControl({ key: 'time', label: 'Time', tooltip: 'Time' });
   this.dateTimeControl = new DateTimeControl({ key: 'dateTime', tooltip: 'Date Time', label: 'Date Time', military: true });
   this.calendarForm = formUtils.toFormGroup([this.dateControl, this.userDefinedDateControl, this.timeControl, this.dateTimeControl]);
 }
开发者ID:bullhorn,项目名称:novo-elements,代码行数:19,代码来源:calendar-input-controls-example.ts


示例5: constructor

 constructor(private formUtils: FormUtils) {
   // Dynamic
   this.dynamicVertical = formUtils.toControls(MockMeta, '$ USD', {}, { token: 'TOKEN', military: true });
   formUtils.setInitialValues(this.dynamicVertical, { number: 0, firstName: 'Bobby Flay' });
   this.dynamicVerticalForm = formUtils.toFormGroup(this.dynamicVertical);
 }
开发者ID:bullhorn,项目名称:novo-elements,代码行数:6,代码来源:vertical-dynamic-form-example.ts


示例6: constructor

 constructor(private formUtils: FormUtils) {
   // Quick note config;
   this.quickNoteConfig = {
     triggers: {
       tags: '@',
       references: '#',
       boos: '^',
     },
     options: {
       tags: ['First', 'Second'],
       references: ['Third', 'Fourth'],
       boos: ['Test'],
     },
     renderer: {
       tags: (symbol, item) => {
         return `<a class="tag">${symbol}${item.label}</a>`;
       },
       references: (symbol, item) => {
         return `<a class="tag">${symbol}${item.label}</a>`;
       },
       boos: (symbol, item) => {
         return `<strong>${symbol}${item.label}</strong>`;
       },
     },
   };
   // Text-based Controls
   this.textControl = new TextBoxControl({
     key: 'text',
     label: 'Text Box',
     tooltip: 'Textbox',
     readOnly: true,
     value: 'HI',
     required: true,
   });
   this.textAreaControl = new TextAreaControl({
     key: 'textarea',
     label: 'Text Area',
     tooltip: 'Text Area',
     value:
       'Bro ipsum dolor sit amet yard sale saddle pipe, poaching cork 360 punter ACL back country cornice Whistler.  Avie Ski taco mitt, manny first tracks yard sale caballerial heli fatty.  Epic dope grab, brain bucket japan air wack bowl  mute heli corn Snowboard Whistler giblets table top.  Crunchy Snowboard washboard line grab reverse camber.  Bump epic granny gear heli sketching wheelie huckfest face plant crank pow pow chain ring  dirtbag washboard.  Flow endo ski bum sucker hole, death cookies manny schwag pipe.  Dope heli stomp yard sale, saddle shreddin booter gear jammer grom bonk OTB brain bucket bonk japan air Whistler.Clipless pow pow pow, core shot corn butter bomb hole glades face plant dust on crust.  Poaching park face shots bump, Bike cornice death cookies.  Avie cruiser sucker hole face plant switch.  ACL snake bite bonk, twin tip euro rig nose press McTwist.  Ripping skinny trucks shreddin.  Apres pow line euro sharkbite gapers lid.Snake bite derailleur wheels bomb hole.  Huck apres steeps BB first tracks bowl  daffy park euro park rat euro.  North shore death cookies snake bite carve, freshies dirtbag huck reverse camber hellflip frozen chicken heads apres taco glove gnar face shots bro.  Ride flow twister cornice afterbang saddle first tracks rig berm bro face shots.  Ride stoked wack park twin tip trucks chillax shuttle Whistler gondy laps.  Grind berm schwag, table top face shots steed liftie afterbang taco glove frozen chicken heads free ride clean huck.  Rock-ectomy white room nose press avie.Frozen chicken heads gondy bail travel huckfest big ring phat clean.  Taco couloir piste derailleur wack scream backside steeps groomer glades pipe gondy switch skid lid.  Brain bucket betty bowl, moguls gondy Whistler air hardtail.  Flow euro granny gear, McTwist cruiser bonk grom chain suck.  Trucks line huck, stomp ripper washboard euro corduroy death cookies yard sale dope face plant shreddin chain suck.ACL T-bar hellflip, first tracks gondy hardtail rip wack dust on crust schwag frontside couloir laps presta backside.  Road rash Ski ski bum gnar wack flow carve lid.  Nose white room ollie rail table top grom back country washboard dust on crust chillax gear jammer bro stomp stoked.  Lid wheels nose press frontside, park ACL dirtbag huck epic bowl  taco glove OTB.  Fatty mute whip stunt, Whistler McTwist stoked Bike.  Endo brain bucket crank dust on crust back country line ollie gapers afterbang bump stoked taco road rash granny gear.  Deck dirtbag 360 gnar snake bite couloir Bike corduroy frontside crank lid bro.Air tele schwag ollie, hardtail betty crunchy epic  face shots.  Travel flowy misty huck Bike 180 schwag drop hellflip ripping bunny slope carbon roadie tele bail.  Cornice sharkbite 360 frozen chicken heads dope hellflip clipless.  Switch sketching grind brain bucket stunt taco daffy OTB ride liftie brain bucket air huckfest park 360.',
   });
   this.emailControl = new TextBoxControl({ type: 'email', key: 'email', label: 'Email', tooltip: 'Email' });
   this.numberControl = new TextBoxControl({ type: 'number', key: 'number', tooltip: 'Number', label: 'Number' });
   this.currencyControl = new TextBoxControl({
     type: 'currency',
     key: 'currency',
     tooltip: 'Currency',
     label: 'Currency',
     currencyFormat: '$ USD',
   });
   this.floatControl = new TextBoxControl({ type: 'float', key: 'float', tooltip: 'Float', label: 'Float' });
   this.percentageControl = new TextBoxControl({
     type: 'percentage',
     key: 'percentage',
     tooltip: 'Percent',
     label: 'Percent',
     required: true,
   });
   this.quickNoteControl = new QuickNoteControl({
     key: 'note',
     label: 'Note',
     config: this.quickNoteConfig,
     required: true,
     tooltip: 'Quicknote',
   });
   this.aceEditorControl = new AceEditorControl({ key: 'ace', label: 'CODE', tooltip: 'CODE', value: 'var i = 0;' });
   this.textForm = formUtils.toFormGroup([
     this.textControl,
     this.emailControl,
     this.textAreaControl,
     this.numberControl,
     this.currencyControl,
     this.floatControl,
     this.percentageControl,
     this.quickNoteControl,
     this.aceEditorControl,
   ]);
 }
开发者ID:bullhorn,项目名称:novo-elements,代码行数:78,代码来源:text-based-controls-example.ts


示例7: constructor

  constructor(private formUtils: FormUtils) {
    let fruits = ['Apples', 'Oranges', 'Bananas', 'Grapes'];
    let cities = [
      {
        id: 1,
        name: 'Boston',
      },
      {
        id: 2,
        name: 'New York',
      },
      {
        id: 3,
        name: 'Washington D.C.',
      },
      {
        id: 4,
        name: 'Orlando',
      },
      {
        id: 5,
        name: 'Houston',
      },
      {
        id: 6,
        name: 'Chicago',
      },
    ];
    let states = [
      {
        value: 'ME',
        label: 'Maine',
      },
      {
        value: 'MD',
        label: 'Maryland',
      },
      {
        value: 'MA',
        label: 'Massachusetts',
      },
      {
        value: 'MI',
        label: 'Michigan',
      },
      {
        value: 'MN',
        label: 'Minnesota',
      },
      {
        value: 'MS',
        label: 'Mississippi',
      },
      {
        value: 'MO',
        label: 'Missouri',
      },
      {
        value: 'MT',
        label: 'Montana',
      },
    ];

    // Picker controls
    this.singlePickerControl = new PickerControl({
      key: 'singlePicker',
      tooltip: 'Single',
      label: 'Single',
      config: { options: ['One', 'Two', 'Three'] },
    });
    this.multiPickerControl = new PickerControl({
      key: 'multiPicker',
      tooltip: 'Multiple',
      label: 'Multiple',
      multiple: true,
      config: { options: ['One', 'Two', 'Three'], type: 'candidate' },
    });
    this.multiPickerControlWithMaxlength = new PickerControl({
      key: 'multiPickerWithMaxlength',
      tooltip: 'Multiple With Maxlength',
      label: 'Multiple With Maxlength',
      multiple: true,
      maxlength: 2,
      config: {
        options: fruits,
        type: 'candidate',
      },
    });
    this.multiPickerControlWithMaxlengthAndPreselects = new PickerControl({
      key: 'multiPickerControlWithMaxlengthAndPreselects',
      tooltip: 'Multiple With Maxlength and Preselects',
      label: 'Multiple With Maxlength & Preselects',
      multiple: true,
      maxlength: 2,
      config: {
        options: fruits,
        type: 'candidate',
      },
    });
    this.entityMultiPickerControl = new PickerControl({
//.........这里部分代码省略.........
开发者ID:bullhorn,项目名称:novo-elements,代码行数:101,代码来源:picker-controls-example.ts


示例8: ngOnInit

  ngOnInit() {
    this.textControl = new TextBoxControl({ key: 'text', label: 'Text Box' });
    this.emailControl = new TextBoxControl({ type: 'email', key: 'email', label: 'Email' });
    this.numberControl = new TextBoxControl({ type: 'number', key: 'number', label: 'Number' });
    this.pickerControl = new PickerControl({
      key: 'picker',
      multiple: true,
      label: 'Picker',
      required: true,
      config: {
        resultsTemplate: PickerResults,
        options: ['Apple', 'Banana', 'Grapes', 'Orange', 'Pear'],
      },
    });

    this.textForm = this.formUtils.toFormGroup([this.textControl, this.emailControl, this.numberControl, this.pickerControl]);
  }
开发者ID:bullhorn,项目名称:novo-elements,代码行数:17,代码来源:modal-edit-form-example.ts



注:本文中的novo-elements.FormUtils类示例由纯净天空整理自Github/MSDocs等源码及文档管理平台,相关代码片段筛选自各路编程大神贡献的开源项目,源码版权归原作者所有,传播和使用请参考对应项目的License;未经允许,请勿转载。


鲜花

握手

雷人

路过

鸡蛋
该文章已有0人参与评论

请发表评论

全部评论

专题导读
上一篇:
TypeScript novo-elements.NovoModalRef类代码示例发布时间:2022-05-25
下一篇:
TypeScript nova-base.validate类代码示例发布时间:2022-05-25
热门推荐
热门话题
阅读排行榜

扫描微信二维码

查看手机版网站

随时了解更新最新资讯

139-2527-9053

在线客服(服务时间 9:00~18:00)

在线QQ客服
地址:深圳市南山区西丽大学城创智工业园
电邮:jeky_zhao#qq.com
移动电话:139-2527-9053

Powered by 互联科技 X3.4© 2001-2213 极客世界.|Sitemap