關於ext項目實例jssevlet的信息

本文目錄一覽：

• 1、ext怎麼從數據庫中取得圖片路徑，然後在js上顯示出圖片呢？
• 2、ext.jsitems樣式調整
• 3、如何用Ext中的panel動態的加載js文件，我用的了autoLoad，並將其屬性scripts設成了true，但還是不行
• 4、急求答案：EXT JS 的中文亂碼問題，servlet 一獲取前台傳來的中文值，就顯示一串亂碼(???è??)
• 5、項目中使用了Ext3.0後引入js文件後超級卡，有時還無響應，去掉了javascript校驗還是卡，有什麼辦法解決？
• 6、ext 怎麼用JS控制一個按鈕，按鈕的click事件之後，不可用，2秒鐘以後在啟用，

ext怎麼從數據庫中取得圖片路徑，然後在js上顯示出圖片呢？

首先從數據庫獲取信息到前端，接收數據要用store，你把圖片的路徑寫入數據庫中，然後通過store去load數據到前端。

然後要看你要怎麼展示圖片，在哪顯示了！

例如使用Ext.XTemplate，自己去寫圖片顯示的位置，樣式等。可以去參考ext3.0文檔中Ext.DataView的例子

var store = new Ext.data.JsonStore( {

fields : [ “id”, “name”, “path” ],

url: ‘….’,

……

});

store.load();

var tpl = new Ext.XTemplate(‘div class=”aaa”img src=”{path}” title=”{name}” //div’,);

var dataview = new Ext.DataView( {

store: store,

tpl: tpl,

……..

});

var panel = new Ext.Panel({

…….

items:dataview

)}

還可以使用textfield，這就要自己完成整個panel或window的布局了

例如：

…..

{

columnWidth : .5,

layout : ‘form’,

labelWidth : 60,

items : [{

xtype : ‘textfield’,

fieldLabel : ‘個人照片’,

width : 150,

Height : 180,

inputType : ‘image’,

listeners : { // 該項被載入時加載照片

‘render’ : function(_filed) {

_filed.getEl().dom.src = “a.jpg”;//這裡圖片的路徑可以預先從store中讀取，賦給變量然後給它

}

}

}]

}

如果是在grid里顯示圖片，那麼grid中的ColumnModel里可以有一個字段是圖片路徑，然後通過store傳入該路徑並顯示

例如：

var sm = new Ext.grid.CheckboxSelectionModel();

var cm = new Ext.grid.ColumnModel([new Ext.grid.RowNumberer(), sm,

{

header : “圖片”,

width : 40,

dataIndex : “path”,

align : “center”,

renderer : function(v) {

return “img src='” + v +”‘”

}

},

……

還有很多跟圖片有關的地方，我暫時也想不起來，看具體情況具體解決了，總之後台對應的是數據庫，前台對應的是store，前後交互就是把後台的數據放store里，然後前台根據store做前台該做的事

ext.jsitems樣式調整

調整方法如下：

1.打開瀏覽器的，使用瀏覽器的開發者工具，使用選擇工具，選中該元素。

2.因為是選中後才會有的，所以如果在調試器定位到對應的元素，新增類跟偽元素都會消失。

3.點擊開發者工具窗體右上角的…，選擇“Searchallfiles”。

4.在查詢文本框中輸入x-grid-item-focus

5.單擊查找到的文件，定位到scss（此處為含有偽類的）文件

如何用Ext中的panel動態的加載js文件，我用的了autoLoad，並將其屬性scripts設成了true，但還是不行

很正常，不要用autoload，用autoload你設成什麼也沒用。要用iframe

html : ‘iframe scrolling=”auto” frameborder=”0″ width=”100%” height=”100%” src=’+ url + ‘/iframe’

急求答案：EXT JS 的中文亂碼問題，servlet 一獲取前台傳來的中文值，就顯示一串亂碼(???è??)

一個是用 post方式提交數據

一個是看看你的服務器的編碼方式

項目中使用了Ext3.0後引入js文件後超級卡，有時還無響應，去掉了javascript校驗還是卡，有什麼辦法解決？

原因：庫衝突

解決方法：把除了ext之外所有的js引用全去掉，然後一個一個往裡面加載，看看是哪個文件跟ext庫有衝突，一般是你在JavaScript的內置類的prototype中擴展了某些函數導致的，特別是json解析的庫，大部分都會互相衝突

ext 怎麼用JS控制一個按鈕，按鈕的click事件之後，不可用，2秒鐘以後在啟用，

我更明白。

js

——————————-

function btnSendMsgClick() {

Ext.getCmp(‘btnSendMsg’).setDisabled(true);

setTimeout(“ChangeBtn(‘btnSendMsg’,false)”, 2000);

}

function ChangeBtn(btnName, b) {

Ext.getCmp(btnName).setDisabled(b);

}

—————————————-

aspx

ext:Button ID=”btnSendMsg” runat=”server” StandOut=”true” Text=”發送短信” Icon=”ApplicationGo”

DirectEvents

Click OnEvent=”SendMsg_Click” /

/DirectEvents

ListenersClick Handler=”btnSendMsgClick()” //Listeners

/ext:Button