-
回答 2 已采纳 
Extjs为3.3
如果可以按条件隐藏某一行的那再好不过了，哪位大牛告知一下？
-
回答 3 已采纳 创建了一个grid，希望能够在两个不同的地方重用，第一个地方是放在content-panel，第二个地是放在window中，代码如下：
[code="js"]
//创建grid
var grid1 = new Ext.grid.GridPanel({
id: 'grid1',
store: store1,
tbar: [
'搜索: ', ' ',
new Ext.app.SearchField({
width:240,
store: store1,
paramName: 'q'
})
],
columns: [
{header: "id", width: 120, hidden: true, dataIndex: 'id'},
{header: "业务系统名称", width: 120, sortable: true, dataIndex: 'systemName'},
{header: "业务功能编号", width: 120, sortable: true, dataIndex: 'functionID'},
{header: "业务功能名称", width: 120, sortable: true, dataIndex: 'functionName'}
],
sm: new Ext.grid.RowSelectionModel({
singleSelect: true,
listeners: {
rowselect: function(sm, row, rec) {
//action
}
}
}),
stripeRows: true,
height:350,
width:600,
// paging bar on the bottom
bbar: new Ext.PagingToolbar({
pageSize: 25,
store: store1,
displayInfo: true,
displayMsg: 'Displaying records {0} - {1} of {2}',
emptyMsg: "No records to display"
})
});
//在content-panel中显示grid1
Ext.getCmp('content-panel').add(grid1);
Ext.getCmp('content-panel').layout.setActiveItem('grid1');
grid1.store.load();
//在window中显示grid1
function showGrid1Window() {
if(!win){
win = new Ext.Window({
layout:'fit',
width:700,
closeAction:'hide',
plain: true,
items: grid1,
buttons: [{
text: 'Close',
handler: function(){
win.hide();
}
}]
});
}
grid1.store.reload();
//grid1.show();
win.show();
}
[/code]
现在遇到了两个问题：
1、在content-panel中显示grid1后显示别的内容，grid1变为隐藏，这时再调用在window中显示grid1，grid1就无法显示，即使调用grid1.show()也没有用，怎么解决？
2、我希望能够在两个地方rowselect时有不同的处理，如何能够做到？即使我用最笨的办法，用同样的代码生成一个grid2，两个共用store1，只是rowselect中的处理不一样，但只要调用过一次grid1，那么grid2的rowselect也会变成跟grid1一样，不知是什么原因？
[b]问题补充：[/b]
能解释一下为什么吗？
代码有这样一句：Ext.getCmp('content-panel').layout.setActiveItem('grid1');，去掉后会报错的
[b]问题补充：[/b]
第一个问题明白了，非常感谢
我刚才用了两个grid试了一下，发现第二个问题描述的不准确。操作是这样的：
显示grid1 -> 选择某一行（触发rowselect） -> 显示另外一个组件（隐藏grid1） -> 在window中显示grid2。
这时出现一个问题，grid1的rowselect自动被触发了，而且就是我刚才选的那行。两个grid的sm是分别定义的，请问是怎么回事？
[b]问题补充：[/b]
找到原因了，是因为共用了store，只要一reload就会触发grid1上次的rowselect，但实在想不明白，谁能解释一下？
-
回答 2 已采纳 Ext的GridPanel和GroupingStore如何判断后台传进来的是不是空数据？查不到数据想给一个提示
如果后台返回的json是{[]}时，前台表示没有得到数据。GirdPanel应该是空白的。
那Ext-js里要怎么写，能显示出一个提示，提示用户没有检索到信息呢？
-
回答 15 已采纳 [size=xx-small][/size]想问一下，怎样让下面的表格只显示上面表格选中的2行
[b]问题补充：[/b]
我的问题是，是否可以通过var records = grid1.getSelections();记录选中的行信息，然后把这个records数据传递给grid2里面的[align=left][/align]store里面的[align=left][/align]data，这里我不知道怎么处理或者有其他方法吗？
[b]问题补充：[/b]
[img][/img]
[b]问题补充：[/b]
[color=darkred][/color][color=darkred][/color]
var rowSelect =grid1.getSelectionModel().getSelections();//返回数组
rowSelect[0] rowSelect[1] //返回Record
我能在grid1里直接调用grid2里的store吗？
grid2.store.add( rowSelect[0] );
grid2.store.add( rowSelect[1] );
还是
grid2.getStore.add( rowSelect[0]);
grid2.getStore.add( rowSelect[1]);
能不能具体一点，直接能用的，这一块语法我有些晕乎。
[b]问题补充：[/b]
是上面的过滤到下面
[b]问题补充：[/b]
非常感谢大家的帮忙。atian25 给的例子的效果是我想要的。我是要实现组件横排。grid2只能用id返回吧。照着那个例子改了下，现在问题是配置sm1时，运行出错，不知怎么回事？效果如图
[code="java"][/code]
通过布局嵌套实现表单横排
[b]问题补充：[/b]
[quote]你是不是要在上面选几个课题组,然后把属于这个课题组的人员在下面的grid中选中?
[/quote]
呵呵，其实第二个表格开始是空表，第一个表格选中的加进去就好了。现在那个sm1里面的配置加上后运行不出来，去掉就可以，我也想直接用grid2.getStore().add(record); 不过我用的xtype,这种方式用不了，不知道怎样调用grid2，用Ext.getCmp('grid2').getStore().add(record); 有问题吗？
-
回答 1 已采纳 程序代码如下：
/**
*
* @class EdiEntJbxxView
* @extends Ext.Panel
*/
EdiEntJbxxView=Ext.extend(Ext.Panel,{
constructor:function(config){
Ext.applyIf(this,config);
this.initUIComponents();
EdiEntJbxxView.superclass.constructor.call(this,{
id : 'EdiEntJbxxView',
title : '项目基本信息',
iconCls:'menu-appuser',
layout:'border',
autoScroll:true,
});
},
initUIComponents:function(){
this.initGridPanel();
this.items=[this.gridPanel];
}});
EdiEntJbxxView.prototype.initGridPanel=function(){
var store = new Ext.data.Store({
proxy : new Ext.data.HttpProxy({
url : __ctxPath + '/edi/queryAllEdiEntJbxx.do'
}),
reader : new Ext.data.JsonReader({
root : 'result',
totalProperty : 'totalCounts',
fields : [{
name : 'id',
type : 'long'
},{
name:'soaType',
type:'short'
},'soaName',
'interfaceSourceId',
'interfaceFromSourceId',
'hastrasfer',
'requestId',
'responseId',
'bussinessId',
{
name:'submitDate',
type:'date'
},
{
name:'dealDate',
type:'date'
},'entXmbh',
'entCbsjgspfdw',
'entCbsjgsspwh',
'entLxny',
'entJsdd',
'entJsxz',
'entJsgm',
'entLxwh',
'entHyzgzzjgdm',
'entHyzgmc',
'entXmyzzzjgdm',
'entXmyzmc',
'entTzgm',
'entJszq',
'entZjly',
'entXmgk',
'entXmsjdw',
'entXmcjdw',
'entXmjldw',
'entSjzj',
'entXmjl',
'entJlzj',
'entBz',
'entXxtjdwzjjgdm',
'entXxtjdw_name',
'entSjzt',
'entJlcssj',
'attributy1',
'attributy2',
'attributy3',
'attributy4'
]
}),
remoteSort : true
});
store.setDefaultSort('id', 'asc');
store.load({
params : {
start : 0,
limit : 25
}
});
var sm = new Ext.grid.CheckboxSelectionModel();
var cm = new Ext.grid.ColumnModel({
columns : [sm, new Ext.grid.RowNumberer(), {
header : 'id',
dataIndex : 'id',
hidden : true
},{
header : '',
dataIndex : 'soaType',
width : 120,
},{
header : '',
dataIndex : 'soaName',
width : 120,
},{
header : '',
dataIndex : 'interfaceSourceId',
width : 120,
},{
header : '',
dataIndex : 'interfaceFromSourceId',
width : 120,
},{
header : '',
dataIndex : 'hastrasfer',
width : 120,
},{
header : '',
dataIndex : 'requestId',
width : 120,
},{
header : '',
dataIndex : 'responseId',
width : 120,
},{
header : '',
dataIndex : 'bussinessId',
width : 120,
},{
header : '',
dataIndex : 'submitDate',
width : 120,
},{
header : '',
dataIndex : 'dealDate',
width : 120,
},{
header : '项目编号',
dataIndex : 'entXmbh',
width : 120,
},{
header : '设计概算批复单位',
dataIndex : 'entCbsjgspfdw',
width : 120,
},{
header : '设计概算审批文号',
dataIndex : 'entCbsjgsspwh',
width : 120,
},{
header : '',
dataIndex : 'entLxny',
width : 120,
},{
header : '',
dataIndex : 'entJsdd',
width : 120,
},{
header : '',
dataIndex : 'entJsxz',
width : 120,
},{
header : '',
dataIndex : 'entJsgm',
width : 120,
},{
header : '',
dataIndex : 'entLxwh',
width : 120,
},{
header : '',
dataIndex : 'entHyzgzzjgdm',
width : 120,
},{
header : '',
dataIndex : 'entHyzgmc',
width : 120,
},{
header : '',
dataIndex : 'entXmyzzzjgdm',
width : 120,
},{
header : '',
dataIndex : 'entXmyzmc',
width : 120,
},{
header : '',
dataIndex : 'entTzgm',
width : 120,
},{
header : '',
dataIndex : 'entJszq',
width : 60,
},{
header : '',
dataIndex : 'entZjly',
width : 60,
},{
header : '',
dataIndex : 'entXmgk',
width : 60,
},{
header : '',
dataIndex : 'entXmsjdw',
width : 60,
},{
header : '',
dataIndex : 'entXmcjdw',
width : 60,
},{
header : '',
dataIndex : 'entXmjldw',
width : 120,
},{
header : '',
dataIndex : 'entSjzj',
width : 120,
},{
header : '',
dataIndex : 'entXmjl',
width : 120,
},{
header : '',
dataIndex : 'entJlzj',
width : 120,
},{
header : '',
dataIndex : 'entBz',
width : 120,
},{
header : '',
dataIndex : 'entXxtjdwzjjgdm',
width : 120,
},{
header : '',
dataIndex : 'entXxtjdw_name',
width : 120,
},{
header : '',
dataIndex : 'entSjzt',
width : 120,
},{
header : '',
dataIndex : 'entJlcssj',
width : 120,
}
,{
header : '',
dataIndex : 'attributy1',
width : 120,
}
,{
header : '',
dataIndex : 'attributy2',
width : 120,
}
,{
header : '',
dataIndex : 'attributy3',
width : 120,
}
,{
header : '',
dataIndex : 'attributy4',
width : 120,
}],
defaults : {
sortable : true,
menuDisabled : true,
width : 100
}
});
this.gridPanel = new Ext.grid.GridPanel({
id : 'AppUserGrid',
tbar : this.toolbar,
store : store,
region:'center',
shim : true,
trackMouseOver : true,
disableSelection : false,
loadMask : true,
cm : cm,
sm : sm,
viewConfig : {
forceFit : true,
enableRowBody : false,
showPreview : false
},
bbar : new HT.PagingBar({store : store,exportable: true})
});
上面代码是显示数据库数据，由于数据字段太多，导致很多字段都无法显示，是不是要添加个滚动条才能完全显示，但是自己对EXT不太了解，希望懂的能帮助下！ 谢谢
[img]http://dl.iteye.com/upload/attachment/0071/7364/d31ae0e7-f1b8-3e4d-9fc4-1db0cb795e69.png[/img]
};//end of the init GridPanel
-
回答 4 已采纳 最近在学Extjs,照着视频做了一个提交数据并且添加store的demo,却遇到一个奇怪的问题：添加第一次的时候没有问题，添加第二次的时候就向服务器发了2次请求，添加第3次的时候就向服务器发了3次请求，导致了，第二次添加了2个相同的，第三次添加了3个相同的，请大家帮我看下是哪有写得有问题
[code="js"]
Ext.QuickTips.init();
Ext.form.Field.prototype.msgTarget = "side";
PersonViewFormPanel = Ext.extend(Ext.form.FormPanel,{
constructor:function(){
PersonViewFormPanel.superclass.constructor.call(this,{
id:"form",
layout:"form",
defaultType:"textfield",
baseCls:"x-plain",
style:"padding:5px",
defaults:{width:175},
width:240,
height:85,
labelWidth:45,
items:[
{fieldLabel:"姓名",id:"name"},
{fieldLabel:"性别",id:"sex"},
{fieldLabel:"年龄",id:"age"}
]
});
}
});
PersonInfoFormPanel = Ext.extend(Ext.form.FormPanel,{
constructor:function(){
PersonInfoFormPanel.superclass.constructor.call(this,{
layout:"form",
id:"info_form",
defaultType:"textfield",
baseCls:"x-plain",
bodyStyle:"padding:5px",
defaults:{width:150},
width:240,
height:85,
labelWidth:45,
items:[
{fieldLabel:"姓名",id:"name",allowBlank:false,blankText:"姓名必须填写!",emptyText:"必填"},
{
xtype:"combo",
fieldLabel:"性别",
emptyText:"请选择",
hiddenName:"sex",
displayField:"name",
valueField:"value",
triggerAction:"all",
mode:"local",
readOnly:true,
store:new Ext.data.JsonStore({
fields:["value","name"],
data:[{value:0,name:"男"},{value:1,name:"女"}]
})
},
{fieldLabel:"年龄",id:"age"}
]
});
},
getValues:function(){
if(this.getForm().isValid())
return new Ext.data.Record(this.getForm().getValues());
else
throw Error("表单验证未通过！");
},
setValues:function(_record){
this.getForm().loadRecord(_record);
},
reset:function(){
this.getForm().reset();
}
});
InsertPersonInfoWindow = Ext.extend(Ext.Window,{
form:null,
constructor:function(){
this.form = new PersonInfoFormPanel();
InsertPersonInfoWindow.superclass.constructor.call(this,{
title:"添加人员",
closeAction:"hide",
height:155,
width:240,
modal:true,
plain:true,
resizable:false,
items:this.form,
buttons:[
{
text:"确定",
handler:function(){
this.onSubmitClick();
},
scope:this
},{
text:"取消",
handler:function(){
this.onCancelClick();
},
scope:this
}
]
});
this.addEvents("submit");
},
close:function(){
this.form.reset();
this.hide();
},
onSubmitClick:function(){
try{
this.fireEvent("submit",this,this.form.getValues());
}catch(e){
Ext.Msg.alert("错误",e);
}
},
onCancelClick:function(){
this.close();
}
});
PersonListGridPanel = Ext.extend(Ext.grid.GridPanel,{
InsertWindow:null,
constructor:function(){
this.InsertWindow = new InsertPersonInfoWindow();
PersonListGridPanel.superclass.constructor.call(this,{
id:"grid",
width:240,
autoHeight:true,
tbar:[
{
text:"添加",
handler:function(){
this.InsertWindow.show();
this.InsertWindow.on("submit",function(_window,_record){
Ext.Ajax.request({
url:"test5.pfv",
params:_record.data,
success:function(_response){
Ext.getCmp("grid").getStore().add(
new Ext.data.Record(Ext.util.JSON.decode(_response.responseText)));
_window.close();
}
});
});
},
scope:this
},"-",
{text:"修改"},"-",
{text:"删除"}
],
columns:[
{header:"姓名",dataIndex:"name",width:80},
{header:"性别",dataIndex:"sex",width:80},
{header:"年龄",dataIndex:"age",width:80}
],
store:new Ext.data.JsonStore({
autoLoad:true,
fields:["name","sex","age"],
url:"test4.pfv"
}),
sm:new Ext.grid.RowSelectionModel({
singleSelect:true,
listeners:{
"rowselect":{
fn:function(_rsm,_index,_record){
this.fireEvent("rowselect",_record);
},
scope:this
}
}
})
});
this.addEvents("rowselect");
}
});
Ext.onReady(function(){
var _grid = new PersonListGridPanel();
// var _form = new PersonViewFormPanel();
var _window = new Ext.Window({
renderTo:Ext.getBody(),
title:"测试组件化编程",
resizable:false,
plain:true,
frame:true,
items:[
_grid
]
});
_window.show();
// _grid.on("rowselect",function(_record){
// this.getForm().loadRecord(_record);
// },_form);
});
[/code]
[code="java"]
@RequestMapping(value="/test5.pfv")
public void test5(HttpServletRequest request,
HttpServletResponse response) throws Exception {
String name = request.getParameter("name");
String sex = request.getParameter("sex");
String age = request.getParameter("age");
Map map = new HashMap();
map.put("name", name);
map.put("sex", "0".equals(sex)?"男":"女");
map.put("age", age);
JSON json = JSONObject.fromObject(map);
json.write(response.getWriter());
[/code]
[b]问题补充：[/b]
回复1楼，如果我把Ext.Ajax.request注掉，直接把record add到store里面又没有问题，不存在多次执行操作的问题
-
回答 7 已采纳 <head runat="server">
<title>Ext-Example</title>
<link rel="Stylesheet" type="text/css" href="ext-4.0-pr5/resources/css/ext-all.css" />
<script type="text/javascript" src="ext-4.0-pr5/bootstrap.js"></script>
<script type="text/javascript">
Ext.onReady(function(){
Ext.define('MyData',{
extend:'Ext.data.Model',
fields:[
{name:'UserName',mapping:'UserName'},
'Sex',
'Age',
'XueHao',
'BanJi'
]
});
var store=Ext.create('Ext.data.Store',{
model:'MyData',
proxy:{
type:'ajax',
url:'Default.aspx',
reader:{
type:'json',
root:'items'
}
},
autoLoad:true
});
var grid=Ext.create('Ext.grid.GridPanel',{
store:store,
columns:[
{text:"姓名",width:120,dataIndex:'UserName',sortable:true},
{text:"性别",flex:1,dataIndex:'Sex',sortable:false},
{text:"年龄",width:100,dataIndex:'Age',sortable:true},
{text:"学号",width:100,dataIndex:'XueHao',sortable:true},
{text:"班级",width:100,dataIndex:'BanJi',sortable:true}
],
height:400,
width:480,
x:20,
y:40,
title:'ExtJS4 Grid示例',
renderTo:'demo',
viewConfig:{
stripeRows:true
}
});
});
</script>
</head>
<body>
<form id="form1" runat="server">
<div id="demo">
</div>
</form>
</body>
</html>
什么也不显示，var grid=Ext.create('Ext.grid.Panel'改成GridPanel就出现个表一直在呢loading没有数据
-
回答 2 已采纳 为了大家都看明白,先帖上部分代码:
var layout = new Ext.Panel({
title: 'XXXXXX',
layout: 'fit',
layoutConfig: {
columns: 1
},
items: [page1]
});
layout.render(Ext.getBody());
好,就这样,我的问题是,如果page1是一个字符串~~比如说我从服务器端获取的值是var str = "page1"(当然也会有"page2"之类的),然后我定义Gird时也用page1=new Ext.grid.GridPanel(...); page2=new Ext.grid.GridPanel(...);这种形式,然后我想显示的时候直接通过items: [str]这种形式显示出对应的界面,比如str = "page1",于是items:[page1].
但现在是直接page1可以显示,但变成字符str就不行了.大家有没有什么解决方案,在此谢过.
不知道我说明白没有~~~~~
[b]问题补充：[/b]
这个Ext.util.MixedCollection()需要加入什么 JS文件呢?
[b]问题补充：[/b]
搞定了,原来map.put("page1",page1); 这句话应该改为map.add("page1",page1);
多谢atian25~你的指导让我学到了很多.
结帖了
-
itlwc的博客 rn = new Ext.grid.RowNumberer(); 复选框 var sm = new Ext.grid.CheckboxSelectionModel({ //如果只允许用户通过复选框执行选中操作放开下面配置项 //handleMouseDown : Ext.emptyFn//可复用的空函数 //true... -
longlongbug的博客 我们在Ext.panel.Table看到以下片段 if (headerCtCfg instanceof Ext.grid.header.Container) { me.headerCt = headerCtCfg; me.headerCt.border = border; me.columns = me.headerCt -
天使的倔强的博客 Ext.ux.maximgb.tg这个包的作用是 对有树型表格的需求有很大的帮助，相信有许多人都有用过，也常常遇到过许多问题，本人在使用时也同样遇到过许多问题，经过痛苦的煎熬后，终于有点小见解，特在此留下纪录，以备在... -
jazwoo的博客 1、Ext.grid.GridPanel 主要配置项： store：表格的数据集 columns：表格列模式的配置数组，可自动创建ColumnModel列模式 autoExpandColumn：自动充满表格未用空间的列，参数为列id，该id不能为0 ... -
博文视点的博客 正如从前面的示例中看到的，创建Ext.grid.Panel时，必须指定columns选项，该选项要么是Ext.grid.column.Column数组，要么是JavaScript对象，该对象中必须包含一个items属性，该属性值依然是Ext.grid.column.Column... -
cenyebao的博客 /* * Ext JS Library 3.3.0 */ /** * @class Ext.grid.GridPanel * @extends Ext.Panel * This class represents(描述) the primary(主要的) -
微尘鉴的博客 两个gridpanel操作赋值 function generalChange(grid,gridT,row,col){ var allRecs = gridT.getStore().getRange(); var colName = gridT.columns[col].dataIndex; var value = allRecs[row].data[colName]; var... -
三维突破的博客 Ext.grid.Panel综合示例 包括 1、添加数据 2、简单搜索 3、编辑数据 4、删除数据 其中用到了comboBox的二级、三级联动和默认值的设定，以及datefield的使用和... Ext.datagrid远程加载数据（添加、删除和修改） -
oscar999的博客 就是给这个Cell，添加Tooltip 的效果， 当鼠标移动到这个Cell 上面时， 弹出一个Tooltip 把所有的内容显示出来。 -
diaoying3176的博客 第二章：Ext.js高级组件 grid组件 普通方式 表格面板类Ext.grid.Panel xtype（别名）：gridpanel、grid title标题、renderTo渲染至、width宽、height高 frame : Boolean 是否填充渲染gridpanel ... -
回答 2 已采纳 由于数据量不多,大概3,40条,不分页又太长了,又不想服务器分页(很多东西写死了不好改),琢磨了一下怎么本地分页,还是没搞出来,请大家指点一下,我是用store的loadData把数据载入,PagingToolbar读到了数据，但是无法分页，也想不出来该怎么改了
[code="js"]
cxtjFormPanel = Ext.extend(Ext.form.FormPanel,{
constructor:function(){
this.addEvents("query");
this.addEvents("reset");
cxtjFormPanel.superclass.constructor.call(this,{
autoHeight:true,
baseCls:"x-plain",
layout:"column",
width:550,
labelWidth:80,
items:[
{
columnWidth:.5,
defaults:{width:160},
defaultType:"textfield",
bodyStyle:"padding:5px",
layout:"form",
items:[
{
fieldLabel:"案件登记序号",
name:"ajdjXh",
maxLength:14
},{
fieldLabel:"纳税人编码",
name:"nsrbm",
maxLength:20
}
]
},{
columnWidth:.5,
defaults:{width:160},
defaultType:"textfield",
bodyStyle:"padding:5px",
layout:"form",
items:[
{
fieldLabel:"案源登记序号",
name:"aydjXh",
maxLength:14
},{
fieldLabel:"纳税人名称",
name:"nsrmc"
}
]
}
],
buttons:[
{
text:"查询",
handler:function(){
try{
this.onQuery();
}catch(e){
return;
}
},
scope:this
},{
text:"清空",
handler:function(){
this.onReset();
},
scope:this
}
]
});
},
onQuery:function(){
if(this.getForm().isValid())
this.fireEvent("query",this.getForm());
else
throw Error();
},
onReset:function(){
this.fireEvent("reset",this.getForm());
}
});
ajxxGridPanel = Ext.extend(Ext.grid.GridPanel,{
data:null,
constructor:function(){
this.addEvents("delete");
this.data = new Ext.data.JsonStore({
fields:["ajdjxh","aydjxh","nsrmc","ajmc","ajzt"]
}),
ajxxGridPanel.superclass.constructor.call(this,{
title:"案件信息列表",
autoHeight:true,
frame:true,
width:660,
loadMask:{msg:"正在加载,请稍后..."},
tbar:[
{
text:"删除案件",
handler:function(){
try{
this.onDelete();
}catch(e){
Ext.Msg.alert("提示","请选择要删除的案件!");
return;
}
},
scope:this
},"-"
],
columns:[
new Ext.grid.CheckboxSelectionModel(),
{header:"案件编号",dataIndex:"ajdjxh",width:100},
{header:"案源编号",dataIndex:"aydjxh",width:100},
{header:"纳税人名称",dataIndex:"nsrmc",width:170},
{header:"案件名称",dataIndex:"ajmc",width:170},
{header:"案件状态",dataIndex:"ajzt",width:110}
],
store:this.data,
// bbar: new Ext.PagingToolbar({
// pageSize: 10,
// store:this.data,
// displayInfo: true,
// displayMsg: '第{0} 到 {1} 条数据 共{2}条',
// emptyMsg: "没有数据"
// }),
sm:new Ext.grid.RowSelectionModel({
singleSelect:true
})
});
},
loadData:function(_data){
this.getStore().loadData(_data,false);
},
onDelete:function(){
if(this.getSelectionModel().getCount()>0)
this.fireEvent("delete",this,this.getStore(),this.getSelectionModel().getSelected());
else
throw Error();
}
});
ViewPanel = Ext.extend(Ext.Panel,{
form:null,
grid:null,
constructor:function(){
this.form = new cxtjFormPanel();
this.grid = new ajxxGridPanel();
ViewPanel.superclass.constructor.call(this,{
title:"删除案件信息",
plain:true,
frame:true,
autoHeight:true,
//height:450,
items:[
this.form,
this.grid
]
});
}
});
Ext.onReady(function(){
Ext.QuickTips.init();
Ext.form.TextField.prototype.msgTarget = "side";
var _view = new ViewPanel();
_view.render(Ext.getBody());
_view.form.on("query",function(_form){
//_form["waitMsgTarget"] = this.getEl();
_form.submit({
url:"/qt/qt036JcScajxxExt-query.pfv",
waitMsg:"正在查询,请稍后...",
success:function(_f,_a){
this.grid.loadData(_a.result.data);
},
failure:function(_f,_a){
Ext.Msg.alert("错误","查询失败!");
},
scope:this
});
},_view);
_view.form.on("reset",function(_form){
_form.reset();
},_view);
_view.grid.on("delete",function(_grid,_store,_record){
Ext.Msg.confirm("提示","是否删除案件["+_record.data.ajmc+"]?",function(_btn){
if(_btn=="yes"){
this.grid.getEl().mask("正在删除,请稍后...");
Ext.Ajax.request({
url:"/qt/qt036JcScajxxExt-delete.pfv",
params:{ajdjXh:_record.data.ajdjxh,aydjXh:_record.data.aydjxh},
success:function(_response){
var _result = Ext.util.JSON.decode(_response.responseText);
if(_result.state == "info"){
_store.remove(_record);
}
Ext.Msg.alert("提示",_result.message);
this.grid.getEl().unmask();
},
failure:function(){
Ext.Msg.alert("错误","删除案件失败!");
this.grid.getEl().unmask();
},
scope:this
});
}
},this)
},_view);
});
[/code]
-
回答 2 已采纳 老是报错item is null
[code="java"]Ext.onReady(function() {
var dataStore = Ext.create('Ext.data.JsonStore', {
proxy : Ext.create('Ext.data.HttpProxy', {
url : '/smc_web/role.do?method=roleList'
}),
root : 'root',
fields : [ 'name', 'isdefault', 'status', 'creatorid', 'createdtime',
'lastmodifierid', 'lastmodifiedtime', 'delflag', 'remark' ]
});
var dataPaging = Ext.create('Ext.PagingToolbar', {
pageSize : 12,
store : dataStore,
displayInfo : true,// 显示详细信息
displayMsg : '第 {0} – {1} 条数据，共 {2} 条数据',
emptyMsg : "没有检索到数据…"
});
var sm = new Ext.selection.CheckboxModel();
var nm = new Ext.grid.RowNumberer();
var col = [ nm, sm, {
header : '角色名称',
width : 20,
sortable : false,
dataIndex : 'name'
}, {
header : '是否缺省',
width : 20,
sortable : false,
dataIndex : 'isdefault'
}, {
header : '状态',
width : 20,
sortable : false,
dataIndex : 'status'
}, {
header : '创建者',
width : 20,
sortable : false,
dataIndex : 'creatorid'
}, {
header : '创建时间',
width : 20,
sortable : false,
dataIndex : 'createdtime'
}, {
header : '最后修改者',
width : 20,
sortable : false,
dataIndex : 'lastmodifierid'
}, {
header : '最后修改时间',
width : 20,
sortable : false,
dataIndex : 'lastmodifiedtime'
}, {
header : '删除标志',
width : 20,
sortable : false,
dataIndex : 'delflag'
}, {
header : '描述',
width : 20,
sortable : false,
dataIndex : 'remark'
} ];
var rolePanel = Ext.create('Ext.panel.Panel', {
autoWidth : true,
height : 500,
layout : 'border',
border : false,
items : [ {
title : '查询',
region : 'north',
xtype : 'panel',
height : 80,
autoWidth : true,
collapsible : true
}, {
title : '操作',
region : 'center',
xtype : 'panel',
height : 80,
collapsible : true,
id : 'west-region-container',
layout : 'fit'
}, {
title : '角色列表',
region : 'south',
xtype : 'grid',
layout : 'fit',
height : 340,
columns : col,
store : dataStore,
sm : sm,
/* headerAsText : false, */
bbar : dataPaging
} ],
});
rolePanel.render("rolePanel");
});
[/code]
