關於extjs效果的信息

本文目錄一覽：

• 1、extjs 做出這樣的效果如何做
• 2、請問extjs如何實現這種報表效果？
• 3、使用Extjs怎麼做出如下效果
• 4、ExtJS 有沒有很炫效果？
• 5、Extjs的優點

extjs 做出這樣的效果如何做

Ext.onReady(function() {

    var trigger = Ext.create(‘Ext.form.field.Trigger’, {

        labelAlign : ‘right’,

        fieldLabel : ‘測試’,

        margin : ’10 0 0 0′,

        triggerCls : ‘x-form-clear-trigger’,

        onTriggerClick : function(e) {

            trigger.setValue(”);

        },

        renderTo : Ext.getBody()

    });

});

Ext.form.field.Trigger                  //定義一個 Trigger,

triggerCls : ‘x-form-clear-trigger’ //配置 文本框右側的按鈕樣式，

onTriggerClick                            //再就是添加事件。

另外 triggerCls：文本框右側的按鈕樣式，主要有4種：

x-form-clear-trigger     // the X icon

x-form-search-trigger    // the magnifying glass icon

x-form-trigger           // the down arrow (default for combobox) icon

x-form-date-trigger      // the calendar icon (just in case)

請問extjs如何實現這種報表效果？

直接store返回json設值到grid的dataIndex就可以顯示明細

匯總的話你在store裡面前台或者後台把數據加起來返回給grid就可以了嘛

跨頁的話你最好在後台返回數據的時候處理了。你是可以得到當前頁的嘛，肯定可以知道前頁的數據塞。總計起來返回給store

機構多選沒明白你說的是什麼意思。你是想過濾查詢么？

建議去看一下extjs api grid就明白了。

使用Extjs怎麼做出如下效果

最新版本是Extjs5.0.1，我們可以在官方網站進行下載。（這裡不得不提一句，Extjs5到目前為止還沒有免費的授權，所以下載到的版本是試用版。）

下載到的壓縮包解壓以後，你會看到一大堆的文件夾和文件，我們該如何使用Extjs5呢？

之前看到過別人說的通過Sencha CMD創建Extjs5項目，但個人覺得那種方式並不適合我們目前的開發模式。我說做ASP.NET的，需要在ASP.NET MVC或WebForm中使用Extjs，所以絕對不上簡單的通過Sencha CMD 生成Extjs5項目那麼簡單。

ExtJS 有沒有很炫效果？

想要炫的效果，使用FLEX，基於actionScript

EXTJS只是方便開發，樣式統一，效果不是很炫

Extjs的優點

功能豐富，無人能出其右

無論是界面之美，還是功能之強，ext的表格控制項都高居榜首。

單選行，多選行，高亮顯示選中的行，推拽改變列寬度，按列排序，這些基本功能咱們就不提了。

自動生成行號，支持checkbox全選，動態選擇顯示哪些列，支持本地以及遠程分頁，可以對單元格按照自己的想法進行渲染，這些也算可以想到的功能。

再加上可編輯grid，添加新行，刪除一或多行，提示臟數據，推拽改變grid大小，grid之間推拽一或多行，甚至可以在tree和grid之間進行拖拽，啊，這些功能實在太神奇了。更令人驚嘆的是，這些功能竟然都在ext表格控制項里實現了。

呵呵~不過ext也不是萬能的，與fins的ecside比較，ext不能鎖定列（土豆說1.x里支持鎖定列，但是2.0里沒有了，因為影響效率。），也沒有默認的統計功能，也不支持excel，pdf等導出數據。另外fins說，通過測試ecside的效率明顯優於ext呢。:)