`

ExtJs生成复选框和序号

阅读更多
var sm = new Ext.selection.CheckboxModel();
var record_start = 0;
var myGird = Ext.create('Ext.grid.Panel', {
	store : mystore,
	selModel:sm, //添加复选框   Ext.create('Ext.selection.CheckboxModel')
	columns : [{text:'序号',width:30,renderer:function(value,metadata,record,rowIndex){
		  return record_start + 1 + rowIndex;//添加序号
	 }},{
		text : 'Name',
		dataIndex : 'name'
	}, {
		text : 'Email',
		dataIndex : 'email',
		flex : 1
	}, {
		text : 'Phone',
		dataIndex : 'phone'
	} ],
/*	// forceFit:true,
	width : '100%',
	height : '80%',
	// renderTo : 'mainc',
*/				dockedItems : [ {
		xtype : 'pagingtoolbar',
		store : mystore, // same store GridPanel is using
		dock : 'bottom',
		displayInfo : true,
		emptyMsg : "没有数据",
		displayMsg : "显示从{0}条数据到{1}条数据,共{2}条数据",
		pageSize : 2
	} ]

});


技术交流群:312740759
分享到:
评论

相关推荐

    解决Extjs当中复选框全选后,取消选中某一项,全选框仍是选中状态的问题

    在EXTJS这个强大的JavaScript框架中,用户界面的交互设计是其一大亮点,其中包括各种各样的控件,如复选框(checkboxes)和全选功能。然而,在实际应用中,我们可能会遇到一个问题:当实现全选功能后,如果尝试取消...

    extjs4.1下拉复选框完整DEMO

    总结一下,"extjs4.1下拉复选框完整DEMO"展示了如何利用ExtJS 4.1的组件系统和数据存储机制创建一个动态加载数据的下拉复选框。这个DEMO的实现包括核心库、用户扩展、资源文件和演示代码,为开发者提供了一个完整的...

    extjs带复选框的树包括全选 反选 子选父以及 父选子

    - `extjs复选框树.js`:这是实现上述功能的JavaScript代码,包括工具类和针对树节点的操作方法。 - `样式文件.css`:可能包含了一些自定义的样式,用于美化复选框和树的显示效果。 - `示例HTML文件.html`:演示如何...

    基于EXTjs 的 动态复选框树

    基于EXTjs 的 动态复选框树 json数据交互

    带复选框的 ExtJs tree

    在给定的文件中,我们关注的是“带复选框的ExtJS tree”这一主题,这涉及到ExtJS框架下的树形组件(TreePanel)如何与复选框结合,为用户提供更为灵活的数据选择和管理方式。 ### 标题解析:“带复选框的ExtJS tree...

    extjs3.X 带复选框的树

    总的来说,带复选框的树在ExtJS 3.x中是一个强大的功能,它结合了树形结构和复选框的选择机制,为用户提供了一种直观且高效的方式来操作层级数据。理解和实现这样的功能,对提升ExtJS应用的用户体验至关重要。

    Extjs4.2带复选框下拉树组件

    网上搜索了许久未找到...Extjs4.2 带复选框的下拉树,解决了向下勾选子节点、向上勾选父节点,正选反选获取值等问题,勾选的节点显示displayfield值直接显示在下拉文本框中。需要引用ext-all.js和ext-all-neptune.css

    extjs4带全选复选框的下列表(有bug)

    1、解压,进入extjs4.2.1\examples\form,浏览器打开 hbox-form.html 文件,当我勾选中任意一个多选下拉框,然后再勾选‘ALL’时,‘ALL’却是不被选中的状态,且...extjs4.2.1\examples\form\MultipleComboBox.js

    EXTJS动态树支持checkbox 全选

    通过查看和学习这些代码,你可以更深入地理解EXTJS动态树和复选框全选功能的实现方式。 总结来说,EXTJS动态树支持checkbox全选是一个结合了EXTJS TreePanel组件、数据模型、事件处理和异步加载技术的功能实现,...

    关于extjs treepanel复选框选中父节点与子节点的问题

    总的来说,EXTJS TreePanel的复选框功能是通过监听节点状态变化并递归地更新子节点状态来实现的,同时需要确保所有子节点未选中时父节点才能取消选中。这种设计提高了用户界面的交互性和易用性。

    弹出层弹出层复选框

    提问 - Boxy.ask() - 用户定义的选项,选择项传递给回调函数 弹出 - Boxy.alert() - 回调函数总是不被调用 确认 - Boxy.confirm() - 仅当用户选择了“确认”时回调函数会被调用 行业选择器 - Boxy.industry() - 仅当...

    无废话ExtJs 系统教程十九[动态复选框:RemoteCheckboxGroup]

    5. 自定义渲染:如果你需要对复选框的呈现方式做特殊定制,例如添加额外的样式或行为,你可以使用ExtJS的模板和渲染函数来实现。 现在,我们来看看`ext-basex.js`这个文件。这很可能是ExtJS的一个基础库或者特定...

    Extjs 点击复选框在表格中增加相关信息行

    首先,我们需要创建一个复选框组(CheckboxGroup)来显示可供选择的省份。在这个例子中,`$provinceCheckbox01`是一个复选框组,它通过监听`change`事件来响应用户的选择变化。 接下来,定义了一个名为`gridItems`...

    extjs界面生成器extjs界面生成器extjs界面生成器

    extjs界面生成器extjs界面生成器extjs界面生成器extjs界面生成器extjs界面生成器

    ExtJs 登陆框、框架

    ExtJS 是一个强大的JavaScript库,专门用于构建富客户端的Web应用程序。它提供了丰富的组件库,...以上内容详细阐述了基于C#和ExtJS构建登录框和框架的关键技术,这些知识对于开发富客户端Web应用具有重要的实践价值。

    ext复选框的ColumnTree扩展包

    这个扩展包包括了所有必要的JavaScript和CSS文件,方便开发者直接引入项目中,无需额外编写代码即可实现复选框功能。 JavaScript文件主要负责实现复选框的逻辑,包括复选框的显示、状态管理(选中、未选中、半选中...

    ExtJs代码自动生成

    - `CheckboxGroup`:复选框组,允许用户从多个复选框中选择一项或多项。 - `ComboBox`:下拉列表框,提供一个可展开的选项列表供用户选择。 - `DateField`:时间框,让用户选择日期或时间。 - `HtmlEditor`:富...

Global site tag (gtag.js) - Google Analytics