为何Ext 中的panel中的grid不显示呢?当点击好几次的时候才出现,而且还是重复的呢?
第一次点击一个按钮“优化”调用下面的方法,
var widgetarr=new Array("weblist","webrsslist","newslist","bloglist","booklist","piclist","videolist","relatedlist","wikilist","saylist","historylist","bbslist","tiebalist","wikiknowledgelist","minibloglist","rsslist");
var wiget_typeid=0;
var wiget_kid=0;
var wiget_keyword='';
var wiget_cid=0;
var seoPanel=function(id,keyword,cid){
wiget_kid=id;
wiget_keyword=keyword;
wiget_cid=cid;
//alert(wiget_cid);
//record,数据记录,用在store中
//通过Ext.data.Record.create创建
//创建的数据形式为{name:'id',type:'text'}
//与jsonStore下data中存储的数组形式对应
var widgetRecord=Ext.data.Record.create([
{name:'id'},{name:'wtname'},{name:'tid'},{name:'author'},{name:'mininfo'},{name:'maxinfo'},{name:'mininterval'},
{name:'create_time'},{name:'update_time'},{name:'typeid'},{name:'ctablenum'},{name:'memcachesavenum'},{name:'roleid'}
]);
// widgetstore
var widgetStore=new Ext.data.Store({
id:'widgetstore',
url:urlbase+'searchsource/searchsourceinterface/id:'+id+'/keyword:'+keyword+'/cid:'+cid,
reader:new Ext.data.JsonReader({
url:urlbase+'searchsource/searchsourceinterface/id:'+id+'/keyword:'+keyword+'/cid:'+cid,//默认的数据源地址,继承时需要提供
root: "rows",
// totalProperty:"totalCount",
},widgetRecord),
remoteSort:true,
});
widgetStore.load({callback :function(r,options,success){
//var ctablenum=r[0].get('ctablenum');
//weblistPanel=weblistPanel(id,cid,1,ctablenum,keyword);
//webrsslistPanel=webrsslistPanel(id,cid,2,ctablenum,keyword);
// newslistPanel=newslistPanel(id,cid,3,ctablenum,keyword);
// bloglistPanel=bloglistPanel(id,cid,4,ctablenum,keyword);
// booklistPanel=booklistPanel(id,cid,5,ctablenum,keyword);
// piclistPanel=piclistPanel(id,cid,6,ctablenum,keyword);
//seoPanel1.add(weblistPanel);
//seoPanel1.add(webrsslistPanel);
// seoPanel1.add(newslistPanel);
// seoPanel1.add(bloglistPanel);
// seoPanel1.add(booklistPanel);
// seoPanel1.add(piclistPanel);
/* */
//seoPanel1.add({title:'11',html:'sssss'});
for(var i=0;i<6;i++)
{
//alert(r[i].get('id'));
var typeid=r[i].get('typeid');
var cid=r[i].get('cid');
var wigetId=r[i].get('id');
var ctablenum=r[i].get('ctablenum');
var wtname=r[i].get('wtname');
var panel=getPanelName(wigetId,id,cid,typeid,ctablenum,wtname,keyword);
if(i==0)
{
//alert("-------------");
weblistPanel=weblistPanel_bak(id,cid,typeid,ctablenum,keyword,panel);
//alert(weblistPanel.id);
//panel.add(weblistPanel);
//panel.add({tile:'11',html:'sssss'});
}
//panel.add({title:'11',html:'sssss'});
//alert(i);
//alert(panel.id);
seoPanel1.add(panel);
seoPanel1.doLayout();
}
}
});
function getPanelName(id,kid,cid,typeid,ctablenum,wtname,keyword)
{
/*
var item;
if(id==1)
{
item=[{title:'1111',html:'2222222'}];
}
*/
var seoPanel3=new Ext.Panel({
id:"w_widgetPanel"+id,
// activeItem:1,
title:wtname,
region : 'center',
autoHeight:true,
margins : '0 5 5 0',
//resizeTabs : true,
minTabWidth : 50,
tabWidth : 85,
enableTabScroll : true,
closable:true,
layout:'fit',
//调用其他微件加载事件
param1:kid,
param2:cid,
param3:typeid,
param4:ctablenum,
param5:keyword,
// listeners: {activate: handleActivate},
listeners: {activate: handleActivate},
//items:[{title:'1111',html:'2222222'}]
// items:item
});
return seoPanel3;
}
function handleActivate(tab){
//alert(tab.param1+tab.id+ ' was activated.');
var id=tab.param1;
var cid=tab.param2;
var typeid=tab.param3;
var ctablenum=tab.param4;
var keyword=tab.param5;
// alert(id);
//gei 全局的typeid,kid,keyword,cid赋值
wiget_typeid=typeid;
//tab
//tab.removeAll();
panel=weblistPanel_bak(id,cid,typeid,ctablenum,keyword,tab);
tab.doLayout();
//seoPanel1.add(panel);
//seoPanel1.doLayout();
}
var seoPanel1=new Ext.TabPanel({
id:"widgetPanel",
title:"关键词优化",
region : 'center',
autoHeight:true,
margins : '0 5 5 0',
//resizeTabs : true,
//minTabWidth : 50,
tabWidth : 85,
enableTabScroll : true,
activeTab :0,
closable:true,
layoutOnTabChange:true,
deferredRender :false
});
var panel = new Ext.Panel({
title:'关键词优化',
region:'center',
height:500,
autoScroll:true,
closable:true,
tbar:new Ext.Toolbar([
{xtype:'hidden',name:'typeid'},
'->',
{
text:'审批模式',
iconCls:'shenpiIconCss',
handler:function(){
alert(wiget_typeid+"----"+wiget_keyword+"----"+wiget_kid+'---'+wiget_cid);
//var panel=Ext.getCmp('')
}
},'-',
{
text:'参数模式',
iconCls:'canshuIconCss',
},'-',
{
text:'预览',
iconCls:'bqylIconCss',
},'-',
{
text:'提交',
iconCls:'bqtjIconCss',
},'-',
{
text:'保存',
iconCls:'bqbcIconCss',
},'-',
{
text:'上一词',
iconCls:'shangyiciIconCss',
},'-',
{
text:'下一词',
iconCls:'xiayiciIconCss',
}
]),
items:[seoPanel1]
});
// weblistPanel=weblistPanel();
// seoPanel1.add(weblistPanel);
// return seoPanel1;
return panel;
}
...全文
相关推荐
js实现Ext方式的将左表格中的数据移动至右表格
- 用户体验:在数据移动过程中,显示加载提示,防止用户多次点击按钮导致重复操作。- 数据验证:在移动数据前,检查是否满足某些条件,例如检查选择的行数,或者数据的完整性。
EXT WebUi标签库使用说明
- **hidden**:隐藏元素,用于创建不可见但仍然存在的UI元素。#### 2. Grid标签- **editgrid**:编辑网格,允许用户在表格中进行编辑操作。
asp.net ext 中文手册
使用WidgetsWidgets在ExtJS中指的是各种UI组件,如MessageBox、Grid、Panel等,它们提供了丰富的用户界面构建块。
Ext继承和扩展写的例子。
例如,如果你发现`Ext.grid.Panel`的默认行为不满足需求,你可以扩展它,添加一个新的行为: ```javascript Ext.override(Ext.grid.Panel, { // 添加或修改的方法
ExtJS 4.2 Grid组件单元格合并的方法
以下是实现Grid组件单元格合并功能的JavaScript代码示例:```javascript/** * 合并Grid的数据列 * @param grid {Ext.Grid.Panel} 需要合并的Grid


