我有表单和网格。 用户必须在表单字段中输入数据,然后在网格中显示相关记录。
我想实现一个搜索表单,例如:用户将输入学生的姓名和性别,然后会得到一个网格,所有学生都有相同的姓名和性别。
因此,我使用 Ajax 将表单字段值发送到 PHP,然后创建一个将在网格存储中使用的json_encode
。
真的不确定我的想法是否好。但我还没有找到其他方法。
问题是我的商店里有一个错误,但我无法弄清楚它是什么。我收到此错误: Uncaught TypeError: Cannot read property 'buffered' of undefined
我的观点:
{
xtype: 'panel',
layout: "fit",
id: 'searchResult',
flex: 7,
title: '<div style="text-align:center;"/>SearchResultGrid</div>',
items: [{
xtype: 'gridpanel',
store: 'advSearchStore',
id: 'AdvSearch-grid',
columns: [{
xtype: 'gridcolumn',
dataIndex: 'name',
align: 'right',
text: 'name'
}, {
xtype: 'gridcolumn',
dataIndex: 'gender',
align: 'right',
text: 'gender'
}
],
viewConfig: {
id: 'Arr',
emptyText: 'noResult'
},
requires: ['MyApp.PrintSave_toolbar'],
dockedItems: [{
xtype: 'PrintSave_tb',
dock: 'bottom',
}]
}]
}
我的控制器:
.
.
.
xmlhttp.open("GET","AdvSearch.php?search_name="+search_name,true);
xmlhttp.send(null);
我的PHP脚本:
if (!$con) {
throw new Exception("Error in connection to DB");
}
$query ="SELECT name, gender FROM students WHERE name ILIKE '%$search_name%' ";
$result = pg_query($query);
while ($row = pg_fetch_array($result)) {
$Arr[] = array('name' => $row[0], 'gender' => $row[1]);
}
$searchResult_list = array();
$searchResult_list['success'] = true;
$searchResult_list['Arr'] = $Arr;
$searchResult_list['totalCount'] = count( $searchResult_list['Arr'] );
echo json_encode($searchResult_list);
if (!$result)
die("Error in query: " . pg_last_error());
pg_close($con);
我的商店,型号:
Ext.define('AdvSearchPost', {
extend: 'Ext.data.Model',
proxy: {
type: 'ajax',
url: 'AdvSearch.php',
reader: {
type: 'json',
root: 'Arr',
totalProperty: 'totalCount'
}
},
fields: [{
name: 'name'
}, {
name: 'type_and_cargo'
}
]
});
advSearchStore = Ext.create('Ext.data.Store', {
pageSize: 10,
model: 'AdvSearchPost'
});
这只是您商店名称的错字。
错误Uncaught TypeError: Cannot read property 'buffered' of undefined
仅指示无法绑定存储。这可能有点误导。
尝试使用任一网格
store: advSearchPost
或
store: Ext.StoreMgr.lookup('AdvSearchPost') // if in any form a controller takes care about your store
它会起作用。
编辑
我想你没有任何控制器,所以我建议你像这样创建你的商店
Ext.create('Ext.data.Store', {
pageSize: 10,
model: 'AdvSearchPost',
storeId: 'AdvSearchPost'
});
这将使您能够从任何地方(创建商店后)通过StoreManager
接收商店。这也将使最后一个语句能够在没有任何控制器的情况下工作。
即使你这样打电话.. store: Ext.StoreMgr.lookup('bla bla bla')
不会在控制台中引发任何错误。
将商店参数替换为storeId,然后将实际商店分配给它将连接到您的实际商店。 storeId:advSearchPost