当前位置：首页 > 软件库 > 程序开发 > >

ember-models-table

授权协议 MIT License

开发语言 JavaScript

所属分类程序开发

软件类型开源软件

地区不详

投递者勾海超

操作系统跨平台

开源组织无

适用人群未知

软件概览

Ember-models-table

Install

ember install ember-models-table

Discussion

Join the official Ember Discord server.

Usage

Major version 3.x is latest version of ember-models-table.

Demo for ember-bootstrap with Bootstrap v3 - demo bs3. Theme ember-bootstrap-v3 is used here. Add file app/instance-initializers/emt-inject.js to your project and table components will use this theme automatically:

export function initialize(appInstance) {
  appInstance.inject('component:models-table', 'themeInstance', `theme:ember-bootstrap-v3`);
  appInstance.inject('component:models-table-server-paginated', 'themeInstance', `theme:ember-bootstrap-v3`);
}

export default {
  name: 'emt-inject',
  initialize
};

Demo for ember-bootstrap with Bootstrap v4 - demo bs4. Theme ember-bootstrap-v4 is used here. Add file app/instance-initializers/emt-inject.js to your project and table components will use this theme automatically:

export function initialize(appInstance) {
  appInstance.inject('component:models-table', 'themeInstance', `theme:ember-bootstrap-v4`);
  appInstance.inject('component:models-table-server-paginated', 'themeInstance', `theme:ember-bootstrap-v4`);
}

export default {
  name: 'emt-inject',
  initialize
};

Demo for ember-paper - demo paper. Theme ember-paper is used here. Add file app/instance-initializers/emt-inject.js to your project and table components will use this theme automatically:

export function initialize(appInstance) {
  appInstance.inject('component:models-table', 'themeInstance', `theme:ember-paper`);
  appInstance.inject('component:models-table-server-paginated', 'themeInstance', `theme:ember-paper`);
}

export default {
  name: 'emt-inject',
  initialize
};

IMPORTANT Custom styles for ember-paper theme are not included to the ember-models-table by default. You can copy it from dummy app or create your own styles.

Demo for plain-html - demo plain html. Theme plain-html is used here. Add file app/instance-initializers/emt-inject.js to your project and table components will use this theme automatically:

export function initialize(appInstance) {
  appInstance.inject('component:models-table', 'themeInstance', `theme:plain-html`);
  appInstance.inject('component:models-table-server-paginated', 'themeInstance', `theme:plain-html`);
}

export default {
  name: 'emt-inject',
  initialize
};

IMPORTANT Custom styles for plain-html theme are not included to the ember-models-table by default. You can copy it from dummy app or create your own styles.

Custom themes

To use your custom theme based on DefaultTheme or its children you must do next steps:

// app/initializes/emt-my-super-theme.js
import MySuperTheme from 'your/custom/path';

export function initialize(application) {
  application.register('emt-theme:my-super-theme', MySuperTheme, {singleton: false});
}

export default {
  name: 'emt-my-custom-theme',
  after: 'emt-themes',
  initialize
};

Inject your theme to the component in the application instance initializer:

// app/instance-initializers/emt-my-super-theme.js
export function initialize(appInstance) {
  appInstance.inject('component:models-table', 'themeInstance', 'theme:my-super-theme');
  appInstance.inject('component:models-table-server-paginated', 'themeInstance', 'theme:my-super-theme');
}

export default {
  name: 'emt-my-super-theme-inject',
  after: 'emt-inject',
  initialize
};

DefaultTheme uses owner.lookup internally. That is why themes based on it must be registered and injected and not just passed as arguments to the models-table component.

Old versions

使用案例

DataTable 开发 Excel export with background

dataTable 导出Excel功能，要求在Excel文件里一行一行有背景颜色，整理了以下三种情况： 1，隔行变色 $(document).ready(function() { $('#example').DataTable({ dom: 'Bfrtip', buttons: [{ extend: 'excelHtml5', customize: f
element table format

table 经常要format 性别，地名等列现在有个需求按下拉框，按数组来format titleOptions 下拉框的数据有两种遍历数组的方式 find forEach titleFormat (row, column) { var title = row.title // 取出 table 的title // titleOptions 下拉框的
利用AbstractTableModel创建自己的table

包括2个java文件: TableTEST.java 和 MyTableModel.java. // 1. TableTEST.java /// import java.awt.*; import java.awt.event.*; import javax.swing.*; import javax.swing.table.*; import java.util.*; public cl
TableModel

TableModel TableModel类本身是一个interface,在这个interface里面定义了若干的方法:包括了存取表格字段(cell)的内容、计算表格的列数等等的基本存取操作，让设计者可以简单地利用TableModel来实作他所想要的表格。TableModel界面是放在javax.swing.table package中，这个package定义了许多JTable会用到的各种Mo
element form 变 table

<template> <el-dialog :append-to-body="true" :visible.sync="dialog" :title="isAdd ? '新增' : '编辑'" width="500px"> <el-form ref="form" :model="form" :rules="rules" size="small" label-width="80px">
利用AbstractTableModel创建自己的table | 学步园

包括2个java文件: TableTEST.java 和 MyTableModel.java. // 1. TableTEST.java /// import java.awt.*; import java.awt.event.*; import javax.swing.*; import javax.swing.table.*; import java.util.*; public clas
E_table

<!-- Auther:yangwen csdn：y430124（方丈） QQ:794436243 E-mail:yangwenfj@126.com Current Time：2011-1-6 为了方便你我联系，希望您能保留上边我的个人信息，谢谢。 Help: 最近苦恼于找工作的事，简历投出去后多半是石沉大海，这是一份我随简历发送的一份习作，该作品是以前在北京一家软件公司实

ember-models-table

Ember-models-table

Install

Discussion

Usage

Custom themes

Old versions

同类工具

相关阅读

相关文章

相关问答

相关文档