主頁 > 作業系統 > 從組合框中選擇專案時過濾資料時出現問題WPFMVVM

從組合框中選擇專案時過濾資料時出現問題WPFMVVM

2022-06-17 13:39:29 作業系統

我在兩個不同的 tabitems 中有兩個資料網格。第一個 tabitem 中的資料網格顯示了一些關于應用程式加載的特定資料,如果資料發生變化,應該會更新,非常簡單。第二個 tabitem 的 datagrid 在應用程式加載時應該是空的,但是當從組合框中選擇/鍵入一個專案時,它應該根據該組合框所選專案過濾資料并顯示在第二個 tabitem 的 datagrid 上的過濾資料上(維護 MVVM 模式)。

這是我嘗試過的:

XAML

<TabControl>
    <TabItem Header="Pending Bills">
        <DataGrid ItemsSource="{Binding FilteredBills}" AutoGenerateColumns="False" CanUserAddRows="False">
            <DataGrid.Columns>
                <DataGridTextColumn
                        Header="Vendor"
                        Binding="{Binding Path=Party, Mode=OneWay}"
                        Width="275"
                        IsReadOnly="True" />
                <DataGridTextColumn
                        Header="Bill No."
                        Binding="{Binding Path=BillNo, Mode=OneWay}"
                        Width="275"
                        IsReadOnly="True" />
                ......
            </DataGrid.Columns>
        </DataGrid>
    </TabItem>
    <TabItem Header="Filtered Bills">
    ........
            <DataGrid Grid.Row="0" ItemsSource="{Binding AllBills}" AutoGenerateColumns="False" CanUserAddRows="False">
                <DataGrid.Columns>
                    <DataGridTextColumn
                        Header="Vendor"
                        Binding="{Binding Path=Party, Mode=OneWay}"
                        Width="275"
                        IsReadOnly="True" />
                    <DataGridTextColumn
                        Header="Bill No."
                        Binding="{Binding Path=BillNo, Mode=OneWay}"
                        Width="275"
                        IsReadOnly="True" />
                    ......
                </DataGrid.Columns>
            </DataGrid>
            <StackPanel Orientation="Horizontal">
                <ComboBox x:Name="cmbBox" ItemsSource="{Binding ComboItems}" SelectedItem="{Binding SelectedCBItem}"/>
            </StackPanel>
        </Grid>
    </TabItem>
</TabControl>

一個基礎視圖模型,以啟用PropertyChangedEventHandler

public class ViewModelBase : INotifyPropertyChanged
{
    public event PropertyChangedEventHandler PropertyChanged;

    protected void OnPropertyChanged(string propertyName)
    {
        if (PropertyChanged != null)
        {
            PropertyChanged(this, new PropertyChangedEventArgs(propertyName));
        }
    }
}

基本型號:

public class Bills : ViewModelBase
{
    private int _id;
    public int Id
    {
        get
        {
            return _id;
        }
        set
        {
            _id = value;
            OnPropertyChanged("Id");
        }
    }

    private string _party;
    public string Party
    {
        get
        {
            return _party;
        }
        set
        {
            _party = value;
            OnPropertyChanged("Party");
        }
    }

    private string _billNo;
    public string BillNo
    {
        get
        {
            return _billNo;
        }
        set
        {
            _billNo = value;
            OnPropertyChanged("BillNo");
        }
    }

    .......

}

billsviewmodel 和一個名為 Model 的輔助資料訪問類:

