extjs表格打印的简单介绍

发布时间：2023-12-08

extjs表格打印的简单介绍

更新： <time datetime="2022-11-13 12:23">2022-11-13 12:23</time>

本文目录一览：

  1. extjs 可编辑表格
  2. extjs6.0数据表格（带复选框）
  3. extjs是什么？？用来做什么的？麻烦不要复制，通俗点，3Q
  4. extjs 添加类似excel的表格 （添加一个空的表格）表格行数通过点击+号自动添加
  5. 求教ExtJS打印功能
  6. 您好 ，您这个extjs边框表格是怎么实现的呢

extjs 可编辑表格

不是这个用法啊,应该是：

var grid = new Ext.grid.GridEditor({
    columns: [{
        header: "备注",
        sortable: true,
        dataIndex: 'remark',
        width: 140,
        editor: new Ext.form.TextField({ allowBalank: false })
    }]
});

extjs6.0数据表格（带复选框）

extjs的数据表格，可以通过设置 selModel: { type: 'checkboxmodel' } 来控制复选框的显示；也可以通过设置 selType: 'checkboxmodel' 来控制； 需要注意的是回显：

extjs是什么？？用来做什么的？麻烦不要复制，通俗点，3Q

extjs 是 Sencha 的一套富客户端的框架，版本差别比较大，2、3 和 4 版本差别大。 4 版是采用了 MVC 的开发思想。extjs 可以简单地实现表格以及 form 表单组件，它还有一些扩展，有布局管理器、事件管理器，它同时具有 DOM 操作功能，对拖拽等都进行了封装。比如我们要做一个表格，用 HTML 要写 table、tr、td，还要写样式，extjs 如果想做一个表格很简单，直接 new 一个表格对象 GridPanel 就可以，然后在创建这个表格的时候，可以传递这个表格需要的数据就可以，数据与表格的列会有对应的关系。你可以查看 extjs 提供的例子就知道。当然在他提供的这些组件里面，肯定不可能满足我们的所有需求的，可以对 extjs 进行组件扩展。他的扩展也很简单。我上家公司就采用了 extjs 来做后台管理，我们是基于 extjs 扩展了自己的一套框架，我一直负责维护这个框架，维护了一年多，扩展了很多组件，所以对这个 extjs 比较熟悉。

extjs 添加类似excel的表格 （添加一个空的表格）表格行数通过点击+号自动添加

这个对 extjs 来说 so 简单，你增加的只是数据，点击新增按钮的时候向 store 中添加数据就行了。

求教ExtJS打印功能

这个只能给你一些思路，ExtJs 可以“输出”Excel，再打印。或者提交给 Struts，由后者返回 PDF。再或者嵌入第三方 ActiveX 控件（打印控件）。

您好 ，您这个extjs边框表格是怎么实现的呢

关于 CSS 样式的问题，楼主用 FF 或者 Chrome，F12 打开代码调试窗，看他的 CSS 文件怎么写的。 给楼主写个简单的步骤吧：

注：我的 CSS 样式完全没有系统化的学习过，纯是我之前提到的方法一边看一边试学出来，有不规范的地方还请指出，以下过程以 DW 中为例。

1、创建表格

正常的创建完是这样的，方方正正，不是我们要的样子。 然后通过 td 标签的 rowspan 和 colspan 属性调整单元格的行高行宽，然后把多余的、被挤出去的单元格删掉就好。然后给 table 标签加上一个 cellspacing="0" 属性，表格的样式就 OK 了。 补充一个技巧： 打开 Word，插入一个表格，什么宽度高度啊，合并单元格啊都搞定了以后，复制表格，然后把光标放到上图右边也就是设计栏中，粘贴，效果完全一样。

2、字体位置

在你的 HTML 中加一段 style 样式代码。 设计名为 text 的类，设置行高和 td 本身高度一样，这个就得去手动设置数值了，动态的需要 JS 帮助。然后文字居中。什么字体、颜色啥啥的楼主自便。 写个例子：

.text {
    height: 20px;
    line-height: 20px;
    text-align: center;
}

然后给每个需要写“订单号”“箱类”啊这样的 td 加上这个类。

3、背景色

接着修改刚才那个类，观察发现表格本身是一个固定色，但是又有项目标题的地方有渐变。 先给 table 本身加一个背景色属性 RGB：239，245，255。 然后渐变怎么弄呢？做一个 1*20 的渐变图片（例如 1.png），然后把这个图片的背景属性设为这个图片，然后加上一个拉伸透镜：

background-image: url('1.png');
background-size: cover;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale', src='1.png');

大致的样式就出来了。

推荐文章