谁能给个EXTJS的简单示例啊
0
最佳答案
1
你把邮箱给我，我给你发一份，
或者你去官网下一个Ext版本，在压缩包里有示例
收获园豆：30
呃，我的是QQ邮箱，好像很多人都有点排斥QQ邮箱，官网的DEMO太复杂了我没看明白，EXT又不能像jquery easui那样可以直接在HTML写好DIV然后给它个region属性，麻烦你写个超简单的示例，谢谢了
@何小飞: 那我拿比较简单的下拉框为例吧。
1.你再aspx页面上先把Ext需要的几个必备文件引用上，然后在aspx页面上放置一个文本框
<input type="text" id="comboTest" />
2.你可以新建一个js文件，或者直接在aspx页面下面直接写脚本。我已在aspx页面上直接写为例。
<script type="textjavascript">
//一个公用的方法，创建comboBox
function ShowEasyComboBox(txtId,dataType,myData){
Ext.onReady(function (){
Ext.QuickTips.init();//清空Ext缓存
//自定义一个查询默认显示条件
var arrData = [];//创建一个数组
var arr = {};
arr.code='';
arr.value = '请选择...';
arrData.push(arr);
var aData = arrData.concat(myData);//将自定义的数据添加到Json数组中
var store ='';
if(dataType == 'Json'){
var rt = {};
rt.data = aData;
store = new Ext.data.JsonStore({
fields: ['code', 'value'],
root: 'data',
data: rt
});
}
var cb = new Ext.form.ComboBox({
id = txtId +'_cb';
editable: t,
store: store,
displayField: 'value',
valueField: 'code',
typeAhead: true,
mode: 'local',
width: 120,
maxHeight: maxHeight,
forceSelection: true,
triggerAction: 'all',
emptyText: '请选择...',
// selectOnFocus: true,
applyTo: txtId
});//为combobo配置属性
cb.setValue('');
cb.on('select',function (c,r,i){
if (r.data.code != ''){
document.getElementById(txtId).CodeValue = r.data.code;
}
else {
document.getElementById(txtId).CodeValue = undefined;
}
});//为comboBox陪着选中事件
document.getElementById(txtId).IsCombox = true;
});
}
//上述是一个通用的显示combobox的方法，只需要往里面添加数据就可以。
//添加数据的方法
function PageLoad(){
var arr = [];
var obj = {};
obj.code = '0';
obj.value = '生日';
arr.push(obj);
obj = {};
obj.code = '1';
obj.value = '会员日';
arr.push(obj);
obj = {};
obj.code = '2';
obj.value = '公司活动';
arr.push(obj);
obj = {};
obj.code = '3';
obj.value = '活跃会员';
arr.push(obj);
ShowEasyComboBox('comboTest','Json',arr);//将文本框的id放置过来，'Json'这个是固定的，用于标识你穿过来的数据时Json格式的，arr是你自己创建的数据源。这样一个简单的ComboBox就显示出来了。
}
</script>
3.剩下最后一步，你再aspx页面的<bady>中加入onload这个事件，然后将第二步中的方法PageLoad()放进去就好了，如：<bady onload="PageLoad();">
你试试吧。
@JasonNET: 嗯谢谢你了