public class BillsViewModel : ViewModelBase
    {

        public BillsViewModel()
        {
            cvsAll.Source = m.AllBills;
            cvsFiltered.Source = m.FilteredBills;
        }

        Model m = new Model();

        CollectionViewSource cvsAll = new CollectionViewSource();
        public ICollectionView AllBills
        {
            get { return cvsAll.View; }
        }


        public List<string> ComboItems
        {
            get { return m.UniqueValues(); }
        }

        CollectionViewSource cvsFiltered = new CollectionViewSource();
        public ICollectionView FilteredBills
        {
            get { return cvsFiltered.View; }
        }


        private string _selectedCBItem;
        public string SelectedCBItem
        {
            get { return _selectedCBItem; }
            set
            {
                _selectedCBItem = value;
                cvsFiltered.Source = m.GetBills_Pen(value);
                OnPropertyChanged("SelectedCBItem");
            }
        }
    }

    public class Model
    {
        private List<Bills> _allBills;

        public List<Bills> AllBills
        {
            get
            {
                if (_allBills == null) LoadAllBillsFromDatabase();
                
                return _allBills;
            }
        }

        private List<Bills> _filteredBills;

        public List<Bills> FilteredBills
        {
            get
            {
                if (_filteredBills == null) LoadUnpaidBillsFromDatabase();

                return _filteredBills;
            }
        }

        public void LoadAllBillsFromDatabase()
        {
            SQLiteConnection m_dbConnection = new SQLiteConnection(@"Data Source=Bills.db;");
            SQLiteCommand sqlCom = new SQLiteCommand(@"Select * From billdata", m_dbConnection);
            SQLiteDataAdapter sda = new SQLiteDataAdapter(sqlCom);
            DataTable dt = new DataTable();
            sda.Fill(dt);
            _allBills = new List<Bills>();
            
            foreach (DataRow row in dt.Rows)
            {
                _allBills.Add(new Bills()
                {
                    Id = Convert.ToInt32(row["Id"]),
                    Party = (string)row["Party"],
                    BillNo = (string)row["BillNo"],
                    .......
                });
                
            }
            m_dbConnection.Close();
        }

        public void LoadUnpaidBillsFromDatabase()
        {
            SQLiteConnection m_dbConnection = new SQLiteConnection(@"Data Source=Bills.db;");
            SQLiteCommand sqlCom = new SQLiteCommand(@"Select * From billdata where PaidOn != ''", m_dbConnection);
            SQLiteDataAdapter sda = new SQLiteDataAdapter(sqlCom);
            DataTable dt = new DataTable();
            sda.Fill(dt);
            _filteredBills = new List<Bills>();

            foreach (DataRow row in dt.Rows)
            {
                _filteredBills.Add(new Bills()
                {
                    Id = Convert.ToInt32(row["Id"]),
                    Party = (string)row["Party"],
                    BillNo = (string)row["BillNo"],
                    .......
                });

            }
            m_dbConnection.Close();
        }

        public List<string> UniqueValues()
        {
            return _allBills.Select((s) => s.Party).Distinct().OrderBy((s) => s).ToList();
        }
         

        public List<Bills> GetBills_Pen(string filterValue)
        { 
            return _allBills.FindAll(s => s.Party == filterValue).ToList();
        }
    }

有2個問題:

  1. 第二個 tabitem 上的資料網格正在顯示應用程式加載的所有資料
  2. 當我在組合框中選擇或鍵入有效專案時,第二個 tabitem 上的資料網格未顯示過濾后的資料。

我沒有ICollectionView以正確的方式實施或者我在這里做錯了什么,最重要的是我該如何解決這個問題?

uj5u.com熱心網友回復:

這應該有效。我還向 ViewModelBase 添加了一個函式以使代碼更短

public class ViewModelBase
{
    public event PropertyChangedEventHandler PropertyChanged;

    protected virtual void OnPropertyChanged([CallerMemberName] string propertyName = null)
    {
        var handler = PropertyChanged;
        if (handler != null)
            handler(this, new PropertyChangedEventArgs(propertyName));
    }
    protected virtual void SetValue<T>(ref T field, T value, [CallerMemberName] string propertyName = null)
    {
        field = value;
        OnPropertyChanged(propertyName);
    }
}

public class BillsViewModel : ViewModelBase
{
    private List<BillViewModel> _allBills;

    public BillsViewModel()
    {
        _allBills = m.AllBills;
        AllBills = new ListCollectionView(_allBills);
        ComboItems = _allBills.Select(b => b.Party).Distinct().OrderBy(b => b).ToList();
        FilteredBills = new ListCollectionView(_allBills)
        {
            Filter = o => ((BillViewModel)o).Party == SelectedCBItem
        };
    }

    Model m = new Model();

    public ICollectionView AllBills { get; private set; }
    public ICollectionView FilteredBills { get; private set; }

    public List<string> ComboItems { get; private set; }

    private string _selectedCBItem;
    public string SelectedCBItem
    {
        get { return _selectedCBItem; }
        set
        {
            SetValue(ref _selectedCBItem, value);
            FilteredBills.Refresh();
        }
    }
}

uj5u.com熱心網友回復:

第二個 tabitem 上的資料網格正在顯示應用程式加載的所有資料

那是因為您將AllBills視圖模型的屬性的源設定為AllBills包含(?)所有專案的模型的屬性。如果您希望它為空,則不要將其設定為Source包含任何專案的串列:

public BillsViewModel()
{
    cvsFiltered.Source = m.FilteredBills;
}

