extjs表格列印的簡單介紹

本文目錄一覽：

• 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擴展了自己的一套框架，我一直負責維護這個框架，維護了1年多了，擴展了很多組件，所以對這個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’)

大致的樣式就出來了