fieldset 多列显示 extjs
编辑：www.fx114.net
本篇文章主要介绍了"fieldset 多列显示 extjs"，主要涉及到fieldset 多列显示 extjs方面的内容，对于fieldset 多列显示 extjs感兴趣的同学可以参考一下。
Ext.onReady(function(){&& &&&&&&&&&&&&& &Ext.QuickTips.init();& &&&&&&&&&&&&&&& Ext.form.Field.prototype.msgTarget = 'side';& &&&&&&&&&&&&&&& &simple = new Ext.FormPanel({& &&&&&&&&&&&&&&&&& &, &&&&&&&&&&&&&&& &&&&&&&&&&&&&&&&&&method:'POST', & &&&&&&&&&&&&&&&&& &labelWidth: 75, & &&&&&&&&&&&&&&&&& &frame:true,& &&&&&&&&&&&&&&&&& &title: 'insert role',& &&&&&&&&&&&&&&&&& &bodyStyle:'padding:5px 5px 0',& &&&&&&&&&&&&&&&&& &width: 420,& &&&&&&&&&&&&&&&&& &defaults: {width: 230},& &&&&&&&&&&&&&&&&& &defaultType: 'textfield',&&&&&&&&&&&&&&&&&onsubmit: Ext.emptyFn,&&&&&&&&&&&&&&&&&submit: function() {&&&&&&&&&&&&&&&&&&this.getEl().dom.action='javascript:preSubmit();';&&&&&&&&&&&&&&&&&&this.getEl().dom.submit();&&&&&&&&&&&&&&&&&},&& &&&&&&&&&&&&&& && &&&&&&&&&&&&&&&&& &items: [& &&&&&&&&&&&&&&&&& &&&&&&&& {& & &&&&&&&&&&&&&&&&& &&&&&&&& &fieldLabel: 'role name',& &&&&&&&&&&&&&&&&& &&&&&&&& &name: 'roleName',&&&& &&&&&&&&&&&&&& &&&&&&&& && &&&&&&&&&&&&&&&&& &&&&&&&& &allowBlank:false,& &&&&&&&&&&&&&&&&& &&&&&&&& &blankText: '${msgResource["public.can.not.empty"]}'& &&&&&&&&&&&&&&&&& &&&& &&},& &&&&&&&&&&&&&&&&& &&&& && &&&&&&&&&&&&&&&&& &&&& &&&&&&&& &&&& &&&&&&&&&&&&&&&&&&&&&{&&&&&&&&&&&&&&&&&&&&&&&&&&& xtype: 'fieldset',&&&&&&&&&&&&&&&&&&&&&&&&&&& title: 'Card Service List',&&&&&&&&&&&&&&&&&&&&&&&&&&& autoHeight:true,&&&&&&&&&&&&&&&&&&&&&&&&&&& defaultType: 'checkbox',&&&&&&&&&&&&&&&&&&&&&&&&&&& layout: 'column',&&&&&&&&&&&&&&&&&&&&&&&&&&& columnWidth:'.5', &&&&&&&&&&&&&&&&&&&&&&&&&&& //checkboxToggle:true,&&&&&&&&&&&&&&&&&&&&&&&&&&& hideLabels: true,&&&&&&&&&&&&&&&&&&&&&&&&&&& width: 330,&&&&&&&&&&&&&&&&&&&&&&&&&&& items: [&&&&&&&&&&&&&&&&&&&&&&&&&&&&& &&&&&&&&&&&&&&&&&&&&&&&&&&& &&&&&&&&&&&&&&&&&&&&&&&c:forEach items="${cardServiceList}"& var="list" varStatus="status"& &&&&&&&&&&&&&&& &&&&&&&&&&&&&&&{&boxLabel:'${list.cardServiceAction}', &&&&&&&&&&&&&&& &&&&&&&&&&&&&&&&name:'tempPrivilegeId', &&&&&&&&&&&&&&& &&&&&&&&&&&&&&&& width: 115,&&&&&&&&&&&&&&& &&&&&&&&&&&&&&&&inputValue:'${list.cardServiceId}' &&&&&&&&&&&&&&& &&&&&&&&&&&&&&&&&&&&&&&&&&&&&&& &&&&&&&&&&&&&&&&&&&}&c:if test='${status.last == false}'&,&/c:if&&&&&&&&&&&&&&&&&&&&&&&&/c:forEach&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&& &&&&&&&&&&&&&&&&]&&&&&&&&&&& &&&&&&&&&&&&&&&&&&&&&&&&&&& &&&&&&&&&&&&&&&&&&&&&&& &&&&&&&&&&&&&&&&&},&&&&&&& &&&&&&&&&&&&&&&&&& &&&&&&&&&&&&&&&&& &&&& && &&&&&&&&&&&&&&&& &&&& &&&&&&&& &&&& &&&&&&&&&&&&&&&&&&&&&{&&&&&&&&&&&&&&&&&&&&&&&&&&& xtype: 'fieldset',&&&&&&&&&&&&&&&&&&&&&&&&&&& title: 'Platform List',&&&&&&&&&&&&&&&&&&&&&&&&&& // checkboxToggle:true,&&&&&&&&&&&&&&&&&&&&&&&&&&& autoHeight:true,&&&&&&&&&&&&&&&&&&&&&&&&&&& defaultType: 'checkbox',&&&&&&&&&&&&&&&&&&&&&&&&&&& hideLabels: true,&&&&&&&&&&&&&&&&&&&&&&&&&& // layout: 'column',&&&&&&&&&&&&&&&&&&&&&&&&&&& //columnWidth:'.8', &&&&&&&&&&&&&&&&&&&&&&&&&&& width: 330,&&&&&&&&&&&&&&&&&&&&&&&&&&& items: [&&&&&&&&&&&&&&&&&&&&&&&c:forEach items="${platFormList}"& var="list" varStatus="status"& &&&&&&&&&&&&&&& &&&&&&&&&&&&&&&{&boxLabel:'${list.platformName}', &&&&&&&&&&&&&&& &&&&&&&&&&&&&&&&name:'tempPlatformId', &&&&&&&&&&&&&&& &&&&&&&&&&&&&&&&inputValue:'${list.platformId}' &&&&&&&&&&&&&&& &&&&&&&&&&&&&&&&&&&&&&&&&&&&&&& &&&&&&&&&&&&&&&&&&&}&c:if test='${status.last == false}'&,&/c:if&&&&&&&&&&&&&&&&&&&&&&&&/c:forEach&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&& &&&&&&&&&&&&&&&&]&&&&&&& &&&&&&&&&&&&&&&&&}&&&&&&&&&&&&&&& &&&& &&& &&&&&&&&&&&&&&&&& &],& &&&&&&&&&&&&&& && &&&&&&&&&&&&&&&&& &buttons: [{& &&&&&&&&&&&&&&&&& &&&& text: '${msgResource["public.submit"]}',& &&&&&&&&&&&&&&&&& &&&& handler:function(){simple.form.submit();}& &&&&&&&&&&&&&&&&& &},{& &&&&&&&&&&&&&&&&& &&&& text: '${msgResource["public.goBack"]}',& &&&&&&&&&&&&&&&&& &&&& handler:function(){javascript:goto('listRole.htm');}& &&&&&&&&&&&&&&&&& &}]& &&&&&&&&&&&&& &});& &&&&&&&&&& &&&&&&&&&&&&& &simple.render('show');&&&&&&&&&&&&&&}); &!-- Ext.onReady(function() --&&&&& &&&&&&&&&&&& &&&&&&&&&&&&&/script&&&&&&&&&&&&&&&&&div id="show"&&/div&&&&&&&&&&&&&&&&/div&
版权声明：本文为博主原创文章，未经博主允许不得转载。
一、不得利用本站危害国家安全、泄露国家秘密，不得侵犯国家社会集体的和公民的合法权益，不得利用本站制作、复制和传播不法有害信息！
二、互相尊重，对自己的言论和行为负责。
本文标题：
本页链接：Extjs怎么给Grid增加一个CheckBox列_百度知道
Extjs怎么给Grid增加一个CheckBox列
我有更好的答案
首先导入扩展CheckColumn的JS文件在extjs文件包的/examples/ux/CheckColumn.js。 然后将你要用来显示true/false的那列的xtype配置成checkcolumn。 例子: {xtype:&checkcolumn&,header:&头部&,dataIndex:&xxxx&}
采纳率：99%
为您推荐：
其他类似问题
extjs的相关知识
换一换
回答问题，赢新手礼包
个人、企业类
违法有害信息,请在下方选择后提交
色情、暴力
我们会通过消息、邮箱等方式尽快将举报结果通知您。已解决问题
extjs4可编辑grid怎么再多加一列可以选择多行的复选框（且表头也为复选框）
看了下单元格的api，好像就一个配置要么selMode:'cellmodle'，要么selMode:'rowEditing',不知道怎么把二者结合起来，求大神指教！（实现类似的功能的方法也可以给个好的意见，非常感谢！）
浏览次数：1496
用手机阿里扫一扫
最满意答案
EXT4的话编辑单元格的话应该是给plugin属性加一个'Ext.grid.plugin.CellEditing'然后selmodel:Ext.create('Ext.selection.CheckboxModel'）就行啦
答案创立者
以企业身份回答&
正在进行的活动
生意经不允许发广告，违者直接删除
复制问题或回答，一经发现，拉黑7天
快速解决你的电商难题
店铺优化排查提升2倍流量
擅长&nbsp 店铺优化
您可能有同感的问题
扫一扫用手机阿里看生意经
问题排行榜
当前问题的答案已经被保护，只有知县（三级）以上的用户可以编辑！写下您的建议，管理员会及时与您联络！
server is okExtjs怎么给Grid增加一个CheckBox列_百度知道
Extjs怎么给Grid增加一个CheckBox列
我有更好的答案
var extWindowDepartmentList = new Ext.grid.GridPanel ({autoFill : true,
autoHeight : true,
cm : new Ext.grid.ColumnModel([new Ext.grid.CheckboxSelectionModel ({singleSelect : false}),//checkbox 列
{dataIndex : 'AreaID',header : '地区',hidden : false,sortable : false},
{dataIndex : 'Dept_Name',header : '部门',hidden : false,sortable : false},
{dataIndex : 'Id',header : 'Id',hidden : true,sortable : false}]),
height : 500,
sm : new Ext.grid.CheckboxSelectionModel ({singleSelect : false}) //这里必须有,
store : new Ext.data.Store ({autoLoad : true,id : 'StoreDepartmentList',proxy : new Ext.data.HttpProxy ({url : '/Department/List'
}), //数据源
reader : new Ext.data.JsonReader ({fields : [{type : 'auto'
},{name : 'AreaID',
type : 'auto'},{name : 'Dept_Name',type : 'auto'},
{name : 'Id',type : 'auto'}]})
为您推荐：
其他类似问题
换一换
回答问题，赢新手礼包
个人、企业类
违法有害信息,请在下方选择后提交
色情、暴力
我们会通过消息、邮箱等方式尽快将举报结果通知您。博客分类：
这几天，研究了一下Extjs，做了一个关于Extjs动态创建Checkboxgroup的例子,也参照了网上的一些代码。Web JSP页面代码如下：
&%@ page language="java" contentType="text/ charset=GB18030"
pageEncoding="GB18030"%&
&!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"&
&meta http-equiv="Content-Type" content="text/ charset=GB18030"&
&title&Insert title here&/title&
&link rel="stylesheet" type="text/css" href="../extjs/resources/css/ext-all.css"/&
&script type="text/javascript" src="../extjs/adapter/ext/ext-base.js"&&/script&
&script type="text/javascript" src="../extjs/ext-all.js"&&/script&
&script type="text/javascript" src="../extjs/ext-basex.js"&&/script&
&script type="text/javascript"&
Ext.onReady(function(){
MyCheckboxGroup=Ext.extend(Ext.form.CheckboxGroup,{
columns:4,
dataUrl:'', //数据地址
labelFiled:'label',
valueFiled:'value',
setValue:function(val){
alert(val);
if(val.split){
val=val.split(',');
this.reset();
for(var i=0;i &val.i++){
this.items.each(function(c){
if(c.inputValue==val[i]){
c.setValue(true);
reset:function(){
this.items.each(function(c){
c.setValue(false);
getValue:function(){
var val=[];
this.items.each(function(c){
if(c.getValue()==true)
val.push(c.inputValue);
return val.join(',');
onRender:function(ct, position){
var items=[];
if(!this.items){
Ext.Ajax.request({
url:this.dataUrl,
scope:this,
async:false,
success: function(resp,opts) {
var respText = Ext.util.JSON.decode(resp.responseText);
for(var i=0;i &respText.totalCi++){
var d=respText.records[i];
var chk ={boxLabel:d.boxLabel, name: d.name, inputValue:d.inputValue};
items.push(chk);
//传统AJAX
if (window.ActiveXObject) {
obj = new ActiveXObject('Microsoft.XMLHTTP');
else if (window.XMLHttpRequest) {
obj = new XMLHttpRequest();
obj.open('GET', this.dataUrl, false);
obj.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
obj.send(null);
var respText = Ext.util.JSON.decode(obj.responseText);
for(var i=0;i &respText.totalCi++){
var d=respText.records[i];
var chk ={boxLabel:d.boxLabel, name: d.name, inputValue:d.inputValue};
items.push(chk);
/*Ext Ajax*/
var conn = Ext.lib.Ajax.getConnectionObject().
conn.open("get", this.dataUrl,false);
conn.send(null);
// 成功状态码为200
if (conn.status == "200") {
var respText = Ext.util.JSON.decode(conn.responseText);
for(var i=0;i &respText.totalCi++){
var d=respText.records[i];
var chk ={boxLabel:d.boxLabel, name: d.name, inputValue:d.inputValue,checked:d.check};
items.push(chk);
this.items=
MyCheckboxGroup.superclass.onRender.call(this, ct, position);
Ext.reg('mycheckgroup',MyCheckboxGroup);
var mycc=new MyCheckboxGroup({
fieldLabel: 'Auto Layout',
name: 'cb-custwidth',
dataUrl:'&%=request.getContextPath()%&/User_userRole'
var chk=new Ext.form.FormPanel({
renderTo:'form',
frame:true,
//mycc.setValue('SYSADMIN,CUSTOMERSERVICE');//设值
id="form"&&/div&
后台我用的是Struts2，代码如下：
public class UserAction
extends ActionSupport {
private HttpS
private HttpServletR
private HttpServletR
private S //密码
private S//权限
* 获得用户权限Action
public String userRole(){
PrintWriter out=
response.setContentType("text/charset=GBK");
UserService uservice=new UserService();
out=response.getWriter();
} catch (IOException e) {
e.printStackTrace();
List&UserRole& list=uservice.getAllRole();
JSONArray obj=JSONArray.fromObject(list);
String res = new StringBuffer().append("{\"totalCount\":").append("\"").append(list.size()).append("\",")
.append("\"records\":").append(obj.toString()).append("}").toString();
out.println(res);
System.out.println(res);
以上是我这几天的研究成果。。。 呵呵，有什么问题，请留言。
下载次数: 43
浏览: 18697 次
来自: 北京
感谢啊，这两天问个问题，折腾死我了
刚开始的时候我的也不行，我直接用的Ext.Ajax.reque ...
另外你上传的东西也是错的吧，新手，求指教啊 qq：496338 ...
我是在.net下面用的，4.1的库，但是拿过来总是报错说找不 ...
请问，如果要reload数据怎么办？谢谢！
(window.slotbydup=window.slotbydup || []).push({
id: '4773203',
container: s,
size: '200,200',
display: 'inlay-fix'