extjs在panel中動態新增模板並載入資料

2021-06-26 13:29:01 字數 899 閱讀 4778

廢話不多說,直接上**:

js檔案如下:

// ext的panel

extend: 'ext.panel.panel',

requires: [

'ext.panel.panel'

],id: 'misdetailpanel',

layout: 'border',

closable: true,

width:400,

height:300,

initcomponent: function() ,

]});

me.callparent(arguments);

}});// 建立介面

var tp1 = new ext.xtemplate(

'','的詳細資訊',

'任務名:

', '任務下發人:

',',

',',

', '任務狀態:

', '難度係數:

', '描述:');

tp1.compile(); // 對模板進行編譯,速度比較快.

// 模板資料

var data = ;

// 找到要渲染的panel

var panel = win.querybyid('misbaseinfo');

panel.html = html;

ext.onready(function());

執行結果:

在css檔案中加入相應的樣式就可以使頁面變成自己想要的模樣。

如:table.missiondetail tr

ExtJS中panel動態刪除子元件及其label

今天小小的成功讓我興奮不已。在extjs中的panel面板中實現動態刪除元件及其label,panel命名為login,實現 如下 var itemlength login.items.length 獲取需要刪除的元件個數,元件個數隨著刪除的過程會動態減少,牢記。必須執行三次刪除來刪除所有元件 fo...

EXTjs中如何獲取Panel中html的內容

如題 假設我乙個panel 如何獲取這個panel中html 的內容 即 123456 可以這樣獲取 private afterrender function if this.title this.setautoscroll if this.html 這個是panel定義的原始碼,可以看到panel...

C 在Panel中嵌入子窗體

關閉嵌入的其他窗體 foreach control item in this.splitcontainer.panel2.controls 開啟新窗體 frmaddproduct newfrm new frmaddproduct form newfrm new form newfrm.topleve...