首页 新闻 搜索 专区 学院

谁能给个EXTJS的简单示例啊

0
悬赏园豆:30 [已解决问题] 解决于 2011-12-27 23:50

就是DEMO里的那个好像桌面一样的东西

有图标,有状态条,然后点图标弹出一个窗口

最小化的时候能显示在状态条那里

何小飞的主页 何小飞 | 初学一级 | 园豆:29
提问于:2011-12-26 20:27
< >
分享
最佳答案
1

你把邮箱给我,我给你发一份,

或者你去官网下一个Ext版本,在压缩包里有示例

收获园豆:30
JasonNET | 初学一级 |园豆:168 | 2011-12-27 09:58

呃,我的是QQ邮箱,好像很多人都有点排斥QQ邮箱,官网的DEMO太复杂了我没看明白,EXT又不能像jquery easui那样可以直接在HTML写好DIV然后给它个region属性,麻烦你写个超简单的示例,谢谢了

何小飞 | 园豆:29 (初学一级) | 2011-12-27 10:27

@何小飞: 那我拿比较简单的下拉框为例吧。

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 | 园豆:168 (初学一级) | 2011-12-27 14:43

@JasonNET: 嗯谢谢你了

何小飞 | 园豆:29 (初学一级) | 2011-12-27 23:49
清除回答草稿
   您需要登录以后才能回答,未注册用户请先注册