日期:2014-05-16  浏览次数:20650 次

ext列表复选框问题~ - Web 开发 / Ajax
用ext生成了带复选框的列表,想删除被选中的数据
怎样通过复选框传数值?

下边为代码和列表图片

JScript code


Ext.onReady(function() {
        
        var sm = new Ext.grid.CheckboxSelectionModel();
        
        var cm = new Ext.grid.ColumnModel(
            [new Ext.grid.RowNumberer(),
                sm,
                {    header : '所属类型',dataIndex : 'h1',width:130}, 
                {    header : '修改',dataIndex : 'h2',width:50,
                    renderer : function(value) {
                        return "<a onclick=onc('edit_"+value+"')  style=cursor:hand >修改</a>";
                    }
                }
            ]);
            cm.defaultSortable = true;

             ds = new Ext.data.Store({
                proxy : new Ext.data.HttpProxy({
                            url : '/hghss/ExExamTeamPageAction.do'
                        }),
                reader : new Ext.data.JsonReader(
                        {totalProperty : 'totalProperty',root : 'root'}, 
                        [
                            {name : 'h1',mapping : 'h1'}, 
                            {name : 'h4',mapping : 'h2'}
                        ]
                    )
                    // remoteSort:true

                });

            var grid = new Ext.grid.GridPanel({
                

            tbar:[
                 new Ext.Toolbar.Fill(),
                    {
                text:'删 除',
                tooltip:'删除信息',
                handler:function(){window.open("");}
                
                //iconCls:'remove'//图标
            }
            ],

                
                
                el : 'grid',//页面div的id
                title : ' ',
                sm:sm,//设置多选框可以多选
                trackMouseOver : true,
                
                loadMask : {
                    msg : '正在加载数据,请稍侯……'
                },
                store : ds,
                cm : cm,
                viewConfig : {
                    columnsText : "显示/隐藏列",
                    sortAscText : "正序排列",
                    sortDescText : "倒序排列"
                }

            });

            grid.render();

});//end ......  Ext.onReady(function()








------解决方案--------------------
JScript code

var oSelMode    = grid.getSelectionModel();
var oRecords    = oSelMode.getSelections();
var sIds = "";
for(var i=0;i<oRecords.length;i++){
    sIds += oRecords[i].get("h1");
    if(i != oRecords.length-1) sIds += ",";
}
alert(sIds)
得到sIds后赋值给表单递交即可