extjs數據模型

『壹』 extjs combo 如何向已有數據中插入一條新的數據

不需要使用load來實現，使用store來操作記錄集
//定義一個數據模型
Ext.define('data', {
extend: 'Ext.data.Model',
fields: ['val']
});
//定義一個記錄集
var cData = Ext.create('Ext.data.ArrayStore',{
model: 'data',
data: [['數據1'],['數據2'],['數據3'],['數據4']]
});
//向已有的記錄集插入新的數據，但是注意，這里只是在js數組裡面添加了數據，要保存到資料庫，還需在該函數後面添加ajax
function insert(){
var r = Ext.create('data', {val: '添加新的數據'});//這里的數據如果是用戶輸入的話，只需要換成那個文本框的值就行了，val: Ext.getCmp('xxxid號').getValue()
cData.insert(0, r);
//ajax操作
alert('successfully done!');
}
//創建combo框
Ext.onReady(function(){
var combo = Ext.create('Ext.form.field.ComboBox', {
store: cData,
fieldLabel: '下拉框',
displayField: 'val',
width: 498,
labelWidth: 60,
triggerAction: 'all',
renderTo: Ext.getBody()
});
});

『貳』 ExtJS Web應用程序開發指南的內容簡介

衛軍、夏慧軍、孟臘春編著的《ExtJS Web應用程序開發指南（第2版）》共18章和1個附錄，是對第1版的全面升級，增補了大量ExtJS 4.0中的新特性。從基本的ExtJS功能開始講解RIA Web開發，從而引出用戶體驗豐富的ExtJS技術。接著通過經典的「Hello World」來快速搭建和配置第一個程序。然後通過4章來詳細講解ExtJS的基本功能，包括：最常用的表單、面板和布局類，常用的工具類與函數，以及ExtJS對事件的響應。本書還結合現今流行的Web框架進行改造，將相關技術融合起來應用。Ajax已經逐漸滲透到Web開發的各個方面了，ExtJS能夠與其完美結合。講解完這些提高內容後，本書還深入介紹了增強型模板，重要的數據模型，以及ExtJS高級組件。考慮到ExtJS與主流服務端框架的整合越來越緊密，本書還特意講解了Struts和Struts 2框架的整合與配置。最後全面細致地講解了ExtJS 4.0中新增的主題、圖形和圖表部分，真正實現完全整合應用ExtJS技術。
《ExtJS Web應用程序開發指南（第2版）》語言通俗易懂，版式清新，並通過大量的實例去講解技術。對於廣大的Web程序員，本書能幫你找到經典應用的解決方案。對RIA Web應用開發的愛好者，本書可以幫你找到進步的階梯。本書可以作為Web開發的自學參考書，也可以作為RIA Web開發的培訓教材。

『叄』 extjs的displayfield組件如何獲取grid中的某一列的值

1.1:數據對應的列，加了一個點擊事件，獲取到該列的值，然後賦值
{
align: 'center',
text: 'A,
dataIndex: 'A',
width:60,
renderer : function(val, meta, record) {
val = "<a href='javascript:;' >"+val+"</a>";
meta.tdAttr = 'data-qtip="' + val + '"';
return '<div align="left">' + val + '</div>';
},
listeners:{
'click':function(){
var rows = grid.getSelectionModel().getSelection();
displayfield.setValue(rows[0].get('A'));//通過rows[0].get('欄位名')來獲取A欄位的值，然後賦值給displayfield
}
}
2.如果有點擊事件的話，你可以直接使用 var rows = grid.getSelectionModel().getSelection();獲取store的數據模型（存放了所有的記錄），rows[0]是指定行的記錄（包括隱藏的欄位），displayfield這個在grid外面創建好的，在grid可以引用到的話可以直接使用 displayfield.setValue(rows[0].get('A'));來賦值

3.

var display = Ext.create('Ext.form.field.Display',{
xtype: 'displayfield',
fieldLabel: 'Visitor',
name: 'visitor_score',
value: '11'
})
var grid = Ext.create('Ext.grid.Panel', {
store: store,
columns: [
{text : 'Company',
flex : 1,dataIndex: 'company',
renderer : function(val, meta, record) {
val = "<a href='javascript:;' >"+val+"</a>";
return val;
},
listeners:{
'click':function(){
var rows = grid.getSelectionModel().getSelection();
display.setValue(rows[0].get('name'))
}
}
} ], dockedItems: [{
xtype: 'toolbar',
dock: 'top',
items: [display]
}]
});
});

『肆』 extjs4.2 使用Ext.grid.panel顯示ajax請求數據無法顯示

請求網址肯定可以。
grid綁定store，store里配置代理，代理的配置決定請求的json的格式
代理配置例子如下
model: mkmodel,//數據模型
//storeId: storeId,
pageSize: pageSize,//每頁記錄數
defaultRootProperty: 'children.children',