當我在組合框中選擇或鍵入有效專案時,第二個 tabitem 上的資料網格未顯示過濾后的資料

如果我正確理解您的問題,那么您應該在屬性的設定器中設定Sourceof cvsAllSelectedCBItem

private string _selectedCBItem;
public string SelectedCBItem
{
    get { return _selectedCBItem; }
    set
    {
        _selectedCBItem = value;
        cvsAll.Source = m.GetBills_Pen(value); // <--
        OnPropertyChanged("SelectedCBItem");
    }
}

uj5u.com熱心網友回復:

使用@Firo 顯示的方法,我已經成功地在我的應用程式中實施(所以我將他的答案標記為已接受),這就是我最終得到的結果(以防它幫助任何可能有類似問題的人)

public class Model
{
    private List<Bills> _sBills;

    public List<Bills> SBills
    {
        get
        {
            if (_sBills == null) LoadAllBillsFromDatabase();
            
            return _sBills;
        }
    }

    

    public List<Bills> FilteredBills { get; private set; }

    public void LoadAllBillsFromDatabase()
    {
        SQLiteConnection m_dbConnection = new SQLiteConnection(@"Data Source=Bills.db;");
        SQLiteCommand sqlCom = new SQLiteCommand(@"Select * From billdata", m_dbConnection);
        SQLiteDataAdapter sda = new SQLiteDataAdapter(sqlCom);
        DataTable dt = new DataTable();
        sda.Fill(dt);
        _sBills = new List<Bills>();
        
        foreach (DataRow row in dt.Rows)
        {
            _sBills.Add(new Bills()
                        {
                            Id = Convert.ToInt32(row["Id"]),
                            Party = (string)row["Party"],
                            BillNo = (string)row["BillNo"],
                            BillDt = (string)(row["BillDt"]),
                            Amt = (string)row["Amt"],
                            DueDt = (string)(row["DueDt"]),
                            PaidOn = (string)(row["PaidOn"])
                        });
            
        }
        m_dbConnection.Close();
    }

}

public class BillsViewModel : ViewModelBase
{
    
    CollectionViewSource cvsAll = new CollectionViewSource();
    
    private List<Bills> _allBills;

    public BillsViewModel()
    {
        cvsAll.Source = m.FilteredBills;

        _allBills = m.SBills;
        AllBills = new ListCollectionView(_allBills)
        {
            Filter = o => ((Bills)o).PaidOn==""
        };
        ComboItems = _allBills.Select(b => b.Party).Distinct().OrderBy(b => b).ToList();
        FilteredBills = new ListCollectionView(_allBills)
        {
            Filter = o => ((Bills)o).Party == SelectedCBItem && ((Bills)o).PaidOn==""
        };
    }

    Model m = new Model();

    public ICollectionView AllBills { get; private set; }
    public ICollectionView FilteredBills { get; private set; }

    public List<string> ComboItems { get; private set; }

    private string _selectedCBItem;
    public string SelectedCBItem
    {
        get { return _selectedCBItem; }
        set
        {

            SetValue(ref _selectedCBItem, value);
            FilteredBills.Refresh();
            
        }
    }
}

第一個 tabitem 的 datagrid 中的AllBillsitemsource 是,第二個 tabitem 的 datagrid 中的 itemsource 是FilteredBills

轉載請註明出處,本文鏈接:https://www.uj5u.com/caozuo/492185.html

標籤:C# wpf 虚拟机 数据网格

上一篇:如何在WPFC#中找到影像的位置?

下一篇:如何拉伸邊框以填充ListViewItem的寬度?

標籤雲
其他(157675) Python(38076) JavaScript(25376) Java(17977) C(15215) 區塊鏈(8255) C#(7972) AI(7469) 爪哇(7425) MySQL(7132) html(6777) 基礎類(6313) sql(6102) 熊猫(6058) PHP(5869) 数组(5741) R(5409) Linux(5327) 反应(5209) 腳本語言(PerlPython)(5129) 非技術區(4971) Android(4554) 数据框(4311) css(4259) 节点.js(4032) C語言(3288) json(3245) 列表(3129) 扑(3119) C++語言(3117) 安卓(2998) 打字稿(2995) VBA(2789) Java相關(2746) 疑難問題(2699) 细绳(2522) 單片機工控(2479) iOS(2429) ASP.NET(2402) MongoDB(2323) 麻木的(2285) 正则表达式(2254) 字典(2211) 循环(2198) 迅速(2185) 擅长(2169) 镖(2155) 功能(1967) .NET技术(1958) Web開發(1951) python-3.x(1918) HtmlCss(1915) 弹簧靴(1913) C++(1909) xml(1889) PostgreSQL(1872) .NETCore(1853) 谷歌表格(1846) Unity3D(1843) for循环(1842)

