c#数据绑定之将datatabel的data添加listView

功能:通过响应UI Textbox 的值向ListView 绑定新添加的纪录。

UI XAML 代码

代码如下:

<Grid Margin="5">
            <Grid.ColumnDefinitions>
                <ColumnDefinition Width="Auto"/>
                <ColumnDefinition/>
            </Grid.ColumnDefinitions>
            <Grid.RowDefinitions>
                <RowDefinition  Height="Auto"/>
                <RowDefinition Height="Auto"/>
                <RowDefinition Height="Auto"/>
                <RowDefinition Height="Auto"/>
                <RowDefinition Height="Auto"/>
                <RowDefinition Height="Auto"/>
                <RowDefinition/>
            </Grid.RowDefinitions>
            <TextBlock  Grid.Row="0" Grid.Column="0" Text="商品名称" HorizontalAlignment="Right" VerticalAlignment="Center" />
            <TextBox Grid.Row="0" Grid.Column="1" Margin="2" VerticalAlignment="Center" Text="{Binding Path=ComName}" Name="tbkName"/>
            <TextBlock  Grid.Row="1" Grid.Column="0" Text="商品进货单价" HorizontalAlignment="Right" VerticalAlignment="Center" />
            <TextBox Grid.Row="1" Grid.Column="1" Margin="2" VerticalAlignment="Center" Text="{Binding Path=ComInPrice}" Name="tbkInPrice"/>
            <TextBlock  Grid.Row="2" Grid.Column="0" Text="商品零售价格" HorizontalAlignment="Right" VerticalAlignment="Center" />
            <TextBox Grid.Row="2" Grid.Column="1" Margin="2" VerticalAlignment="Center" Text="{Binding Path=ComOutPrice}" Name="tbkOutPrice"/>
            <TextBlock  Grid.Row="3" Grid.Column="0" Text="进货数量" HorizontalAlignment="Right" VerticalAlignment="Center" />
            <TextBox Grid.Row="3" Grid.Column="1" Margin="2" VerticalAlignment="Center" Text="{Binding Path=ComOutPrice}" Name="tbkComCount"/>

<Button Grid.Row="4" Grid.Column="1" Content="添加新纪录" Margin="2" Padding="2" Name="btnAdd" Click="btnAdd_Click" />

<TextBlock Grid.Row="5" Grid.ColumnSpan="2"  HorizontalAlignment="Stretch"  VerticalAlignment="Center"  Background="Black" />

<ListView Name="lstDisplay" ItemsSource="{Binding}" Grid.Row="6" Grid.ColumnSpan="2">
                <ListView.View>
                    <GridView>
                        <GridView.Columns>
                            <GridViewColumn  Header="AutoID" DisplayMemberBinding="{Binding AutoID}"/>
                            <GridViewColumn Header="商品名称" DisplayMemberBinding="{Binding ComName}"/>
                            <GridViewColumn Header="进货价格" DisplayMemberBinding="{Binding Path=ComInPrice,StringFormat={}{0:c}}"/>
                            <GridViewColumn Header="零售价格" DisplayMemberBinding="{Binding Path=ComOutPrice,StringFormat={}{0:c}}"/>
                            <GridViewColumn Header="进货数量" DisplayMemberBinding="{Binding ComCount}"/>
                        </GridView.Columns>
                    </GridView>
                </ListView.View>
            </ListView>
        </Grid>

c#后代码

代码如下:

DataTable Commodity = newTable();

public MainWindow()
        {
            InitializeComponent();
            //DataTable Commodity = newTable();

}

private void btnAdd_Click(object sender, RoutedEventArgs e)
        {

addNewMember(Commodity);
            lstDisplay.DataContext = Commodity;

}

private void btnDelete_Click(object sender, RoutedEventArgs e)
        {
            Button b = sender as Button;
            Int32 AutoID = Convert.ToInt32(b.CommandParameter);
            delMember(Commodity, AutoID);
            lstDisplay.DataContext = Commodity;
            lstDisplay.Items.Refresh();

}

private DataTable delMember(DataTable Table,Int32 laction)
        {
            //Deleting  a existed row in datatable Commodity;
            DataRow delRow = Table.Rows.Find(laction);
            Table.Rows.Remove(delRow);
            return Table;
        }

