bisubisu
山城忙碌人
采纳率100%
2010-09-02 19:23 阅读 272

请教ext 高级查询问题?

Ext.onReady(function() {
Ext.QuickTips.init();// 支持tips提示
Ext.form.Field.prototype.msgTarget = 'side';// 提示的方式,枚举值为"qtip","title","under","side",id(元素id)
// 高级查询panel
var formPanel = new Ext.FormPanel({
title : "高级查询",
border : false,
height : 60,
autoWidth : true,
layout : "table",
width : 50,
url : "/exttext/UserMessageServlet",
items : [{
style : "margin-left: 20",
border : false,
layout : "form",
labelWidth : 70,
items : [{
style : "margin-top: 5",
xtype : 'textfield',
fieldLabel : "商家姓名",
id : 'smsName',
name : "smsName",
maxLength : 20,
allowBlank : false
}]
}, {
border : false,
items : [{
xtype : 'button',
type : "submit",
text : "提交",
style : "margin-left: 60",
handler : function() {
formPanel.getForm().submit();
}
}]
}]
});
// 定义远程代理
var proxy = new Ext.data.HttpProxy({
url : "/exttext/UserMessageServlet"
});
// 解析器
var reader = new Ext.data.XmlReader({
totalRecords : "results",// 分页条数
record : "CimUser"// 服务端返回对象的名字,这里一定不能写 root
}, Ext.data.Record.create([{
name : "userId"
}, {
name : "userName"
}, {
name : "userLoginId"
}, {
name : "userSuperId"
}]));
// 定义数据源对象(必须定义)
var store = new Ext.data.Store({
autoLoad : true,// 应该是自动加载
reader : reader// 解析器
,
proxy : proxy,// 代理
params : {
start : 0,
limit : 3
}
});
// 创建Grid表格组件 相关于sm
var checkboxSelectionModel = new Ext.grid.CheckboxSelectionModel();
// 定义行号
var rowNum = new Ext.grid.RowNumberer({
header : '行号',
width : 40
});
// 分页
var bbr = new Ext.PagingToolbar({
store : store,
pageSize : 3,
displayInfo : true,
displayMsg : '显示第 {0} 条到 {1} 条记录,一共 {2} 条',
emptyMsg : "没有记录",
beforePageText : "当前是第 "
})
// 主panel
var gridPanel = new Ext.grid.GridPanel({
title : "商家信息",
collapsible : true,
store : store,
height : 480,
stripeRows : true,// 分隔符
sm : checkboxSelectionModel,
viewConfig : {
autoFill : true
},
bbar : bbr,
columns : [// 配置表格列
rowNum, // 表格行号组件
checkboxSelectionModel, {
header : "编号",
dataIndex : 'userId',
sortable : true
}, {
header : "名称",
dataIndex : 'userName',
sortable : true
}, {
header : "登录ID",
dataIndex : 'userLoginId',
sortable : true
}, {
header : "父级编号",
dataIndex : 'userSuperId',
sortable : true
}, {
header : "操作",
dataIndex : "userId",
renderer : function(value, cellmeta, record, rowIndex,
columnIndex, store) {
var userId = record.get("userId");
var userSuperId = record.get("userSuperId");
var str = "";
return str;
},
renderer : function(value, cellmeta, record, rowIndex,
columnIndex, store) {
var userId1 = record.get("userId");
var userSuperId1 = record.get("userSuperId");
var str1 = "";
return str1;
}
}]
});
// 布局panel
var panel = new Ext.Viewport({
layout : "border",
border : true,
collapsible : true,
items : [{
region : "north",
height : 60,
title : "",
items : [formPanel]
}, {
region : "center",
items : [gridPanel],
autoHeight : true
}]
})
})
function button(userName, userSuperId) {
alert("userMessage:" + userName + " " + userSuperId);
}
Ext.onReady(function() {

Ext.QuickTips.init();// 支持tips提示

Ext.form.Field.prototype.msgTarget = 'side';// 提示的方式,枚举值为"qtip","title","under","side",id(元素id)

// 高级查询panel

var formPanel = new Ext.FormPanel({

title : "高级查询",

border : false,

height : 60,

autoWidth : true,

layout : "table",

width : 50,

url : "/exttext/UserMessageServlet",

items : [{

style : "margin-left: 20",

border : false,

layout : "form",

labelWidth : 70,

items : [{

style : "margin-top: 5",

xtype : 'textfield',

fieldLabel : "商家姓名",

id : 'smsName',

name : "smsName",

maxLength : 20,

allowBlank : false

}]

}, {

border : false,

items : [{

xtype : 'button',

type : "submit",

text : "提交",

style : "margin-left: 60",

handler : function() {

formPanel.getForm().submit();

}

}]

}]

});

// 定义远程代理

var proxy = new Ext.data.HttpProxy({

url : "/exttext/UserMessageServlet"

});

// 解析器

var reader = new Ext.data.XmlReader({

totalRecords : "results",// 分页条数

record : "CimUser"// 服务端返回对象的名字,这里一定不能写 root

}, Ext.data.Record.create([{

name : "userId"

}, {

name : "userName"

}, {

name : "userLoginId"

}, {

name : "userSuperId"

}]));

// 定义数据源对象(必须定义)

var store = new Ext.data.Store({

autoLoad : true,// 应该是自动加载

reader : reader// 解析器

,

proxy : proxy,// 代理

params : {

start : 0,

limit : 3

}

});

// 创建Grid表格组件 相关于sm

var checkboxSelectionModel = new Ext.grid.CheckboxSelectionModel();

// 定义行号

var rowNum = new Ext.grid.RowNumberer({

header : '行号',

width : 40

});

// 分页

var bbr = new Ext.PagingToolbar({

store : store,

pageSize : 3,

displayInfo : true,

displayMsg : '显示第 {0} 条到 {1} 条记录,一共 {2} 条',

emptyMsg : "没有记录",

beforePageText : "当前是第 "

})

// 主panel

var gridPanel = new Ext.grid.GridPanel({

title : "商家信息",

collapsible : true,

store : store,

height : 480,

stripeRows : true,// 分隔符

sm : checkboxSelectionModel,

viewConfig : {

autoFill : true

},

bbar : bbr,

columns : [// 配置表格列

rowNum, // 表格行号组件

checkboxSelectionModel, {

header : "编号",

dataIndex : 'userId',

sortable : true

}, {

header : "名称",

dataIndex : 'userName',

sortable : true

}, {

header : "登录ID",

dataIndex : 'userLoginId',

sortable : true

}, {

header : "父级编号",

dataIndex : 'userSuperId',

sortable : true

}, {

header : "操作",

dataIndex : "userId",

renderer : function(value, cellmeta, record, rowIndex,

columnIndex, store) {

var userId = record.get("userId");

var userSuperId = record.get("userSuperId");

var str = "<input type='button' value='查看' onclick='button("

  • userId + "," + userSuperId + ")'/>";

return str;

},

renderer : function(value, cellmeta, record, rowIndex,

columnIndex, store) {

var userId1 = record.get("userId");

var userSuperId1 = record.get("userSuperId");

var str1 = "<input type='button' value='优先' onclick='button("

  • userId1 + "," + userSuperId1 + ")'/>";

return str1;

}

}]

});

// 布局panel

var panel = new Ext.Viewport({

layout : "border",

border : true,

collapsible : true,

items : [{

region : "north",

height : 60,

title : "",

items : [formPanel]

}, {

region : "center",

items : [gridPanel],

autoHeight : true

}]

})
})
function button(userName, userSuperId) {

alert("userMessage:" + userName + " " + userSuperId);
}
现在的情况是:能正常显示,正常分页,但有点高级查询时,服务端能正常输出查询的XML,分页数也正常,但客户端却说语法错误,小第在此求解决办法,谢谢了???????????

  • 点赞
  • 写回答
  • 关注问题
  • 收藏
  • 复制链接分享

