WPF的DataGrid添加一列button,事件为对该行数据进行 *** 作,该怎么做

WPF的DataGrid添加一列button,事件为对该行数据进行 *** 作,该怎么做,第1张

WPF中你可以这样:定义一个DataTable,然后通过SQL从数据库中获取相关数据填充这个DataTable,并将其作为datagrid的数据源,具体可这样 *** 作

datagrid.ItemsSource = null

datagrid.Items.Clear()

datagrid.ItemsSource = DataTable.DefaultView

datagrid.SelectedValuePath = "主键字段名"

当选中datagrid中一项时,可以根据datagrid.SelectedValue(实际的值)去删除数据库相关的记录,然后再重新刷新datagrid的数据源。

不知道这样说,明白么?当然你也可以在页面通过xaml进行双向绑定 *** 作集合来实现。

DataGridViewButtonColumn 是跟 DataGridView关联一起的表示DataGridView的一种Button类型的列

DataColumn 是跟DataTable关联一起的表示DataTable的一个数据列

可以这样

MyDataTable.Columns.Add(new DataColumn(" *** 作",typeof(object))//

DataGridViewButtonColumn btnColumn = new DataGridViewButtonColumn()

btnColumn.DataPropertyName = " *** 作"

指定DataPropertyName,这一步你可以在设计器里做,这样你DataTable做绑定的时候自动会关联到button列.

jquery.datatable 初始化时可以在column或者columnDefs中定义render方法, 可以返回自定义的表格单元结构

举个栗子(javascript初始化的数据源):

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <meta name="author" content="sleest">

    <meta name="description" content="datatable example with column render, 2017/08/04">

    <title>Document</title>

    <link rel="stylesheet" href="https://cdn.bootcss.com/datatables/1.10.15/css/jquery.dataTables.min.css">

</head>

<body>

    <table id="example" class="display" width="100%"></table>

    <script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>

    <script src="https://cdn.bootcss.com/datatables/1.10.15/js/jquery.dataTables.min.js"></script>

    <script>

    +(function($) {

        var dataSet = [

            ["Tiger Nixon", "System Architect", "Edinburgh"],

            ["Garrett Winters", "Accountant", "Tokyo"],

            ["Ashton Cox", "Junior Technical Author", "San Francisco"],

            ["Cedric Kelly", "Senior Javascript Developer", "London"]

        ]

        $(function() {

            $('#example').DataTable({

                data: dataSet,

                columns: [

                    { title: "Name", sortable: false, render: function(data, type, row) { return '<a href="###">' + data + '</a>' } },

                    { title: "Position", sortable: false },

                    { title: "Office", sortable: false },

                ]

            })

        })

    })(jQuery)

    </script>

</body>

</html>

结果:

具体可以参考官方api:

https://datatables.net/examples/advanced_init/column_render.html


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/bake/11416329.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-15
下一篇 2023-05-15

发表评论

登录后才能评论

评论列表(0条)

保存