Ext 利用combo進行模糊搜索
来源:互联网 发布:域名根据含义分类 编辑:程序博客网 时间:2024/05/16 04:46
Ext 利用combo進行模糊搜索
//獲得combo的內容 store start
var ComboStore = new Ext.data.Store({
proxy: new Ext.data.HttpProxy({ url: 'ASPX/InfoFacility.aspx?action=action' }),
reader: new Ext.data.JsonReader
({ root: 'root',totalProperty: 'totalProperty' },// totalProperty分頁
[{ name: 'action_id' }, { name: 'action_desc'},{name: 'action_no'}])
});
//store end
// XTemplate 顯示combo行記錄
var resultTpl = new Ext.XTemplate(
'<tpl for="."><div class="search-item">',
'<h3><span>{action_no}</span>{action_desc}</h3>',
'</div></tpl>'
);
var cm = new Ext.grid.ColumnModel(
{
header: '動作描述',
dataIndex: 'action_desc',
editor: new Ext.grid.GridEditor(new Ext.form.ComboBox({//插入grid的combo
store: ComboStore,//數據源
emptyText: '請選擇',
mode: 'remote',//遠程加載
tpl: resultTpl,//combo面板顯示的內容引用XTemplate
width: 230,
minListWidth:230,//剛好適合分頁寬度
pageSize:30,//分頁數目
minChars:1,//模糊查詢最關鍵的一個屬性,當combo可以編輯的狀態下,combo的lenth有多少就觸發事件,相當于ds.reload,重新加載數據源,目前為寫一個字就重新加載一次 默認為4
itemSelector: 'div.search-item',//模板的div
triggerAction: 'all',
valueField: 'action_id',
displayField: 'action_desc'
//readOnly: true
}))
}
]);
當設置了minChars為1的時候 就會想ds中的url發送參數query
Net中用這個來接收
string query = Request.Form.Get("query");
這個query就是我們要進行模糊查詢的內容
由于上面也用到了分頁 所以 我們同時要接收
string start = Request.Form.Get("start");
string limit = Request.Form.Get("limit");
就3個參數query, start, limit
以下為sql語句
string strsql = "select t.action_id,t.action_desc,t.action_no from base_action t where flag=0 and t.action_desc like '"+query+"%'";
然后返回正常的ds格式的json就能夠在前臺顯示模糊查詢的結果了
- Ext 利用combo進行模糊搜索
- EXT JS 自定义模糊查询Combo
- ext combo 防搜索功能,从后台获得数据
- Ext Combo 联动
- ext combo 记录
- EXT--combo联动菜单
- Ext Combo 加载选项
- 利用list快速的模糊搜索
- combo 自动搜索
- Ext 2.0 Combo赋初始值
- ext combo dynamic load store
- Ext combo 数据预先处理
- EXT combo setValue ,给combo 设默认值,常见诡秘问题
- 模糊搜索
- 模糊搜索
- 使Ext Combo过滤valueField字段
- ext js 中combo对象的使用
- ext combo 无法获取VALUE值
- 讨论——解惑
- 怎么下载电子书
- Flex 4中如何创建不可编辑NumericStepper的例子
- windowXP删除局域网连接
- 世界各国与中国时差查询
- Ext 利用combo進行模糊搜索
- 黑莓开发:怎么样制作一个弹出框
- 将Eclipse插件转换为RCP应用程序(上)
- 清华万博1+6网络工程师ppt
- PDF文件的数字签名的破解
- mmi学习
- 二叉树的遍历方法(递归,非递归)
- 清华万博1+6网络工程师ppt
- SQL2005/2008分区表技术