在DataGrid表格中设置按钮，获取按钮的Name值，根据数据状态来显示按钮的隐藏和显示，由于是多个按钮，所以在DataGridTemplateColumn中设置了StackPane（应该也可以是其他的布局），不然的话会报出已多次设置属性的错误。



 

在后台获取绑定表格的数据，循环表格数据





 

 

再获取DataGridTemplateColumn所在列，是所需要的状态列，因为此处是根据个人所需列来判断的

DataGridTemplateColumn tempColumn = this.dgOrder.Columns[9] as DataGridTemplateColumn;                    

然后获取DataGridTemplateColumn单元格元素

FrameworkElement element = this.dgOrder.Columns[9].GetCellContent(this.dgOrder.Items[i]);

把单元格元素转换为相应的控件，再从该控件中取值

Button button = tempColumn.CellTemplate.FindName("btnDed", element) as Button;

Button button2 = tempColumn.CellTemplate.FindName("btn_palete", element) as Button;

Button button3 = tempColumn.CellTemplate.FindName("btn_Ady", element) as Button;

表格加载出来的时候获取不到索引，它会报出值为null的错误，然后去查了获取索引的方法，在表格加载出来时就选择到索引，然后调用了这个方法

 public static DataGridRow GetDataGridRow(DataGrid datagrid, int rowIndex)

{

            DataGridRow row = (DataGridRow)datagrid.ItemContainerGenerator.ContainerFromIndex(rowIndex);

            if (row== null)

            {

                datagrid.UpdateLayout();

 row = (DataGridRow)datagrid.ItemContainerGenerator.ContainerFromIndex(rowIndex);

                row.IsSelected = true;

            }

            return row;

        }

原图（样式请忽略）



 

显示效果



 

就是根据“已支付”和“未支付”来显示按钮的需要的

在gridview中显示某数据库表格，要隐藏ID列，采用


protected void GridView1_RowDataBound1(object sender, GridViewRowEventArgs e)
    {
            e.Row.Cells[1].Visible = false;
    }


运行没有问题，但是添加了分页之后开始报错


指定的参数已超出有效值的范围。

参数名: index
查了下，是因为分页这一行没有cells[1],所以要判断行的属性，只对首行和数据行进行单元格隐藏


protected void GridView1_RowDataBound1(object sender, GridViewRowEventArgs e)
    {
        if (e.Row.RowType == DataControlRowType.DataRow || e.Row.RowType == DataControlRowType.Header)
            e.Row.Cells[1].Visible = false;
    }
第一次用到e.row.rowtype，记一笔

bootstarp-table表格中嵌套多个BUTON按钮实现
 
有时我们需要在bootsharp-table表格中嵌套多个按钮，来实现不同的功能，大概界面如下：
 
实现功能如下：
1：构建表格
中间部分字段已删除。
visible: false  该列隐藏，界面不显示
events: operateEvents ：给按钮注册事件
formatter: operateFormatter：表格中增加按钮
 1 $("#TbRoleList").bootstrapTable({
 2                 url: "../Role/Get",
 3                 columns: [
 4                 [
 5                     {
 6                         field: '',
 7                         checkbox: true,
 8                         align: 'center',
 9                         valign: 'middle',
10                     }, {
11                         title: 'Id',
12                         field: 'Id',
13                         align: 'center',
14                         valign: 'middle',
15                         visible: false
16                     }, {
17                         title: '角色',
18                         field: 'RoleName',
19                         align: 'center',
20                         valign: 'middle',
21                         sortable: false,
22                     }, {
23                         field: 'operate',
24                         title: '操作',
25                         align: 'center',
26                         events: operateEvents,
27                         formatter: operateFormatter
28                     }
29                 ]
30                 ]
31             });
 
2:表格中增加按钮
operateFormatter(value, row, index)：这三个参数是bootsharp-table默认的
       
1  function operateFormatter(value, row, index) {
2             return [
3                 '<button type="button" class="RoleOfA btn btn-default  btn-sm" style="margin-right:15px;">A权限</button>',
4                 '<button type="button" class="RoleOfB btn btn-default  btn-sm" style="margin-right:15px;">B权限</button>',
5                 '<button type="button" class="RoleOfC btn btn-default  btn-sm" style="margin-right:15px;">C权限</button>',
6                 '<button type="button" class="RoleOfD btn btn-default  btn-sm" style="margin-right:15px;">绑定D</button>',
7                 '<button type="button" class="RoleOfEdit btn btn-default  btn-sm" style="margin-right:15px;">编辑</button>'
8             ].join('');
9         }
 
3：注册按钮的点击事件
每个按钮对应哪个点击事件，是用Class里面的属性标识的，如上步骤2（比如：RoleOfA）
 1 window.operateEvents = {
 2             'click .RoleOfA': function (e, value, row, index) {
 3                 alert("A");            
 4          },
 5             'click .RoleOfB': function (e, value, row, index) {
 6                 alert("B");            
 7          },
 8           'click .RoleOfC': function (e, value, row, index) {
 9                 alert("C");            
10          },
11             'click .RoleOfEdit': function (e, value, row, index) {
12                 });
13             }
14         };