private  DataTable addNewMember(DataTable Table)
        {

//inserting a new row in datatable Commodity;

DataRow newRow = Table.NewRow();
            newRow["ComName"] = tbkName.Text;
            newRow["ComInPrice"] = tbkInPrice.Text;
            newRow["ComOutPrice"] = tbkOutPrice.Text;
            newRow["ComCount"] = tbkComCount.Text;
            Table.Rows.Add(newRow);
            return Table;
        }

private static DataTable newTable()
        {
            //Create a new table named Commodity
            DataTable commodity = new DataTable("Commodity");

//instert new columns
            DataColumn auto = new DataColumn("AutoID", typeof(Int32));
            //setting the column auto increment
            auto.AutoIncrement = true;
            commodity.Columns.Add(auto);
            commodity.Columns.Add("ComName", typeof(string));
            commodity.Columns.Add("ComInPrice", typeof(double));
            commodity.Columns.Add("ComOutPrice", typeof(double));
            commodity.Columns.Add("ComCount", typeof(System.Int32));
            commodity.PrimaryKey = new DataColumn[] { commodity.Columns[0] };
            return commodity;
        }

(0)

相关推荐

  • C#中WPF ListView绑定数据的实例详解

    C#中WPF ListView绑定数据的实例详解 WPF中ListView用来显示数据十分方便, 我们可以将它分成几个列,每一个列用来显示一条数据,但是又是在一方之中. 那么怎样实现这样的效果的呢,这就要用绑定了. 我们先来看一看他的xmal代码 <ListView Name="receiveList" Grid.Row="0"> <ListView.View> <GridView> <GridView.Columns>

  • C# Winform 禁止用户调整ListView的列宽

    复制代码 代码如下: // 事件: 改变列宽的时候 private void ColumnWidthChange(object sender, ColumnWidthChangingEventArgs e) { // 如果调整的不是第一列,就不管了 if (e.ColumnIndex > 0) return; // 取消掉正在调整的事件 e.Cancel = true; // 把新宽度恢复到之前的宽度 e.NewWidth = this.lvStudents.Columns[e.ColumnIn

  • C#实现带进度条的ListView

    推荐阅读:ListView 百分比进度条(delphi版) 对于已经有的组件,可以直接添加进来,添加后要先运行一下,然后会在工具箱内找到相应控件. 1.首先编写组件,然后将组件添加到工具箱内 编写代码如下: public partial class ListViewEx : System.Windows.Forms.ListView { public ListViewEx() { InitializeComponent(); } //C# listview进度条显示 private Color

  • C#使用listView增删操作实例

    本文实例讲述了C#使用listView增删操作的方法.分享给大家供大家参考.具体分析如下: 应用场景: C#中使用listView控件,实现动态添加,选中删除等操作. 实例代码: 复制代码 代码如下: private void addButton_Click(object sender, EventArgs e) {     string item1Str = coutNumber.ToString();//第一列文本     string item2Str = coutNumber.ToStr

  • C#下listview如何插入图片

    如何在listview中插入图片,相信大家很想知道,下面就为大家分享具体步骤: 第一步:在窗体中拖入ListView控件和imageList控件: 第二步:设置imageList控件的Images属性,添加你想要的图片: 第三步:设置ListView控件的SmallImageList.LargeImageList.StateImageList属性为imageList: 第四步:编辑ListView控件项的ImageIndex行为你就会发现图片成功显示出来了! 附:在ListView控件中添加选项

  • C#获取ListView鼠标下的Item实例

    ListView在虚模式下,CheckBox无法点击,可以用此方法实现 private void lvwTitle_MouseDown(object sender, MouseEventArgs e) { Point curPos = this.lvwTitle.PointToClient(Control.MousePosition); ListViewItem lvwItem = this.lvwTitle.GetItemAt(curPos.X, curPos.Y); if (lvwItem

  • c#数据绑定之将datatabel的data添加listView

    功能:通过响应UI Textbox 的值向ListView 绑定新添加的纪录. UI XAML 代码 复制代码 代码如下: <Grid Margin="5">            <Grid.ColumnDefinitions>                <ColumnDefinition Width="Auto"/>                <ColumnDefinition/>            &

  • vue中向data添加新属性的三种方式小结

    目录 向data添加新属性的三种方式 原理分析 三种方式 vue组件 data等属性介绍 向data添加新属性的三种方式 原理分析 首先在了解这三种方式之前,我觉的有必要说一下,为啥不能直接手动给data中的对象添加属性呢? 下面咱们一块分析下: vue2 是通过数据劫持 “Object.defineProperty” 实现数据响应式:     const obj = {};         let val = 'kk'         Object.defineProperty(obj,'na

  • Fragment里添加ListView不要用ListFragment

    起始的想法是将Fragment和ViewPager结合起来, 然后突发奇想,在第一个Fragment里添加了ListView, 依照网上的建议,extends了ListFragment,接着各种报错. 仔细看了下,原来是MainActivity这里: 复制代码 代码如下: //构造适配器    List<Fragment> fragments=new ArrayList<Fragment>();   fragments.add(new Fragment ());   fragmen

  • android 通过向viewpage中添加listview来完成滑动效果(类似于qq滑动界面)

    文件名:page.xml 复制代码 代码如下: <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"    xmlns:tools="http://schemas.android.com/tools"    android:layout_width="fill_parent"    android:layout_height="fill

  • c#数据绑定之删除datatable数据示例

    c#数据绑定之将datatabel的data添加listView中,简要的通过代码应用了DataTable,DataTableColumns,DataTableRow类,通过UI界面的Textbox向DataTable中添加数据然后响应到ListView控件中.在本实例中主要针对如何删除DataTable的纪录,并同步到ListView中. 首先,对UI做一些改动,最终界面如下图所示.主要是在ListView 中添加了CheckBox控件. 在ListView中添加CheckBox 的XAML

  • 使用Vue如何写一个双向数据绑定(面试常见)

    1.原理 Vue的双向数据绑定的原理相信大家也都十分了解了,主要是通过 Object对象的defineProperty属性,重写data的set和get函数来实现的,这里对原理不做过多描述,主要还是来实现一个实例.为了使代码更加的清晰,这里只会实现最基本的内容,主要实现v-model,v-bind 和v-click三个命令,其他命令也可以自行补充. 添加网上的一张图 2.实现 页面结构很简单,如下 <div id="app"> <form> <input

  • 实现vuex与组件data之间的数据同步更新方式

    问题 我们都知道,在Vue组件中,data部分的数据与视图之间是可以同步更新的,假如我们更新了data中的数据,那么视图上的数据就会被同步更新,这就是Vue所谓的数据驱动视图思想. 当我们使用Vuex时,我们也可以通过在视图上通过 $store.state.[DataKey] 来获取Vuex中 state 的数据,且当 state 中的数据发生变化时,视图上的数据也是可以同步更新的,这似乎看起来很顺利. 但是当我们想要通过将 state 中的数据绑定到Vue组件的 data 上,然后再在视图上去

  • 详解Vue.js基于$.ajax获取数据并与组件的data绑定

    Vue.js与jQuery不冲突??? 在实际的应用中,几乎90%的数据是来源于服务端的,前端和服务端之间的数据交互一般是通过ajax请求来完成的. 说到ajax请求,第一反应肯定想到了jQuery,项目中如果引入jQuery会帮助我们简化很多操作,简化DOM操作,ajax方法获取后端数据等. 然而,Vue.js和jQuery冲突吗??? 答案显然是不冲突!!! 接下来会实现Vue.js组件中使用jQuery的ajax方法获取服务器端数据并绑定至组件的data中. 创建Vue.js单文件组件 <

  • json数据处理及数据绑定

    一.json数据处理 1.json数据 {"img":"quizvault_internet_test_banner@2x.png", "golds":"200", "praise":"64000", "tit":"互联网给工作带来的麻烦", "tit_describe":"在朋友圈转发身体被掏空,HR找你深情谈话:不

  • 用jQuery向div中添加Html文本内容的简单实现

    前台代码: <link href="http://www.jb51.net/Content/themes/base/jquery-ui.css" rel="stylesheet" type="text/css" /> <script src="http://www.jb51.net/Scripts/jquery-1.4.4.min.js" type="text/javascript">

随机推荐