當前位置:首頁 » 操作系統 » ext從資料庫載入資料庫

ext從資料庫載入資料庫

發布時間: 2024-12-06 16:01:59

Ⅰ 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做前台該做的事

熱點內容
理財金額怎麼配置 發布:2024-12-23 12:44:18 瀏覽:69
aspnet文件訪問 發布:2024-12-23 12:39:02 瀏覽:154
搭建郵件伺服器的方法 發布:2024-12-23 12:27:27 瀏覽:430
資料庫說明文檔 發布:2024-12-23 12:22:12 瀏覽:620
安卓手機玩mc卡怎麼辦 發布:2024-12-23 12:15:46 瀏覽:5
mt編譯時出現錯誤信息 發布:2024-12-23 12:15:45 瀏覽:107
雙存儲冗餘 發布:2024-12-23 12:09:16 瀏覽:664
解壓縮太慢 發布:2024-12-23 12:08:36 瀏覽:535
linux恢復誤刪文件 發布:2024-12-23 11:59:36 瀏覽:493
平板電腦賬號登錄伺服器錯誤 發布:2024-12-23 11:41:07 瀏覽:99