當前位置: 首頁>>代碼示例>>TypeScript>>正文


TypeScript ui.button方法代碼示例

本文整理匯總了TypeScript中noml.ui.button方法的典型用法代碼示例。如果您正苦於以下問題:TypeScript ui.button方法的具體用法?TypeScript ui.button怎麽用?TypeScript ui.button使用的例子?那麽, 這裏精選的方法代碼示例或許可以為您提供幫助。您也可以進一步了解該方法所在noml.ui的用法示例。


在下文中一共展示了ui.button方法的2個代碼示例,這些例子默認根據受歡迎程度排序。您可以為喜歡或者感覺有用的代碼點讚,您的評價將有助於係統推薦出更棒的TypeScript代碼示例。

示例1: getBody

 getBody() {
   const input = ui.input('input').autocomplete(false).ref();
   return ui.form(input, ui.button('submit')).onSubmit(() => {
     const message = input.getValue();
     input.setValue('');
     input.focus();
     if (message === '') {
       return;
     }
     return this.logic.addEntry({message});
   });
 }
開發者ID:adamduffy,項目名稱:noml-examples,代碼行數:12,代碼來源:addEntry.ts

示例2: getBody

 getBody() {
   const {logic} = this;
   return ui.flexDown(
     new AddEntry(logic),
     ui.flexRight(
       new ui.Tristate(logic.getEntries,
         () => 'loading',
         entries => new EntryList(logic).data(entries),
         e => 'failed to load entries'
       ).refreshOn(logic.entriesChanged),
       ui.flexDown(
         ui.flexPad(),
         ui.button('delete', () => logic.deleteEntry())
       )
     )
   );
 }
開發者ID:adamduffy,項目名稱:noml-examples,代碼行數:17,代碼來源:todo.ts


注:本文中的noml.ui.button方法示例由純淨天空整理自Github/MSDocs等開源代碼及文檔管理平台,相關代碼片段篩選自各路編程大神貢獻的開源項目,源碼版權歸原作者所有,傳播和使用請參考對應項目的License;未經允許,請勿轉載。