+ -
当前位置:首页 → 问答吧 → extjs 在一个界面上实现:对文本框内的value判断后查询,将数据显示在各个对应的文本框内

extjs 在一个界面上实现:对文本框内的value判断后查询,将数据显示在各个对应的文本框内

时间:2010-09-29

来源:互联网

将部分代码贴上:
SearchDataFrom_BS_YSLZNEW = function(actTab) {
  this.title = "查询窗口";
  var myPanel=new SearchPanel(actTab);
  var onClose = function() { Ext.getCmp('searchdata').close(); }
// var onSearch=function(){
// DCI.Application.data.getSJ(grid.casenum, function(json, scope) {
// if (json && json != '') {
// var data = Ext.util.JSON.decode(json);
//// var tempText = data[0].id;
//// Ext.getCmp('outputTextArea').setValue(json.toString());
//// alert(data.length);
// var len = data.length;
// for(var i=1;i<len;i++)
// {
// if( grid.casenum.getValue()==data[i].CASENUM)
// {
// alert('查询成功!!');
// }
// else
// {
// alert('受理编号不存在,请核实后重新输入');
// }
// }
//  
// }
// else
// {
// alert('error!');
// }  
// },actTab);
// }  
   
  SearchPanel = function(actTab){
  this.callback = function(json, scope) {
  if (json != null && json != "") {
  var data = Ext.util.JSON.decode(json);
  var jsonStr = new Ext.util.JSON.decode(json);
  var store = new Ext.data.JsonStore({ data: jsonStr, fields: ['CASENUM', 'UNITADD','CASEDD','SQR','LXDH'] });
  }
  }
  }

  var queryForm=new Ext.form.FormPanel({
  id:"queryForm",
  renderTo:"SearchPanel",
  frame:true,
  region:"center",
  // labelWidth:80,
  border:false,
  labelAlign:'right',
  frame:true,
// store:jsonStr,
  items:[
  {xtype:'textfield',fieldLabel:'受理编号:',name:'casenum',id:'casenum',allowBlank:false,height:"auto",vtype:'specialChar'},
  {xtype:'textfield',buttonLabel:'单位地址:',name:'unitdd',id:'unitdd',height:"auto",vtype:'specialChar'},
  {xtype:'textfield',fieldLabel:'项目地点:',name:'caseadd',id:'caseadd',height:"auto",vtype:'specialChar'},
  {xtype:'textfield',fieldLabel:'申请人:',name:'sqr',id:'sqr',height:"auto",vtype:'specialChar'},
  {xtype:'textfield',fieldLabel:'联系电话:',name:'lxdh',id:'lxdh',height:"auto",vtype:'specialChar'}
  ]
  // ,
  // buttons:[{text:'查找',buttonAlign:"right", handler:onSearch}]
  });

  SearchDataFrom_BS_YSLZNEW.superclass.constructor.call(this, {
  id: 'searchdata',
  title: '查询相关数据',
  closable: true,
  height: 320,
  width: 410,
  border: false,
  plain: true,
  resizable: false,
  items:[myPanel],
  buttons: [ {
  text: "关闭",
  handler: onClose
  }]
  });
}
Ext.extend(SearchDataFrom_BS_YSLZNEW, Ext.Window, {});


可是连面板都显示不出来,是何缘故,请高手帮忙

作者: zhouxiu   发布时间: 2010-09-29

该回复于2010-09-29 10:54:23被管理员删除

  • 对我有用[0]
  • 丢个板砖[0]
  • 引用
  • 举报
  • 管理
  • TOP
  • IBM_hoojo
  • (换javaWeb开发广州请联系)
  • 等 级:
  • 2

#2楼 得分:0回复于:2010-09-29 10:49:09
JScript code
Ext.onReady(function(){
            var SearchDataFrom_BS_YSLZNEW = function(actTab) {
                  this.title = "查询窗口";
                  
                  SearchPanel = function(actTab){
                      this.callback = function(json, scope) {
                          if (json != null && json != "") {
                              var data = Ext.util.JSON.decode(json);
                              var jsonStr = new Ext.util.JSON.decode(json);
                              var store = new Ext.data.JsonStore({ data: jsonStr, fields: ['CASENUM', 'UNITADD','CASEDD','SQR','LXDH'] });
                          }
                      }
                  }
                  
                  var myPanel = new SearchPanel(actTab);
                  var onClose = function() { Ext.getCmp('searchdata').close(); }
                   
                 
                  var queryForm=new Ext.form.FormPanel({
                      id:"queryForm",
                      frame:true,
                      region:"center",
                      // labelWidth:80,
                      border:false,
                      labelAlign:'right',
                      frame:true,
                    // store:jsonStr,
                      items:[
                          {xtype:'textfield',fieldLabel:'受理编号:',name:'casenum',id:'casenum',allowBlank:false,height:"auto",vtype:'specialChar'},
                          {xtype:'textfield',buttonLabel:'单位地址:',name:'unitdd',id:'unitdd',height:"auto",vtype:'specialChar'},
                          {xtype:'textfield',fieldLabel:'项目地点:',name:'caseadd',id:'caseadd',height:"auto",vtype:'specialChar'},
                          {xtype:'textfield',fieldLabel:'申请人:',name:'sqr',id:'sqr',height:"auto",vtype:'specialChar'},
                          {xtype:'textfield',fieldLabel:'联系电话:',name:'lxdh',id:'lxdh',height:"auto",vtype:'specialChar'}
                      ]
                      //,
                      //buttons:[{text:'查找',buttonAlign:"right", handler:onSearch}]
                  });
                
                  SearchDataFrom_BS_YSLZNEW.superclass.constructor.call(this, {
                      id: 'searchdata',
                      title: '查询相关数据',
                      closable: true,
                      height: 320,
                      width: 410,
                      border: false,
                      plain: true,
                      resizable: false,
                      items:[myPanel, queryForm],
                      buttons: [ {
                          text: "关闭",
                          handler: onClose
                      }]
                  });
            }
            Ext.extend(SearchDataFrom_BS_YSLZNEW, Ext.Window, {});
            new SearchDataFrom_BS_YSLZNEW().show();
});

你没有创建对象

设置数据参考:ext的load xml form 
ext-3.2.1/examples/form/xml-form.html

作者: ccsd12sa   发布时间: 2010-09-29

紧急啊,高手现身那
可能没说清楚
有一个文本框,输入一个值,然后点击按钮查询,在下面的各个对应的文本框内显示数据,比如——学生联系电话:**********,刚接触extjs,还不是很熟悉,高手帮忙啊

作者: IBM_hoojo   发布时间: 2010-09-29

代码可以调出来了??显示面板?

作者: zhouxiu   发布时间: 2010-09-29