本文目錄一覽：
- 1、extjs實現顯示圖片，請給出詳細步驟，最好是代碼。謝謝
- 2、ExtJS 解析json數據 動態創建grid表格
- 3、extjs是什麼？？用來做什麼的？麻煩不要複製，通俗點，3Q
- 4、剛學Extjs 請教怎麼用Extjs與Java後台交互，，比如簡單的登錄
- 5、extjs3.3 動態生成流程圖怎麼實現
- 6、Extjs panel怎麼顯示一行多列如下圖所示
extjs實現顯示圖片，請給出詳細步驟，最好是代碼。謝謝
用grid提供的事件
這是進入item的事件
itemmouseenter( this, record, item, index, e, eOpts )
這是離開item的事件
itemmouseleave( this, record, item, index, e, eOpts )
進入顯示圖片panel
離開隱藏
ExtJS 解析json數據 動態創建grid表格
是你自己做的太複雜了。。。寫簡單點就好了
//構建數據集
Ext.onReady(function() {
var store=Ext.create(‘Ext.data.Store’, {
//這裡的欄位名稱是自定義的，不一定要和後台返回的一一對應，但是數量要相等，否則後面的將不會顯示
fields: [‘欄位1′,’欄位2′,’欄位3’],
//自動載入數據
autoLoad: true,
proxy: {
type: ‘ajax’,
url: ‘xxx’,
reader: {
type: ‘json’,
//這裡的root不是一定要設置的，如果返回的本身就是表格數據，就不需要
root: ‘items’
}
}
});
//構建表格
Ext.create(‘Ext.grid.Panel’, {
store:store,
renderTo: Ext.getBody(),
columns: [{
text: ‘列名’,
dataIndex: ‘對應store的field，而不是json的欄位’,
},{
//同上
}]
});
});
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 請教怎麼用Extjs與Java後台交互，，比如簡單的登錄
簡單敘述：1.extjs編寫前台界面 ，同時向邏輯層發出請求（formpanel.form.doAction或者Ajax），比如：Ext.Ajax.request({
url:’logic_user.jsp’,
method:’post’,
params:{type:’VIEW’,id:editid},//傳遞id參數
success:successFn ,
failure:function(){
alert(‘伺服器出現錯誤請稍後再試！’);
}
});
2.邏輯層接受前台傳來的參數，然後調用java方法，與資料庫交互。
3.編寫java程序，實現與資料庫交互所需功能。
extjs3.3 動態生成流程圖怎麼實現
xt.create(‘Ext.data.TreeStore’, {
root : {
expanded : true,
children : [ {
text : “操作”,
id : “operator”,
expanded : true,
children : [
{text : “第一個葉子”,leaf : true,id : “termOpera”},
{text : “第二個葉子”,leaf : true,id : “userMang”},
{text : “第三個葉子”,leaf : true,id : “importExcel”}
]
Extjs panel怎麼顯示一行多列如下圖所示
用extjs布局來實現這個樣式。
給你講下extjs的布局。
FormPanel有兩種布局：form和column，form是縱向布局，column為橫向布局。默認為後者。使用layout屬性定義布局類型。對於一個複雜的布局表單，最重要的是正確分割，分割結果直接決定布局能否順利實現。
布局其實是由行和列組件成，分成由左往右和由上往下兩個方向，由左往右叫column，由上往下叫form。
整個大的表單是form布局。
好了 來講你這個布局怎麼實現。
整體是右上往下布局，是form布局，然後看每一行，裡面都是兩個元素，他就是column布局，colunm布局裡面，每個都是一個元素，默認是form布局。
代碼
var form = new Ext.form.FormPanel({
title : “布局表單”,
width : 650,
autoHeight : true,
frame : true,
renderTo : “a”,
layout : “form”, // 整個大的表單是form布局
labelWidth : 65,
labelAlign : “right”,
items : [{ // 行1
layout : “column”,
items : [{
columnWidth : .5,
layout : “form”,
items : [{
xtype : “textfield”,
fieldLabel : “第1行第1個”,
width : 220
}]
}, {
columnWidth : .5,
layout : “form”,
items : [{
xtype : “textfield”,
fieldLabel : “第1行第2個”,
width : 220
}]
}]
},{
columnWidth : .5,
layout : “form”,
items : [{
xtype : “textfield”,
fieldLabel : “第2行第1個”,
width : 220
}]
}, {
columnWidth : .5,
layout : “form”,
items : [{
xtype : “textfield”,
fieldLabel : “第2行第2個”,
width : 220
}]
}]
}],
buttonAlign : “center”,
buttons : [{
text : “提交”
}, {
text : “重置”
}]
});
});
原創文章，作者：小藍，如若轉載，請註明出處：https://www.506064.com/zh-tw/n/188982.html
微信掃一掃 
支付寶掃一掃 