6条回答 默认 最新

  • 已采纳
    iteye_9229 iteye_9229 2010-09-03 09:48

    为什么只能显示一个优先按钮,而不能显示查询呢?
    一列只有一个renderer起作用,两个按钮合起来不就好了么,return str+str1

    点赞 评论 复制链接分享
  • lizhiyezi lizhiyezi 2010-09-02 20:45

    formPanel.getForm().submit(); //是表单提交,并不是使用gridpanel进行数据加载

    你在点击提交的时候使用。
    store.baseParams = formPanel.getForm().getValues();//吧form表单作为store参数查询
    store.load({params:{start:0,limit:20}});//查询数据

    点赞 评论 复制链接分享
  • lizhiyezi lizhiyezi 2010-09-03 09:16

    后台数据格式呢?

    点赞 评论 复制链接分享
  • lizhiyezi lizhiyezi 2010-09-03 09:48

    json 属性一样,第二个会覆盖第一个。

    点赞 评论 复制链接分享
  • lizhiyezi lizhiyezi 2010-09-03 11:28

    汉字字母都代表字符串, 字符串参数需要 '' 或者 ""
    return "";

    点赞 评论 复制链接分享
  • lizhiyezi lizhiyezi 2010-09-03 12:41

    你事件函数是button 不是 onButton 你检查下代码。没输出来可能是没值。

    点赞 评论 复制链接分享

相关推荐