proxy: {//代理
type: 'ajax',//類型
api: {

read: baseurl + '&action=search&tabname=' + tabname + '&molename=' + molename + '&istree=' + istree + addparam,//查詢地址
create: baseurl + '&action=create&tabname=' + tabname + '&molename=' + molename,//新建地址
update: baseurl + '&action=update&tabname=' + tabname + '&molename=' + molename,//更新地址
destroy: baseurl + '&action=destroy&tabname=' + tabname + '&molename=' + molename,//刪除地址
},
reader: {
type: 'json',//方式
rootProperty: 'children.children',//跟路徑

totalProperty: 'children.TotalCount',//總數路徑
successProperty: 'success'//成功標識
},
writer: {
type: 'json',
writeAllFields: true,//是否寫會全部欄位

root: 'data'
},
listeners: {
exception: function (own, request, operation, eOpts) {//異常處理

mkerrorutil.processFailure(operation);
}

},
},
success: function (response) {//成功處理

if (fun)
fun(source);
},

remoteFilter: IsHighVolume,//遠程過濾開關
autoSync: false,//自動同步
autoLoad: false,//自動裝載

『伍』 ExtJS store 的 sync() 方法是干什麼的

sync同步需要看代理的設置，如果代理設置與後台交互，那同步也就發送給後台，僅是發送，後台接收到數據後寫代碼與資料庫同步。
grid表格編輯後可以自動同步，需要配置代理為自動同步，
例子給你個store的配置，後台要根據你的實際用到的語言來實現

model: mkmodel,//數據模型
//storeId: storeId,
pageSize: pageSize,//每頁記錄數
defaultRootProperty: 'children.children',

proxy: {//代理
type: 'ajax',//類型
api: {

read: baseurl + '&action=search&tabname=' + tabname + '&molename=' + molename + '&istree=' + istree + addparam,//查詢地址
create: baseurl + '&action=create&tabname=' + tabname + '&molename=' + molename,//新建地址
update: baseurl + '&action=update&tabname=' + tabname + '&molename=' + molename,//更新地址
destroy: baseurl + '&action=destroy&tabname=' + tabname + '&molename=' + molename,//刪除地址
},
reader: {
type: 'json',//方式
rootProperty: 'children.children',//跟路徑

totalProperty: 'children.TotalCount',//總數路徑
successProperty: 'success'//成功標識
},
writer: {
type: 'json',
writeAllFields: true,//是否寫會全部欄位

root: 'data'
},
listeners: {
exception: function (own, request, operation, eOpts) {//異常處理

mkerrorutil.processFailure(operation);
}

},
},
success: function (response) {//成功處理

if (fun)
fun(source);
},

remoteFilter: IsHighVolume,//遠程過濾開關
autoSync: false,//自動同步
autoLoad: false,//自動裝載

『陸』 ExtJS中，表格可以出來，但是數據展現不出來

調試一下，是否有報錯

『柒』 extjs是什麼啊

ExtJS是一個Ajax框架，是一個用javascript寫的，用於在客戶端創建豐富多彩的web應用程序界面。ExtJS可以用來開發內RIA也即富客戶端的AJAX應用。因此，可以把ExtJS用在.Net、Java、Php等各種開發語言開發的應容用中。

ExtJs最開始基於YUI技術，由開發人員JackSlocum開發，通過參考JavaSwing等機制來組織可視化組件，無論從UI界面上CSS樣式的應用，到數據解析上的異常處理，都可算是一款不可多得的JavaScript客戶端技術的精品。
Ext的UI組件模型和開發理念脫胎、成型於Yahoo組件庫YUI和Java平台上Swing兩者，並為開發者屏蔽了大量跨瀏覽器方面的處理。相對來說，EXT要比開發者直接針對DOM、W3C對象模型開發UI組件輕松。

『捌』 extjs6.0 怎麼創建數據模型

你現在的程序tab是注釋掉的，後面用tab正常嗎？ 你用id做為子窗口的id，有可能和菜單的id重復了，這個我沒有仔細測，建議另外用一個變數。{text:'menu01',id:'m1',...}這樣應該是把id給了這個菜單項了，你改成{text:'menu01',tid:'m1'...}這樣試一下。 你試一下，現在不方便，我沒有代碼驗證過。

『玖』 ExtJS問題：已經從伺服器端讀到了json數據，但是在grid中不顯示

json格式的字元串有問題。。。。返回的json字元串最後一行裡面，「教師」後面少一個大括弧。。這種問題下次可以嘗試使用Ext.decode("json格式的字元串");來解析一下，如果報錯，那就是你的字元串有問題了。。