熱門瀏覽
  • CA和證書

    1、在 CentOS7 中使用 gpg 創建 RSA 非對稱密鑰對 gpg --gen-key #Centos上生成公鑰/密鑰對(存放在家目錄.gnupg/) 2、將 CentOS7 匯出的公鑰,拷貝到 CentOS8 中,在 CentOS8 中使用 CentOS7 的公鑰加密一個檔案 gpg -a ......

    uj5u.com 2020-09-10 00:09:53 more
  • Kubernetes K8S之資源控制器Job和CronJob詳解

    Kubernetes的資源控制器Job和CronJob詳解與示例 ......

    uj5u.com 2020-09-10 00:10:45 more
  • VMware下安裝CentOS

    VMware下安裝CentOS 一、軟硬體準備 1 Centos鏡像準備 1.1 CentOS鏡像下載地址 下載地址 1.2 CentOS鏡像下載程序 點擊下載地址進入如下圖的網站,選擇需要下載的版本,這里選擇的是Centos8,點擊如圖所示。 決定選擇Centos8后,選擇想要的鏡像源進行下載,此 ......

    uj5u.com 2020-09-10 00:12:10 more
  • 如何使用Grep命令查找多個字串

    如何使用Grep 命令查找多個字串 大家好,我是良許! 今天向大家介紹一個非常有用的技巧,那就是使用 grep 命令查找多個字串。 簡單介紹一下,grep 命令可以理解為是一個功能強大的命令列工具,可以用它在一個或多個輸入檔案中搜索與正則運算式相匹配的文本,然后再將每個匹配的文本用標準輸出的格式 ......

    uj5u.com 2020-09-10 00:12:28 more
  • git配置http代理

    git配置http代理 經常遇到克隆 github 慢的問題,這里記錄一下幾種配置 git 代理的方法,解決 clone github 過慢。 目錄 git配置代理 git單獨配置github代理 git配置全域代理 配置終端環境變數 git配置代理 主要使用 git config 命令 git單獨 ......

    uj5u.com 2020-09-10 00:12:33 more
  • Linux npm install 裝包時提示Error EACCES permission denied解

    npm install 裝包時提示Error EACCES permission denied解決辦法 ......

    uj5u.com 2020-09-10 00:12:53 more
  • Centos 7下安裝nginx,使用yum install nginx,提示沒有可用的軟體包

    Centos 7下安裝nginx,使用yum install nginx,提示沒有可用的軟體包。 18 (flaskApi) [root@67 flaskDemo]# yum -y install nginx 19 已加載插件:fastestmirror, langpacks 20 Loading ......

    uj5u.com 2020-09-10 00:13:13 more
  • Linux查看服務器暴力破解ssh IP

    在公網的服務器上經常遇到別人爆破你服務器的22埠,用來挖礦或者干其他嘿嘿嘿的事情~ 這種情況下正確的做法是: 修改默認ssh的22埠 使用設定密鑰登錄或者白名單ip登錄 建議服務器密碼為復雜密碼 創建普通用戶登錄服務器(root權限過大) 建立堡壘機,實作統一管理服務器 統計爆破IP [root ......

    uj5u.com 2020-09-10 00:13:17 more
  • CentOS 7系統常見快捷鍵操作方式

    Linux系統中一些常見的快捷方式,可有效提高操作效率,在某些時刻也能避免操作失誤帶來的問題。 ......

    uj5u.com 2020-09-10 00:13:31 more
  • CentOS 7作業系統目錄結構介紹

    作業系統存在著大量的資料檔案資訊,相應檔案資訊會存在于系統相應目錄中,為了更好的管理資料資訊,會將系統進行一些目錄規劃,不同目錄存放不同的資源。 ......

    uj5u.com 2020-09-10 00:13:35 more
最新发布
  • vim的常用命令

    Vim的6種基本模式 1. 普通模式在普通模式中,用的編輯器命令,比如移動游標,洗掉文本等等。這也是Vim啟動后的默認模式。這正好和許多新用戶期待的操作方式相反(大多數編輯器默認模式為插入模式)。 2. 插入模式在這個模式中,大多數按鍵都會向文本緩沖中插入文本。大多數新用戶希望文本編輯器編輯程序中一 ......

    uj5u.com 2023-04-20 08:43:21 more
  • vim的常用命令

    Vim的6種基本模式 1. 普通模式在普通模式中,用的編輯器命令,比如移動游標,洗掉文本等等。這也是Vim啟動后的默認模式。這正好和許多新用戶期待的操作方式相反(大多數編輯器默認模式為插入模式)。 2. 插入模式在這個模式中,大多數按鍵都會向文本緩沖中插入文本。大多數新用戶希望文本編輯器編輯程序中一 ......

    uj5u.com 2023-04-20 08:42:36 more
  • docker學習

    ###Docker概述 真實專案部署環境可能非常復雜,傳統發布專案一個只需要一個jar包,運行環境需要單獨部署。而通過Docker可將jar包和相關環境(如jdk,redis,Hadoop...)等打包到docker鏡像里,將鏡像發布到Docker倉庫,部署時下載發布的鏡像,直接運行發布的鏡像即可。 ......

    uj5u.com 2023-04-19 09:26:53 more
  • 設定Windows主機的瀏覽器為wls2的默認瀏覽器

    這里以Chrome為例。 1. 準備作業 wsl是可以使用Windows主機上安裝的exe程式,出于安全考慮,默認情況下改功能是無法使用。要使用的話,終端需要以管理員權限啟動。 我這里以Windows Terminal為例,介紹如何默認使用管理員權限打開終端,具體操作如下圖所示: 2. 操作 wsl ......

    uj5u.com 2023-04-19 09:25:49 more
  • docker學習

    ###Docker概述 真實專案部署環境可能非常復雜,傳統發布專案一個只需要一個jar包,運行環境需要單獨部署。而通過Docker可將jar包和相關環境(如jdk,redis,Hadoop...)等打包到docker鏡像里,將鏡像發布到Docker倉庫,部署時下載發布的鏡像,直接運行發布的鏡像即可。 ......

    uj5u.com 2023-04-19 09:19:04 more
  • Linux學習筆記

    IP地址和主機名 IP地址 ifconfig可以用來查詢本機的IP地址,如果不能使用,可以通過install net-tools安裝。 Centos系統下ens33表示主網卡;inet后表示IP地址;lo表示本地回環網卡; 127.0.0.1表示代指本機;0.0.0.0可以用于代指本機,同時在放行設 ......

    uj5u.com 2023-04-18 06:52:01 more
  • 解決linux系統的kdump服務無法啟動的問題

    問題:專案麒麟系統服務器的kdump服務無法啟動,沒有相關日志無法定位問題。 1、查看服務狀態是關閉的,重啟系統也無法啟動 systemctl status kdump 2、修改grub引數,修改“crashkernel”為“512M(有的機器數值太大太小都會導致報錯,建議從128M開始試,或者加個 ......

    uj5u.com 2023-04-12 09:59:50 more
  • 解決linux系統的kdump服務無法啟動的問題

    問題:專案麒麟系統服務器的kdump服務無法啟動,沒有相關日志無法定位問題。 1、查看服務狀態是關閉的,重啟系統也無法啟動 systemctl status kdump 2、修改grub引數,修改“crashkernel”為“512M(有的機器數值太大太小都會導致報錯,建議從128M開始試,或者加個 ......

    uj5u.com 2023-04-12 09:59:01 more
  • 你是不是暴露了?

    作者:袁首京 原創文章,轉載時請保留此宣告,并給出原文連接。 如果您是計算機相關從業人員,那么應該經歷不止一次網路安全專項檢查了,你肯定是收到過資訊系統技術檢測報告,要求你加強風險監測,確保你提供的系統服務堅實可靠了。 沒檢測到問題還好,檢測到問題的話,有些處理起來還是挺麻煩的,尤其是線上正在運行的 ......

    uj5u.com 2023-04-05 16:52:56 more
  • 細節拉滿,80 張圖帶你一步一步推演 slab 記憶體池的設計與實作

    1. 前文回顧 在之前的幾篇記憶體管理系列文章中,筆者帶大家從宏觀角度完整地梳理了一遍 Linux 記憶體分配的整個鏈路,本文的主題依然是記憶體分配,這一次我們會從微觀的角度來探秘一下 Linux 內核中用于零散小記憶體塊分配的記憶體池 —— slab 分配器。 在本小節中,筆者還是按照以往的風格先帶大家簡單 ......

    uj5u.com 2023-04-05 16:44:11 more