當前位置:首頁 » 操作系統 » 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做前台該做的事

熱點內容
tomcat配置ip地址訪問 發布:2025-03-10 14:54:54 瀏覽:689
注冊淘寶密碼多少 發布:2025-03-10 14:49:03 瀏覽:558
文件上傳設備 發布:2025-03-10 14:47:47 瀏覽:498
江西l2tp伺服器託管雲伺服器 發布:2025-03-10 14:47:38 瀏覽:885
微信如何給錢包設置手勢密碼 發布:2025-03-10 14:46:55 瀏覽:229
江蘇伺服器如何 發布:2025-03-10 14:46:17 瀏覽:179
可編程交直流電源 發布:2025-03-10 14:40:19 瀏覽:569
c語言編程軟體安裝教程 發布:2025-03-10 14:20:01 瀏覽:85
java判斷變數類型 發布:2025-03-10 14:19:50 瀏覽:578
讀寫存儲器解釋 發布:2025-03-10 14:04:22 瀏覽:93