ExtJS Grid使用SimpleStore、多选框的方法_extjs

复制代码 代码如下:

///<reference path="./vswd-ext_2.0.2.js" />
Ext.onReady(function(){
var data = [
[1,"wilson.fu",10],
[2,"wilson.fu2",20],
[3,"wilson.fu3",30]
];

var sqldata = new Array() ;
for(var i=0;i<10;i++)
{
sqldata.push([i.toString(),"wilson.fu" + i.toString(),10*i]);
}

var sm = new Ext.grid.CheckboxSelectionModel({handleMouseDown:Ext.emptyFn});
var cm = new Ext.grid.ColumnModel([
sm,
{header:"编号",dataIndex:"id",sortable:true},
{header:"姓名",dataIndex:"name"},
{header:"排序值",dataIndex:"ordernum",sortable:true}
]);

var store = new Ext.data.SimpleStore({
fields:[
{name:"id"},
{name:"name"},
{name:"ordernum"}
]
});

store.loadData(sqldata);

var gd = new Ext.grid.GridPanel({
renderTo:"grid",
cm:cm,
sm:sm,
store:store,
loadMask:true
});

Ext.get("btn").on("click",function(){
var selections = gd.getSelectionModel().getSelections();
debugger
//得到选择的行的值
});

});

时间: 2024-10-21 22:35:03

ExtJS Grid使用SimpleStore、多选框的方法_extjs的相关文章

ExtJs grid行 右键菜单的两种方法_extjs

在这下边: 方法一 复制代码 代码如下: <%@ Page Language="C#" AutoEventWireup="true" CodeFile="gridContextMenu.aspx.cs" Inherits="gridContextMenu" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" &

Win7系统复选框使用方法及打开方法

  Win7系统复选框使用方法及打开方法         复选框使用方法及打开方法: 1.打开计算机,点击"工具"-"文件夹选项"; 2.在"文件夹选项"界面点击"查看"选卡; 3.在下面勾选[使用复选框以选择项],然后点击应用并确定; 4.然后我们就可以直接使用鼠标勾选需要选择的文件了.如图:

ExtJs 4.2.1 复选框数据项动态加载(更新一下)

最近在做博客项目,后台管理用的是ExtJs4.2.1版本,因为是初学所以在使用的时候也遇到不少的这样或那样的问题,也写了不少这方面的博客,今天要写的博客是关于复选框数据项动态的加载功能,以前也没用过,初次用,不知道怎么动态加载,静态加载很容易,添加itmes就可以了,于是我在网上找找有关这方面的博客,找到一篇,不过遗憾的是,这种方法太糟糕了,不是很方便,于是找到了一个很好的解决方法:   //点击编辑弹出的formpanel var formPanel = new Ext.FormPanel({

ExtJS4.1 Grid读取数据复选框打钩

问题描述 ExtJS4.1 需求是这样的,有个带复选框的Grid,里面固定存放20个信息数据(数据库存放一张表中),第一次编辑的时候选了3条数据保存在了另一张表中现在想知道我在加载的时候还是显示这20个信息数据,但是也读取另一张表的3条数据,这20条信息里的三个数据前面复选框需要打上对勾,应该如何操作呢? 解决方案 两种实现第一种:先读另一张表的3条数据,然后保存成页面临时变量,然后加载列表的20条数据.然后在store.load方法里面写回调函数,根据id或者其他字段相等把这3条数据对应的数据

Extjs 4.x 得到form CheckBox 复选框的值_extjs

CheckBox(复选框)主要用来接收用户选择的选项 如图所示(请忽略UI的不好看): 该弹出窗口的主要代码如下: 复制代码 代码如下: var win = new Ext.Window({ modal : true, title : '确定要拒绝该表吗?', width : 500, plain : true, items : [fp] }); win.show(); 弹出的窗口是载体,items里面的[fp]是form表单的句柄. 具体定义如下: 复制代码 代码如下: var fp = Ex

使用CSS实现页面复选框的方法

  产品篇 在我们的后台中,需要设置广告精准投放的区域,也就是要在全国31个省.自治区.直辖市中选择.那么,出现下面这幅景象也就理所应当了: 这样做有几个问题: 选项很多,没有规律,找起来很累 如果是一个已经选择了部分选项的广告,修改时仍然需要用肉眼寻找,无法一眼看出来投放到哪些省份 选完一个,再选下一个,还要从头找,甚至会被已经选过的影响 于是我想,首先应该把所有选项分为"已选中"和"未选中"两批,解决第2个问题,减轻第3个问题;其次复选框本身的价值不大,可以被替

Windows 7旗舰版系统下设置文件选择时前面有个复选框的方法

  1.首先在键盘按"win+E"组合键打开资源管理器,然后点击上方的"组织--文件夹和搜索选项"项; 2.在弹出来的"文件夹选项"界面中,切换到"查看"页面,然后在高级设置框中找到并勾选"使用复选框以选择项",然后点击确定按钮保存退出; 3.接着回到文件夹中,就会发现文件或图片前面多了个复选框,这样就可以直接用√选择需要选择的文件,是不是方便多了.

jsp 复选框使用方法_JSP编程

1,页面上 复制代码 代码如下: <td width="4%" height="26" align="center"> <input type="checkbox" name="checkbox" value=<%=user.getId()%> /> </td> 2.action 复制代码 代码如下: String[] checkbox = request.g

javascript动态添加checkbox复选框的方法_javascript技巧

本文实例为大家介绍了javascript如何动态添加checkbox复选框: 在实际应用中可能需要动态的添加复选框,下面就简单介绍一下如何实现此效果. 单纯的创建一个复选框是很容易的,代码如下: var oCheckbox=document.createElement("input"); oCheckbox.setAttribute("type","checkbox"); oCheckbox.setAttribute("id"