`
onlydo
  • 浏览: 168882 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

按钮列

阅读更多
使用Ext.ux.grid.RowActions.js,使用样例如下:
<script type="text/javascript" src="http://localhost/extjs/ux/Ext.ux.grid.RowActions.js"></script>

this.rowActions = new Ext.ux.grid.RowActions({
			 header:'操作'			
			,autoWidth:false
			,hideMode:'display'
			,keepSelection:true
			,actions:[{
				 iconCls:'icon-publish'
				,tooltip:'发布'
				//,text:'发布'
				,hideIndex:'PUBLISH'
				,callback:function(grid, records, action,rowIndex,colIndex) {						
					Ext.Ajax.request( {
						url :'info/changeStatus.do',
						params : {
							'id' :records.get('ID'),
							'status' :'1'
						},
						method :'POST',
						success : function(response) {
							var r = Ext.decode(response.responseText);
							if (!r.success)
								Ext.Msg.alert('提示信息', '发布失败,由以下原因所致:<br/>'
										+ (r.errors.msg ? r.errors.msg : '未知原因'));
							else {
								grid.store.reload();
							}
						},
						scope :this
					});
				}
			},{
				iconCls:'icon-unpublish'
				,tooltip:'撤回'
				//,text:'撤回'
				,hideIndex:'UNPUBLISH'
				,callback:function(grid, records, action,rowIndex,colIndex) {						
					Ext.Ajax.request( {
						url :'info/changeStatus.do',
						params : {
							'id' :records.get('ID'),
							'status' :'2'
						},
						method :'POST',
						success : function(response) {
							var r = Ext.decode(response.responseText);
							if (!r.success)
								Ext.Msg.alert('提示信息', '发布失败,由以下原因所致:<br/>'
										+ (r.errors.msg ? r.errors.msg : '未知原因'));
							else {
								grid.store.reload();
							}
						},
						scope :this
					});
				}
			},{
				 iconCls:'icon-totopas'
				,tooltip:'置顶'
				//,text:'置顶'
				,hideIndex:'TOTOPAS'
				,callback:function(grid, records, action,rowIndex,colIndex) {							
					Ext.Ajax.request( {
						url :'info/changeTopas.do',
						params : {
							'id' :records.get('ID'),
							'topas' :'1'
						},
						method :'POST',
						success : function(response) {
							var r = Ext.decode(response.responseText);
							if (!r.success)
								Ext.Msg.alert('提示信息', '置顶失败,由以下原因所致:<br/>'
										+ (r.errors.msg ? r.errors.msg : '未知原因'));
							else {
								grid.store.reload();
							}
						},
						scope :this
					});
				}
			},{
				 iconCls:'icon-untopas'
				,tooltip:'取消置顶'
				//,text:'取消置顶'
				,hideIndex:'UNTOPAS'
				,callback:function(grid, records, action,rowIndex,colIndex) {							
					Ext.Ajax.request( {
						url :'info/changeTopas.do',
						params : {
							'id' :records.get('ID'),
							'topas' :'0'
						},
						method :'POST',
						success : function(response) {
							var r = Ext.decode(response.responseText);
							if (!r.success)
								Ext.Msg.alert('提示信息', '置顶失败,由以下原因所致:<br/>'
										+ (r.errors.msg ? r.errors.msg : '未知原因'));
							else {
								grid.store.reload();
							}
						},
						scope :this
					});
				}
			},{
				 iconCls:'icon-view'
				,tooltip:'预览'
				//,text:'预览'						
				,callback:function(grid, records, action,rowIndex,colIndex) {	
					window.open('info/view.do?id='+records.get('ID'));							
				}
			}]
		});		
		this.plugins = [this.rowActions];	
分享到:
评论

相关推荐

    C# Winform ListView添加按钮列

    为了实现“C# Winform ListView添加按钮列”,我们需要对`ListView`进行扩展或使用第三方库,例如在本例中提到的CXListView。 `ListView`控件的基础用法包括创建列、添加项和设置项的属性。默认情况下,它只能显示...

    datagridview 按钮列 绑定事件触发

    以下将详细介绍如何在DataGridView中创建按钮列并绑定事件触发。 1. **创建按钮列** 要在DataGridView中添加按钮列,首先需要在设计时或运行时创建一个DataGridViewTextBoxColumn对象,然后将其设置为...

    cxGrid按钮列

    【cxGrid按钮列】是DevExpress控件库中的一个重要组件,主要用在 Delphi 和 C++Builder 开发环境中。cxGrid 是一个高度可定制的数据网格控件,它提供了丰富的功能,如数据编辑、排序、过滤、分组等。在这个场景中,...

    devexpress表格控件gridcontrol图片列,按钮列,时间列等特殊列的实现

    在开发过程中,我们经常需要在数据展示时使用到表格控件,其中DevExpress的GridControl是一款功能强大的组件,它提供了丰富的自定义能力,包括创建非文本类型的特殊列,如图片列、按钮列、时间列等。在本文中,我们...

    C#如何禁用Windows 窗体 DataGridView 控件的按钮列中的按钮

    代码示例演示如何自定义 DataGridViewButtonCell 类来显示可以显示为禁用的按钮。 本示例定义一个新的单元格类型 DataGridViewDisableButtonCell,它由 DataGridViewButtonCell 派生。 此单元格类型提供一个新的 ...

    ExtJS文字按钮列

    在ExtJS中,"按钮列"(Button Column)是一种特殊的列类型,常用于表格面板,允许用户在每一行数据的特定列上执行操作。 标题提到的"ExtJS文字按钮列"是指在ExtJS表格中添加一列,该列包含的是文字按钮而非图片按钮...

    QT在QTableView的一列里添加两个按钮

    在QT中,要在QTableView的一列中添加两个按钮,我们需要了解以下几个关键知识点: 1. **QTableView**:QTableView是QTableView类的实例,它提供了一个二维表格视图,可以用来显示和编辑模型数据。QTableView可以...

    Easyui Datagrid自定义按钮列(最后面的操作列)

    EasyUI Datagrid自定义按钮列实现 EasyUI Datagrid是当前Web开发中常用的数据表格组件,但是它没有提供添加操作列的功能,因此需要我们自定义按钮列来满足需求。下面我们将详细介绍如何自定义按钮列。 首先,我们...

    Devexpress ;GridContorl; 动态禁用按钮

    要实现动态禁用按钮的功能,我们需要关注两部分:一是创建按钮列,二是处理按钮的禁用逻辑。以下是具体步骤: 1. **创建按钮列**: 在GridControl中添加按钮列,你可以使用`GridViewCommandColumn`或自定义的`...

    vb中datagrid控件的详细使用方法

    除了基本功能外,`DataGrid`还可以通过扩展来实现更多自定义功能,例如添加按钮列进行操作,或者添加下拉列表选择。 总的来说,`DataGrid`控件在VB中提供了强大的数据展示和操作能力,理解并熟练运用它的各种特性...

    VB.NET:winForm扩展DataGridView控件实现一列多操作(如查看详情、修改、删除等)按钮

    winForm扩展DataGridView控件实现一列多操作(如查看详情、修改、删除等)按钮,使用VB.NET语言通过扩展DataGridViewButtonCell单元格,在单元格内画按钮的方式来实现。具体效果请看我的博文...

    C#应用开发中DataGridView中添加按钮及按钮事件处理

    在C#应用开发中,`DataGridView`控件是Windows Forms中常用的数据展示工具,它可以以表格形式显示数据。...你可以根据需要扩展这个功能,例如添加更多的按钮列,或者根据数据动态生成按钮,实现更复杂的业务流程。

    Jtable 中放入多个按钮

    table.getColumn("按钮列").setCellRenderer(new ButtonCellRenderer()); ``` 3. **处理按钮点击事件**: 为了响应按钮的点击事件,你需要为每个按钮添加`ActionListener`。通常,你可以通过`addMouseListener`...

    asp.net 扩展GridView 增加单选按钮列的代码

    在某些场景下,我们可能需要在GridView中添加单选按钮列,以便用户能够选择一行数据而不会产生多选冲突。本文将详细介绍如何扩展GridView以实现这个功能。 首先,我们需要创建一个新的自定义字段类,继承自`...

    c#Datagridview增加按钮.rar

    在代码中,可以使用`dataGridView1.Columns.Add(new DataGridViewButtonColumn {...})`来添加按钮列。 5. **设置按钮行为** 为按钮设置文本、大小、样式以及点击后的动作。可以通过设置`Text`属性改变按钮上显示的...

    DataGridview后面加个按钮(VB.net版)

    以下代码展示了如何在供应商编码列旁边添加一个按钮: ```vbnet Private Sub DataGridView1_CellEnter(ByVal sender As System.Object, ByVal e As System.Windows.Forms.DataGridViewCellEventArgs) Handles ...

    ExtJs的resultGrids中动态添加按钮

    // 动态添加的按钮列 { xtype: 'actioncolumn', width: 50, items: [{ icon: 'path/to/icon.png', // 按钮图标 tooltip: '按钮提示', handler: function(grid, rowIndex) { var record = grid.getStore()....

    DataGridView自定义列类型

    2. 按钮列:创建带有操作按钮的列,如编辑、删除等,方便用户交互。 3. 复选框列:用于多选操作,常用于数据筛选或批量操作。 4. 带有下拉列表的列:用户可以从预定义的选项中选择,提高输入效率。 5. 自定义格式...

    【vue+el-table】表格操作列宽度跟随按钮个数自适应, 方法封装全局使用demo, 开箱即用

    【vue+el-table】表格操作列宽度跟随按钮个数自适应, 方法封装全局使用demo, 开箱即用 【vue+el-table】表格操作列宽度跟随按钮个数自适应, 方法封装全局使用demo, 开箱即用 【vue+el-table】表格操作列宽度跟随按钮...

Global site tag (gtag.js) - Google Analytics